@charset "UTF-8";
:root{--bg:#06111b;--bg2:#091722;--pane:#0e2231;--pane2:#152d3b;--line:#375062;--gold:#e1b978;--light:#f7f1e7;--muted:#bbcad0;--ink:#fff;--max:1250px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.56;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 70% 0%,#153447 0%,transparent 58%);pointer-events:none}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{display:block;width:100%;max-width:100%;height:auto}p{margin:0 0 1.1em}.container{max-width:var(--max);margin:0 auto;padding:0 26px}
.topbar{position:sticky;top:0;z-index:80;background:#06111df7;border-bottom:1px solid #263e4b;backdrop-filter:blur(12px)}
.nav-wrap{max-width:var(--max);padding:12px 26px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{font-weight:850;letter-spacing:.13em;line-height:1.03;display:block;font-size:18px;white-space:nowrap}.wordmark strong{color:var(--gold)}.wordmark small{display:block;font-size:9px;color:#b4c4ca;letter-spacing:.145em;margin-top:7px;font-weight:650}
nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 18px}
nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;padding:7px 0;color:#e0e7e8}
nav a:hover,nav a[aria-current=page]{color:var(--gold)}nav .nav-contact{border:1px solid var(--gold);border-radius:3px;padding:8px 12px}
main{overflow:hidden}h1,h2,h3{font-weight:760;letter-spacing:-.025em;line-height:1.13}h1{font-size:clamp(2rem,3.7vw,3.3rem);margin:9px 0 18px}h2{font-size:clamp(1.5rem,2.4vw,2.45rem);margin:9px 0 17px}h3{font-size:clamp(1.12rem,1.45vw,1.45rem);margin:0 0 12px}em{font-style:normal;color:var(--gold)}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:850;display:block;margin-bottom:12px}
.lead{font-size:clamp(16px,1.5vw,19px);color:#e3e9eb;line-height:1.52}.muted{color:var(--muted)}.small{font-size:13px}.mini{font-size:12px}.status{color:#edc78b;letter-spacing:.045em;font-weight:740;font-size:11px;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--gold);border-radius:4px;padding:10px 15px;font-size:12px;font-weight:800;letter-spacing:.045em;line-height:1.35;text-align:center;transition:background .2s,border-color .2s,transform .2s}.btn:hover{transform:translateY(-1px);background:#233e4b}.btn-gold{background:var(--gold);color:#07121d}.btn-gold:hover{background:#f1cc91}.btn-outline{background:transparent;color:#f3e6d0}.btn-ghost{border-color:#4b6975;color:#f2f1ec}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.hero{padding:32px 0 38px;background:linear-gradient(130deg,#081722,#102f3d)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);align-items:center;gap:29px}
.hero-poster{margin:0}.hero-poster img{aspect-ratio:1672/941;object-fit:contain;border:1px solid #334654;border-radius:5px;box-shadow:0 15px 45px #0007}
.hero-message h1{max-width:500px}.hero-message p{color:#d5dfe2}.hero-note{font-size:12px;color:#9eb6c0;margin-top:20px}
.section{padding:64px 0}.section-dark{background:#06111b}.section-blue{background:linear-gradient(90deg,#0d2635,#0b1d2c)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}.section-top>div{max-width:850px}.section-top p{color:var(--muted);max-width:660px}
.cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:var(--pane);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}
.card picture,.card>img{display:block}.card-image{aspect-ratio:16/9;width:100%;object-fit:cover}.card-body{padding:20px}.card-body h3{margin-bottom:9px}.card-body p{color:#c3d1d6;font-size:14px}.film-tag{color:var(--gold);letter-spacing:.14em;font-weight:850;font-size:10px;text-transform:uppercase;margin:0 0 11px!important}
.card-body .btn{width:100%;margin-top:12px}
.character-card .card-body{padding:20px 19px 23px}.character-card .card-image{aspect-ratio:16/9}.character-role{font-weight:700;font-size:12px;color:var(--gold)!important}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world-grid article{background:#09202d;border:1px solid #2a4656;overflow:hidden;border-radius:5px}.world-grid img{aspect-ratio:16/9;object-fit:cover}.world-grid h3{font-size:17px;margin:14px 16px 6px}.world-grid p{margin:0 16px 17px;font-size:13px;color:#b7c9d1}
.cta-band{padding:58px 0;text-align:center;background:linear-gradient(110deg,#153d4b,#0b1d2c);border-top:1px solid #28485a;border-bottom:1px solid #28485a}.cta-band p{margin:0 auto 20px;max-width:650px;color:#e6e6e6}.cta-band .buttons{justify-content:center}
.pitch-intro{padding:58px 0 43px;background:radial-gradient(ellipse at 80% 50%,#1a4051,#0c1c2a 70%)}.pitch-intro p{max-width:800px;color:#d5e2e5}
.film-panel{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:24px;padding:23px;background:var(--pane);border:1px solid var(--line);border-radius:7px;margin-bottom:22px}
.film-panel>.image img{aspect-ratio:16/9;object-fit:cover;border:1px solid #1d3e51;border-radius:4px}
.film-panel h3{font-size:clamp(1.4rem,2.2vw,2.1rem);margin:4px 0 10px}.film-panel p{font-size:14px;color:#d0dbdd}.film-panel .buttons{margin-top:13px;gap:8px}.film-panel .btn{font-size:11px;padding:9px 11px;min-height:39px}
.storyboard{border-top:1px solid #385061;margin-top:18px;padding-top:14px;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px}.storyboard img{aspect-ratio:16/9;object-fit:cover;border:1px solid #3c5d66}.storyboard h4{font-size:14px;margin:0 0 3px}.storyboard p{margin:0;font-size:12px}.coming{display:inline-block;border:1px solid #caa467;color:#edca91;border-radius:3px;padding:2px 8px;margin-top:5px;font-size:10px;letter-spacing:.07em;font-weight:800}
.video-card .video-button{display:flex;align-items:center;gap:8px}.play{font-size:16px}.video-card .card-image{aspect-ratio:16/9}.document-card .card-image{aspect-ratio:16/9}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.document-card .card-body{padding:16px 18px}.document-card .card-body p{min-height:3.4em}.document-card .buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.document-card .btn{margin:0;font-size:10px;padding:10px 6px}
.contact{border:1px solid #547078;background:linear-gradient(100deg,#152e40,#0d1c29);border-radius:8px;padding:33px;margin-top:27px}.contact p{max-width:800px;color:#ccd9dd}
.footer{padding:36px 0 25px;border-top:1px solid #294352;background:#020d16}.foot-inner{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot-inner strong{letter-spacing:.11em}.foot-inner p{font-size:12px;color:#98b0b8;margin:12px 0 0}.foot-inner>div:last-child{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.footer .legal{font-size:11px;color:#8ba1ab;margin-top:24px}
@media(max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.nav-wrap{flex-direction:column;gap:10px}.film-panel{grid-template-columns:1fr 1fr}.cards-three{gap:13px}.card-body{padding:15px}.document-card .buttons{grid-template-columns:1fr}.document-card .card-body p{min-height:0}}
@media(max-width:720px){.container{padding:0 17px}.nav-wrap{padding:12px 17px}.wordmark{text-align:center}.nav-wrap nav{gap:5px 10px;justify-content:center}.nav-wrap nav a{font-size:10px;padding:6px 2px}.nav-wrap nav .nav-contact{padding:6px}.hero{padding:21px 0 28px}.hero-grid{grid-template-columns:1fr;gap:23px}.hero-poster img{max-height:none}.section{padding:42px 0}.section-top{display:block}.cards-three,.world-grid,.doc-grid{grid-template-columns:1fr}.cards-three{gap:17px}.film-panel{grid-template-columns:1fr;padding:13px;gap:16px}.film-panel .btn{flex:1 1 160px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{padding:20px}.footer{padding:30px 0}}
@media(max-width:420px){.nav-wrap nav{gap:4px 9px}.nav-wrap nav a{letter-spacing:0;font-size:10px}.world-grid{grid-template-columns:1fr}.buttons .btn{flex:1 1 auto}.document-card .buttons{grid-template-columns:1fr 1fr}.storyboard{grid-template-columns:92px 1fr}.card-body h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Illustrated story films: visible placeholders; no video links until actual MP4 exists. */
.storyboard-actions{position:relative;margin-top:10px}
.storyboard-buttons{margin-top:8px!important;gap:8px}
.storyboard-buttons button{font-family:inherit;cursor:pointer;min-height:44px}
.coming-pop[hidden]{display:none!important}
.coming-pop{position:absolute;z-index:30;bottom:calc(100% + 10px);left:0;right:0;max-width:500px;padding:17px 44px 15px 18px;background:#f4e2c0;color:#061523;border:2px solid #d8a75c;border-radius:8px;box-shadow:0 14px 38px #000a}
.coming-pop:after{content:"";position:absolute;bottom:-9px;left:28px;width:15px;height:15px;background:#f4e2c0;border-right:2px solid #d8a75c;border-bottom:2px solid #d8a75c;transform:rotate(45deg)}
.coming-pop strong{font-size:15px;font-weight:900;letter-spacing:.09em;display:block;color:#142535}
.coming-pop p{font-size:13px;color:#253743;line-height:1.4;margin:7px 0 0}
.coming-pop em{font-style:normal;color:#253743;font-weight:700}
.coming-close{position:absolute;top:7px;right:8px;cursor:pointer;font-size:25px;border:0;background:transparent;color:#132a38;min-width:34px;min-height:34px}
@media(max-width:720px){.storyboard-buttons{display:grid;grid-template-columns:1fr;}.storyboard-buttons button{width:100%;}.coming-pop{left:-6px;right:-6px;padding-right:37px}}


/* 2026-11-02 — Approved trilogy theatrical posters.
   Never crop the finished artwork or title text. Keep all three in portrait 2:3. */
#trilogy .card-image {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: contain;
    object-position: center center;
    background: #06111b;
}
#films .film-panel {grid-template-columns: minmax(0, .78fr) minmax(0, 1.35fr)}
#films .film-panel > .image {align-self: start}
#films .film-panel > .image img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: contain;
    object-position: top center;
    background: #06111b;
}
@media (max-width: 720px) {
  #films .film-panel {grid-template-columns: 1fr}
  #films .film-panel > .image {width:100%;max-width:460px;margin:0 auto}
}


/* November 2: subtle hover-and-enlarge behaviour on both website pages */
[data-image-full],.cast-image-button{cursor:zoom-in}
[data-image-full]{transition:filter .22s ease}
[data-image-full]:hover,[data-image-full]:focus-visible{filter:brightness(1.065)}
[data-image-full]:focus-visible,.cast-image-button:focus-visible{outline:3px solid #dfb978;outline-offset:-3px}
.cast-leads,.cast-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cast-support-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cast-support-card{grid-column:span 2}
.cast-support-card:nth-last-child(-n+2){grid-column:span 3}
.cast-main-card,.cast-support-card{display:flex;flex-direction:column}
.cast-main-card .card-body,.cast-support-card .card-body{flex:1}
.cast-support-header{margin-top:43px}
.cast-image-button{border:0;border-bottom:1px solid #ffffff24;display:block;width:100%;padding:0;background:#071420;overflow:hidden;text-align:left}
.cast-portrait{display:block;width:100%;height:auto;object-fit:contain;background:#071420;transition:filter .22s ease}
.cast-image-button:hover .cast-portrait,.cast-image-button:focus-visible .cast-portrait{filter:brightness(1.065)}
.cast-kind{font-size:11px;color:#ceb18b;letter-spacing:.1em;font-weight:bold;text-transform:uppercase}
.cast-lightbox{position:relative;max-width:96vw;max-height:96dvh;width:max-content;border:1px solid #6a8191;background:#06121d;color:#fff;border-radius:9px;padding:12px;box-shadow:0 25px 85px #000d;overflow:auto}
.cast-lightbox::backdrop{background:rgba(0,8,17,.87);backdrop-filter:blur(5px)}
.cast-lightbox-inner{display:flex;flex-direction:column;gap:10px;align-items:center}
.cast-lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%}
.cast-lightbox-toolbar strong{font-size:15px;line-height:1.35}
.cast-lightbox-close{display:grid;place-items:center;width:41px;height:41px;flex-shrink:0;border-radius:50%;background:#183344;color:#fff;border:1px solid #91a6b3;font-family:inherit;font-size:28px;line-height:1;cursor:pointer}
.cast-lightbox-close:hover{background:#3a6278}
#cast-lightbox-image{width:auto;height:auto;max-width:calc(96vw - 30px);max-height:calc(96dvh - 110px);object-fit:contain;cursor:zoom-out}
.cast-lightbox-tip{font-size:12px;color:#bbc5ce;margin:0;text-align:center}
@media(max-width:900px){.cast-leads{gap:12px}}
@media(max-width:720px){.cast-leads{grid-template-columns:1fr}.cast-main-card{max-width:550px;margin:auto}.cast-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cast-support-card,.cast-support-card:nth-last-child(-n+2){grid-column:span 1}}
@media(max-width:520px){.cast-support-grid{grid-template-columns:1fr}.cast-support-card{width:100%;max-width:550px;margin:auto}}
@media(prefers-reduced-motion:reduce){[data-image-full],.cast-portrait{transition:none}}

/* Nov 3: alternate portrait posters and show their stories beside them.
   Existing approved poster art remains uncropped and unchanged. */
#trilogy .cards-three {display:grid;grid-template-columns:1fr;gap:32px;}
#trilogy .cards-three > .card {
 display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
 gap:clamp(22px,4vw,66px);align-items:center;
 padding:clamp(16px,2.5vw,32px);
 background:linear-gradient(125deg,#091b29,#112c3b);
}
#trilogy .cards-three > .card > .card-image {
 max-width:440px;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;
 margin:0 auto;border:1px solid #385364;box-shadow:0 18px 34px #0007;
}
#trilogy .cards-three > .card > .card-body {padding:12px 8px;max-width:530px;}
#trilogy .cards-three > .card .card-body h3 {font-size:clamp(1.5rem,2.5vw,2.5rem);}
#trilogy .cards-three > .card .card-body p:not(.film-tag) {
 font-size:clamp(15px,1.35vw,18px);line-height:1.65;
}
#trilogy .cards-three > .card:nth-child(even) > .card-image {grid-column:2;grid-row:1;}
#trilogy .cards-three > .card:nth-child(even) > .card-body {grid-column:1;grid-row:1;justify-self:end;}
#trilogy .cards-three > .card:nth-child(odd) > .card-image {grid-column:1;grid-row:1;}
#trilogy .cards-three > .card:nth-child(odd) > .card-body {grid-column:2;grid-row:1;}
/* Five support cast portraits across desktop; Kiki and Patch beside one another. */
.cast-support-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.cast-support-grid .cast-support-card,
.cast-support-grid .cast-support-card:nth-last-child(-n+2) {grid-column:auto;}
.cast-support-card .card-body {padding:14px 12px 17px;}
.cast-support-card .card-body h3 {font-size:clamp(14px,1.35vw,19px);overflow-wrap:anywhere;}
.cast-support-card .card-body p {font-size:12px;line-height:1.5;}
@media(max-width:920px){.cast-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:720px){
 #trilogy .cards-three > .card {grid-template-columns:1fr;gap:18px;padding:17px;}
 #trilogy .cards-three > .card > .card-image,
 #trilogy .cards-three > .card:nth-child(even) > .card-image,
 #trilogy .cards-three > .card:nth-child(odd) > .card-image
 {grid-column:1;grid-row:1;max-width:450px;}
 #trilogy .cards-three > .card > .card-body,
 #trilogy .cards-three > .card:nth-child(even) > .card-body,
 #trilogy .cards-three > .card:nth-child(odd) > .card-body
 {grid-column:1;grid-row:2;justify-self:stretch;}
 .cast-support-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){.cast-support-grid{grid-template-columns:1fr;}}

/* 2026-11-03 final review: 12 supplied images, warm charcoal, six cast portraits */
:root{--bg:#121110;--bg2:#171512;--pane:#24211d;--pane2:#2d2924;--line:#544c40;--gold:#ddbd83;--light:#f5f0e8;--muted:#c5b9aa;--ink:#fffaf2}
body{background:var(--bg);color:var(--light)}
body::before{background:radial-gradient(circle at 70% 0%,#2b2419 0%,transparent 58%)}
.topbar{background:rgba(17,16,15,.97);border-bottom-color:#40392f}
.hero{background:linear-gradient(125deg,#171511,#282117)}
.section-dark{background:#121110}
.section-blue{background:linear-gradient(100deg,#1f1c18,#171512)}
.card{background:var(--pane);border-color:var(--line)}
.card-body p,.section-top p{color:#d4c9bb}
#trilogy .cards-three > .card{background:linear-gradient(125deg,#211d19,#2b251e)}
.world-grid article{background:#211d19;border-color:#524739}
.world-grid p{color:#cfc3b3}
.world-grid img{filter:none}
.cast-image-button,.cast-portrait{background:#211d19}
.cast-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cast-support-grid .cast-support-card,.cast-support-grid .cast-support-card:nth-last-child(-n+2){grid-column:auto}
.cast-support-card .card-body{padding:20px 19px 23px}
.cast-support-card .card-body h3{font-size:clamp(1.12rem,1.45vw,1.45rem)}
.cast-support-card .card-body p{font-size:14px;line-height:1.56}
.cta-band{background:linear-gradient(110deg,#342719,#1b1916);border-color:#554737}
.footer{background:#100f0e;border-top-color:#554a3b}
#world .world-interlude{margin:clamp(36px,5.6vw,75px) auto;padding:clamp(34px,5.5vw,62px) clamp(22px,6vw,78px);border-top:1px solid #65543d;border-bottom:1px solid #65543d;text-align:center;background:radial-gradient(ellipse at 50% 55%,#2a241c 0%,#161412 72%)}
#world .world-interlude .eyebrow{margin-bottom:14px}
#world .world-interlude h3{font-size:clamp(1.6rem,3.2vw,2.8rem);margin:0 0 16px}
#world .world-interlude p{max-width:710px;font-size:clamp(15px,1.45vw,18px);line-height:1.7;color:#d9cebf;margin:0 auto}
@media(max-width:720px){.cast-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cast-support-grid{grid-template-columns:1fr}}

/* Neutralize remaining blue interface furniture, not the photographic art. */
.topbar{background:rgba(17,16,15,.97);border-bottom-color:#40392f}
.wordmark small,.nav-wrap nav a{color:#e2d8cb}
.hero-poster img{border-color:#514839}
.hero-message p,.lead{color:#e6ddd2}
.hero-note{color:#c2b09a}
.btn:hover{background:#42382c}
.btn-gold{color:#1f180f}
.btn-gold:hover{background:#eed09b}
.btn-outline{color:#f8e8ce}
.pitch-intro{background:radial-gradient(ellipse at 80% 50%,#342b20,#181613 72%)}
.pitch-intro p,.film-panel p{color:#d6cab9}
.film-panel{background:var(--pane);border-color:var(--line)}
.film-panel>.image img{border-color:#5d4f3e}
.contact{background:linear-gradient(100deg,#2d261e,#1b1915);border-color:#6d5b42}
.cast-lightbox{background:#171511;border-color:#726453}
.cast-lightbox-close{background:#40382e;border-color:#958370}
.cast-lightbox-close:hover{background:#5a4c3e}
.cast-lightbox-tip{color:#c8bcac}

/* Nov 3 Producer Package — text-led, posters only. Homepage untouched. */
.producer-page{background:#141210;}
.producer-page .pitch-intro{background:linear-gradient(125deg,#211c16,#141210);padding:55px 0 48px}
.producer-page .section-dark{background:#141210}
.producer-page .section-blue{background:#1b1814}
.producer-page .film-panel{grid-template-columns:minmax(175px,260px) minmax(0,1fr);gap:35px;
 background:#201c17;border:1px solid #554839;padding:clamp(18px,2.5vw,31px);margin-bottom:27px;align-items:start}
.producer-page .film-panel>.image img{display:block;aspect-ratio:2/3;object-fit:contain;
 max-width:260px;width:100%;height:auto;border:1px solid #62513d;box-shadow:0 8px 30px #0008}
.producer-page .film-panel h3{font-size:clamp(1.6rem,2.4vw,2.25rem);margin:6px 0 14px}
.producer-page .film-panel p{color:#d9cfc1;font-size:15px;line-height:1.7}
.producer-page .film-panel .buttons{gap:10px;margin-top:20px}
.producer-page .film-panel .btn{font-size:12px;min-height:41px;padding:9px 12px}
.producer-page .storyboard{display:block;grid-template-columns:none;border-top:1px solid #64543e;
 padding-top:22px;margin-top:25px}
.producer-page .storyboard h4{font-size:16px;margin:0 0 8px;color:#f4e2c2}
.producer-page .storyboard p{font-size:13px;line-height:1.6;color:#cfc2b2}
.producer-page .storyboard-buttons{margin-top:12px!important}
.producer-page .storyboard-buttons .btn{background:transparent;color:#e9c792;border-color:#7d6745}
.producer-page .storyboard-buttons .btn:hover{background:#403223}
.producer-page #videos .cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.producer-page #videos .video-card{background:#201c17;border:1px solid #524637;min-width:0}
.producer-page #videos .video-card .card-body{padding:25px}
.producer-page #videos .video-card .card-body p{min-height:3.8em}
.producer-page #videos .video-card a{margin-top:18px}
.producer-page #documents .doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.producer-page #documents .document-card{background:#201c17;border:1px solid #524637}
.producer-page #documents .document-card .card-body{padding:24px}
.producer-page #documents .document-card .card-body p{min-height:0}
.producer-page #documents .document-card .buttons{display:flex;justify-content:flex-start}
.producer-page #documents .document-card .btn{font-size:12px;padding:10px 15px}
.producer-page #contact{background:#171411}
@media(max-width:840px){
.producer-page .film-panel{grid-template-columns:minmax(145px,220px) minmax(0,1fr);gap:22px}
.producer-page #videos .cards-three{grid-template-columns:1fr}
.producer-page #videos .video-card .card-body p{min-height:0}
}
@media(max-width:620px){
.producer-page .film-panel{grid-template-columns:1fr;gap:20px}
.producer-page .film-panel>.image img{max-width:230px;margin:auto}
.producer-page #documents .doc-grid{grid-template-columns:1fr}
}

/* November 4, 2026 — Context notes for early cinematic development materials */
.development-note{margin:13px 0 0;padding:11px 14px;border-left:3px solid #c8a772;border-radius:0 6px 6px 0;background:rgba(214,185,129,.075);color:#c4d0d4;line-height:1.55;font-size:13px}
.development-note.compact{font-size:12px;padding:9px 12px;margin:10px 0 2px}