@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url('./dm-sans-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Italiana'; font-style: normal; font-weight: 400; font-display: swap; src: url('./italiana-latin-400-normal.woff2') format('woff2'); }
:root{--paper:#f3ebdb;--ink:#1c382c;--olive:#a9b598}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #8fa66f;outline-offset:7px}header{position:absolute;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:32px 5%;color:var(--paper);border-bottom:1px solid #ffffff26}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content}.brand>span{font-family:Georgia,serif;font-size:25px;letter-spacing:4px}.brand small{font-size:8px;letter-spacing:4px}nav{display:flex;gap:42px;font-size:12px}nav a:last-child{margin-left:28px}nav span{margin-left:20px}.menu{display:none}.hero{height:850px;min-height:720px;max-height:1050px;position:relative;color:var(--paper);background:#1e3027}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 50%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#101b18bd,#101b1833),linear-gradient(0deg,#0d1819b3,transparent 50%,#07130d55)}.hero-copy{position:absolute;top:25%;left:8%;}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;margin:0 0 32px}.hero h1{font-family:'Italiana',Georgia,serif;font-size:clamp(60px,7.3vw,108px);font-weight:400;line-height:1.06;letter-spacing:-2px;margin:0 0 28px}em{font-family:Georgia,serif;font-weight:400}h1 em{font-size:.91em}.intro{font-size:15px;line-height:1.8;color:#e0e1d5;margin-bottom:32px}.pill{display:inline-flex;gap:60px;align-items:center;border:1px solid #e9edde8a;border-radius:40px;padding:17px 23px;font-size:12px;transition:.2s}.pill:hover{background:var(--paper);color:var(--ink)}.pill span{font-size:20px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.hero-bottom a{letter-spacing:0;font-size:12px}.hero-bottom a span{margin-left:15px}.section{padding:110px 8%}.about{display:grid;grid-template-columns:1fr 2.3fr;border-bottom:1px solid #29352829}.about>.eyebrow{padding-top:15px}h2{font-family:'Italiana',Georgia,serif;font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.15;margin:0;letter-spacing:-1px}h2 em{font-size:.88em}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;font-size:14px;line-height:1.9;color:#596056}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:25px}.index{font-size:9px;letter-spacing:1.8px;padding-bottom:10px}.film-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.poster{position:relative;aspect-ratio:4/4.5;border:0;padding:0;overflow:hidden;background:#111e1b;color:#f1eee6;width:100%}.poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.45);transform:scale(1.05);transition:transform .7s}.poster:hover img{transform:scale(1.1)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061014c4,transparent 70%)}.poster-top{position:absolute;top:10%;left:0;width:100%;font-size:8px;letter-spacing:3px}.film-title{position:absolute;left:0;top:43%;width:100%;font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(36px,4.8vw,75px);letter-spacing:.19em;padding-left:.19em}.poster-bottom{position:absolute;bottom:13%;left:0;width:100%;font-size:8px;line-height:2.1;letter-spacing:3px}.poster-icon{position:absolute;right:24px;bottom:22px;font-size:24px}.tag{font-size:9px;letter-spacing:1.5px;border:1px solid #52624555;border-radius:20px;padding:8px 13px}h3{font-size:43px;letter-spacing:8px;font-weight:400;margin:30px 0 10px}.genre{font-size:9px!important;letter-spacing:2px;margin-bottom:35px!important}.logline{font-family:'Italiana',Georgia,serif;font-size:34px!important;line-height:1.3!important;color:var(--ink)!important}.film-copy>p{font-size:14px;line-height:1.9;color:#62685e;margin:22px 0}.text-link{border:0;border-bottom:1px solid #87917c;background:none;width:100%;padding:20px 0;text-align:left;font-size:12px;display:flex;justify-content:space-between;margin-top:20px}.text-link span{font-size:18px}.notes{font-size:13px;line-height:1.8;color:#62685e}.contact{background:#1c382c;color:var(--paper);}.contact>.eyebrow{color:#bdc8a4}.contact h2{font-size:clamp(42px,5.6vw,80px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:45px;border-top:1px solid #ffffff30;padding-top:25px;font-size:14px;line-height:1.8;color:#c8d0c0}.contact-note{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 5%;font-size:10px;color:#62685e}footer .brand{color:var(--ink)}.skip{position:fixed;left:15px;top:-90px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}@media(min-width:1600px){.hero{height:950px}}@media(max-width:700px){header{padding:23px 6%}.brand>span{font-size:20px}.brand small{font-size:7px}.menu{display:block;background:none;border:0;color:inherit;font-size:12px}.menu span{margin-left:8px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:#26372f;padding:30px 8%;flex-direction:column;gap:25px}nav.open{display:flex}nav a:last-child{margin-left:0}.hero{height:780px;min-height:650px;max-height:95svh}.hero-copy{top:27%;left:7%;right:7%}.hero h1{font-size:62px;letter-spacing:-1px}.hero-bottom{left:7%;right:7%}.hero-bottom>span:last-child{display:none}.hero-bottom>span{font-size:7px}.section{padding:70px 7%}.about{grid-template-columns:1fr;gap:10px}.about-body{grid-template-columns:1fr;gap:0;margin-top:25px}.section-heading{align-items:start;gap:20px}.index{display:none}.film-layout{grid-template-columns:1fr;gap:45px}.poster{aspect-ratio:4/4.5}.film-title{font-size:56px}.film-copy h3{font-size:36px}.contact-bottom{display:block}footer{padding:35px 7%;flex-wrap:wrap;gap:30px}footer>span{order:3;width:100%;font-size:9px}footer .brand>span{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Widescreen oak identity: original artwork framed through an SVG viewport. */
header{position:relative;background:var(--paper);color:var(--ink);padding:18px 5%;border-bottom:1px solid #1c382c24}.brand-logo{width:215px;height:auto;display:block;overflow:hidden}header nav{font-size:13px}.hero{height:760px;min-height:650px}.hero-copy{top:20%}.contact{background:#1c382c}.tag{border-color:#1c382c66}.pill:hover{background:var(--paper)}footer .brand-logo{width:190px}footer{padding-top:35px;padding-bottom:35px}.about-body,.film-copy>p,.notes{color:#536151}.menu span{display:inline-flex;vertical-align:middle}@media(max-width:700px){header{padding:14px 6%}.brand-logo{width:160px}nav{top:112px;background:var(--paper);color:var(--ink);box-shadow:0 12px 16px #10201815}.hero{height:680px;min-height:580px}.hero-copy{top:22%}.hero h1{font-size:55px}footer .brand-logo{width:160px}}

/* Matte gold bee identity, using the supplied artwork unchanged. */
header{background:#000;color:#f3ebdb;border-bottom:1px solid #cba66a55;padding:10px 5%}.brand-logo{width:255px;height:auto;display:block}header nav a:hover,footer a:hover{color:#d6b478}footer{background:#000;color:#c6bda9;border-top:1px solid #cba66a44;padding:26px 5%}footer .brand-logo{width:235px}nav span{display:inline-flex;vertical-align:middle}.pill{border-color:#d6b47899}.contact>.eyebrow{color:#d6b478}@media(max-width:700px){header{padding:8px 6%}.brand-logo{width:190px}nav{top:100%;background:#000;color:#f3ebdb;border-top:1px solid #cba66a44}footer .brand-logo{width:190px}footer{padding:28px 7%}}

.more-films{margin-top:90px;padding-top:55px;border-top:1px solid #1c382c33}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.film-art{display:block;background:#090a08;line-height:0;outline-offset:6px}.film-art img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.card-heading h3{margin:0;font-size:28px;letter-spacing:5px}.card-heading a{display:flex;gap:10px;align-items:center;font-size:11px}.card-heading a:hover{text-decoration:underline}.film-card>p{font-family:Georgia,serif;font-size:21px;color:#536151;margin:16px 0 0}@media(max-width:700px){.more-films{margin-top:60px;padding-top:40px}.poster-grid{grid-template-columns:1fr;gap:50px}.card-heading h3{font-size:26px}.film-card>p{font-size:20px}}

/* Stacked film rows with posters left and information right. */
.film-layout,.film-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10%;align-items:center;max-width:none;margin:0}
.film-layout .film-copy{margin-top:0}.film-layout .film-art img,.film-art img{aspect-ratio:auto;height:auto;object-fit:contain}
.more-films{max-width:none;margin:75px 0 0;padding-top:75px}.poster-grid{grid-template-columns:1fr;gap:75px}.film-card+.film-card{border-top:1px solid #1c382c33;padding-top:75px}
.film-card .card-heading{display:block;margin:0}.film-card .card-heading h3{font-size:43px;letter-spacing:8px;margin:30px 0 10px}.film-card .card-heading a{width:max-content;padding-bottom:8px;border-bottom:1px solid #87917c}.film-copy .logline{font-size:34px!important}
@media(max-width:700px){.film-layout,.film-card{grid-template-columns:1fr;gap:30px}.more-films{margin-top:50px;padding-top:50px}.poster-grid{gap:50px}.film-card+.film-card{padding-top:50px}.film-card .card-heading h3{font-size:36px}.film-copy .logline{font-size:29px!important}}

/* Feature photograph, framed beside the opening headline. */
.hero{background:#170f09}.hero-image{position:absolute;right:0;top:0;width:68%;object-position:50% 31%}.shade{background:linear-gradient(90deg,#170f09 3%,#170f09ed 27%,#170f0966 53%,transparent 76%),linear-gradient(0deg,#100e0bcc,transparent 35%)}
@media(max-width:700px){.hero-image{width:100%;object-position:56% 25%}.shade{background:linear-gradient(0deg,#170f09f5 0%,#170f09b3 38%,#170f091a 72%)}.hero-copy{top:auto;bottom:85px}.hero h1{font-size:48px}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy .intro{margin-bottom:22px}}

/* Our Story: full photograph alongside the company introduction. */
.about{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:center}.story-photo img{display:block;width:100%;height:auto}.story-copy .eyebrow{margin-bottom:28px}.story-copy h2{font-size:clamp(36px,3.5vw,56px)}.story-copy .about-body{display:block;margin-top:28px}.story-copy .about-body p{margin:0 0 20px}
@media(max-width:700px){.about{grid-template-columns:1fr;gap:36px}.story-copy h2{font-size:40px}}

/* Contact photograph and direct email links. */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:center}.contact-photo img{display:block;width:100%;height:auto}.contact-copy .eyebrow{color:#bdc8a4}.contact-copy h2{font-size:clamp(36px,3.5vw,56px)}.contact-intro{font-size:14px;line-height:1.9;color:#c8d0c0;margin:28px 0}.contact-people{border-top:1px solid #ffffff30;padding-top:28px;display:grid;gap:28px}.contact-people h3{font-size:17px;letter-spacing:0;font-weight:500;margin:0 0 8px}.contact-people a{font-size:15px;line-height:1.7;color:var(--paper);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-people a:hover{color:#bdc8a4}
@media(max-width:700px){.contact{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:40px}}

.story-copy, .contact-copy {
  width: min(100%, 48rem);
}
.contact {
  background: #000;
}
.film-copy .film-status {
  margin: 16px 0 0;
  font-size: 14px;
}
.hero .intro {
  max-width: 32ch;
}
@media (max-width: 700px) {
  .hero h1 { font-size: clamp(36px, 9.5vw, 48px); }
}

.deck-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1.25rem;
  border: 1px solid currentColor;
  border-radius: 2rem;
  font-size: .875rem;
}
.deck-link:hover, .deck-link:focus-visible {
  background: var(--ink);
  color: var(--paper);
}

.rager-links {
  display: grid;
  justify-items: start;
  gap: .75rem;
}

.reel-dialog {
  width: min(96vw, 1920px, calc((100dvh - 8rem) * 16 / 9));
  padding: 0;
  border: 0;
  background: #101010;
  color: white;
}
.reel-dialog::backdrop { background: rgb(0 0 0 / .85); }
.reel-dialog button {
  display: block;
  margin-left: auto;
  color: inherit;
  background: transparent;
  border: 0;
  padding: .75rem 1rem;
}
.reel-dialog video { display: block; width: 100%; aspect-ratio: 16 / 9; }

.reel-controls { display: flex; align-items: center; gap: .75rem; padding: .35rem .8rem; font-variant-numeric: tabular-nums; }
.reel-controls button { margin: 0; min-width: 4rem; }
.reel-controls input { flex: 1; min-width: 0; accent-color: #e9d4a2; cursor: pointer; }

.reel-trigger { color: inherit; background: transparent; }