/*
SUNSET AUTEUR — Skyduster Films
New Hollywood title design, California golden-hour warmth, analog contact-sheet rhythm,
and restrained directorial luxury. Every layout choice should feel selected, not assembled.
*/
:root{--ink:#0c0d0e;--ink-soft:#17191a;--paper:#f2ecdf;--paper-deep:#e4dac7;--orange:#ed5a1f;--sun:#f7b34a;--cream:#fff8ea;--muted:#a6a39d;--line:rgba(12,13,14,.18);--line-light:rgba(255,255,255,.18);--display:"Archivo Black",Impact,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--body:"Manrope",Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open,body.dialog-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:10000;background:var(--cream);color:var(--ink);padding:.75rem 1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:4px}.eyebrow{margin:0 0 1rem;font-size:.68rem;font-weight:700;line-height:1.3;letter-spacing:.17em;text-transform:uppercase}.eyebrow--orange{color:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.055em;line-height:.92}h1 em,h2 em{font-family:var(--serif);font-weight:500;text-transform:none;letter-spacing:-.04em}h1{font-size:clamp(3.5rem,8.6vw,9rem)}h2{font-size:clamp(2.6rem,5.6vw,6rem)}h3{line-height:1.2}.lead{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.5}.dark-section{background:var(--ink);color:var(--cream)}.paper-section{position:relative;background:var(--paper)}.button,.text-link,.play-button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease)}.button{min-height:3.6rem;padding:.9rem 1.25rem;border:1px solid currentColor}.button:hover,.text-link:hover,.play-button:hover{transform:translateX(4px)}.button:active,.play-button:active{transform:scale(.97)}.button--light{background:var(--cream);color:var(--ink);border-color:var(--cream)}.button--dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}.button--outline{color:var(--cream);background:transparent}.text-link{border:0;border-bottom:1px solid rgba(255,255,255,.45);padding:.55rem 0}.text-link--dark{border-color:rgba(12,13,14,.4)}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:78px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,3vw,3rem);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(rgba(8,9,10,.75),transparent);transition:background .25s var(--ease),color .25s var(--ease),height .25s var(--ease)}.site-header.is-scrolled{height:66px;background:rgba(12,13,14,.94);backdrop-filter:blur(14px)}.brand-link{display:flex;width:clamp(150px,17vw,245px);margin-right:auto}.brand-link img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(1rem,2.1vw,2.2rem)}.desktop-nav a{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.desktop-nav a::after{content:"";display:block;width:0;height:1px;margin-top:.28rem;background:var(--orange);transition:width .18s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a.is-active::after{width:100%}.header-cta{border-left:1px solid rgba(255,255,255,.2);padding-left:2rem;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.menu-toggle{display:none;width:48px;height:48px;border:0;background:transparent;padding:12px}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:7px 0;transition:transform .2s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;background:var(--ink);padding:7rem 1.3rem 2rem}.mobile-nav .eyebrow{color:var(--orange)}.mobile-nav>a:not(.button){display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line-light);font-family:var(--display);font-size:clamp(1.7rem,8vw,3rem);line-height:1;text-transform:uppercase}.mobile-nav>a span{font-family:var(--body);font-size:.6rem;color:var(--orange)}.mobile-nav .button{margin-top:auto}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;background-color:var(--ink);background-size:cover;background-position:center;color:var(--cream);overflow:hidden;padding:8rem clamp(1rem,6vw,7rem) clamp(3rem,8vw,7rem)}.hero::after,.page-hero::after,.closing::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.hero__content{position:relative;z-index:2;max-width:1030px}.hero h1{margin:0;color:var(--cream)}.hero h1 em{color:var(--sun)}.hero__thesis{margin:1.4rem 0 2.5rem;max-width:620px;font-family:var(--serif);font-size:clamp(1.6rem,3vw,3rem);font-style:italic;line-height:1.15}.hero__actions{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap}.play-button{border:1px solid rgba(255,255,255,.65);background:rgba(8,9,10,.25);color:var(--cream);padding:1rem 1.2rem;cursor:pointer}.play-button span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:.55rem}.hero__rail{position:absolute;z-index:2;right:1.5rem;top:50%;display:flex;gap:2rem;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}.hero__framecode{position:absolute;z-index:2;right:1.5rem;bottom:1.5rem;font-family:monospace;font-size:.58rem;line-height:1.5;color:rgba(255,255,255,.65)}
.manifesto{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,5fr);gap:clamp(2rem,7vw,9rem);padding:clamp(6rem,12vw,13rem) clamp(1rem,7vw,8rem)}.manifesto__index{padding-top:.3rem}.manifesto__index p{font-size:.7rem;font-weight:700;letter-spacing:.15em}.sunline{display:block;width:44px;height:44px;margin-top:2rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 12px rgba(237,90,31,.12)}.manifesto__copy{max-width:1080px}.manifesto h2{margin-bottom:3rem}.two-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);max-width:850px}.two-copy p{margin:0}
.selected-work,.experiences,.method-steps,.founder-film,.next-film{padding:clamp(6rem,10vw,11rem) clamp(1rem,6vw,7rem)}.section-heading{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:3rem;align-items:end;margin-bottom:clamp(3rem,7vw,7rem)}.section-heading h2{margin:0}.section-intro{max-width:420px;color:var(--muted)}.film-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.2rem,2.5vw,2.5rem);margin-bottom:4rem}.film-tile{grid-column:span 6}.film-tile--3,.film-tile--4{grid-column:span 5}.film-tile--4{grid-column:7/span 6}.film-tile--5{grid-column:3/span 8}.film-tile__image{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--ink-soft)}.film-tile__image::after,.film-index__still::after,.film-hero__screen::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,10,.62),transparent 55%);transition:opacity .3s var(--ease)}.film-tile__image img,.film-index__still img,.film-hero__screen img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06);transition:transform .7s var(--ease),filter .4s var(--ease)}.film-tile__image:hover img,.film-index__still:hover img,.film-hero__screen:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.02)}.film-tile__number{position:absolute;z-index:2;left:1rem;top:1rem;font-size:.64rem;letter-spacing:.12em}.film-tile__play{position:absolute;z-index:2;right:1rem;bottom:1rem;display:grid;place-items:center;width:46px;height:46px;background:var(--cream);color:var(--ink);border-radius:50%;font-size:.65rem}.film-tile__meta{display:grid;grid-template-columns:1fr auto;gap:1rem;padding-top:1rem;border-top:1px solid var(--line-light)}.film-tile__meta p{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.film-tile__meta h3{margin:0;font-family:var(--display);font-size:clamp(1rem,1.8vw,1.5rem);text-transform:uppercase}.film-tile__meta .intention{max-width:180px;text-align:right}
.touch-preview{position:relative;min-height:760px;display:flex;align-items:center;padding:clamp(6rem,10vw,11rem) clamp(1rem,8vw,9rem);color:var(--cream);background-size:cover;background-position:center}.touch-preview__content{max-width:760px}.touch-preview h2{margin-bottom:2rem}.touch-preview__content>p:not(.eyebrow){max-width:560px;margin-bottom:2.5rem}.touch-preview__count{position:absolute;top:2rem;right:3rem;font-family:var(--display);font-size:clamp(5rem,14vw,14rem);line-height:1;color:rgba(255,255,255,.06)}
.director{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(3rem,8vw,9rem);align-items:center;padding:clamp(6rem,10vw,11rem) clamp(1rem,7vw,8rem)}.director__portrait{position:relative}.director__portrait img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.82) contrast(1.03)}.director__portrait span{position:absolute;left:1rem;bottom:1rem;background:var(--ink);color:var(--cream);padding:.55rem .75rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.director__copy h2{margin-bottom:2rem}.director__copy p{max-width:570px}.director__copy .text-link{margin-top:1rem}
.experience-list{border-top:1px solid var(--line-light);margin-bottom:3rem}.experience-row{display:grid;grid-template-columns:70px minmax(220px,.9fr) minmax(280px,1.1fr) 40px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line-light)}.experience-row>span{color:var(--orange);font-size:.62rem}.experience-row h3{margin:0;font-family:var(--display);font-size:clamp(1.3rem,2.2vw,2.2rem);text-transform:uppercase}.experience-row p{margin:0;color:var(--muted)}.experience-row b{font-size:1.5rem;font-weight:400;color:var(--orange)}
.faq{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:clamp(3rem,9vw,10rem);padding:clamp(6rem,10vw,11rem) clamp(1rem,7vw,8rem)}.faq__heading{position:sticky;top:110px;align-self:start}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{display:grid;grid-template-columns:45px 1fr 30px;gap:1rem;align-items:center;padding:1.5rem 0;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:.62rem;color:var(--orange)}.faq-item summary strong{font-family:var(--display);font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.25;text-transform:uppercase}.faq-item summary i{font-style:normal;font-size:1.3rem;transition:transform .18s var(--ease)}.faq-item[open] summary i{transform:rotate(180deg)}.faq-answer{padding:0 2rem 1.5rem 61px;max-width:700px}.faq-answer p{margin:0}
.closing{position:relative;min-height:620px;display:flex;align-items:center;padding:clamp(6rem,10vw,11rem) clamp(1rem,8vw,9rem);background-color:var(--ink);background-size:cover;background-position:center;color:var(--cream)}.closing>div{position:relative;z-index:2;max-width:1050px}.closing h2{margin-bottom:2rem}.closing p:not(.eyebrow){max-width:600px;margin-bottom:2.5rem}
.site-footer{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:clamp(2rem,6vw,7rem);padding:5rem clamp(1rem,6vw,7rem) 2rem;background:#080909;color:var(--cream);border-top:1px solid var(--line-light)}.footer__brand img{width:min(210px,70%)}.footer__brand p{margin-top:1rem;font-family:var(--serif);font-size:1.5rem;font-style:italic;color:var(--sun)}.footer__nav{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.footer__nav a,.footer__meta a{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.footer__meta p{color:var(--muted)}.footer__bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--line-light);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.footer__bottom p{margin:0}.footer__bottom div{display:flex;gap:1.5rem}
.page-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding:9rem clamp(1rem,7vw,8rem) clamp(4rem,8vw,7rem);background-color:var(--ink);background-size:cover;background-position:center;color:var(--cream)}.page-hero>div{position:relative;z-index:2;max-width:1080px}.page-hero h1{margin-bottom:2rem}.page-hero p:not(.eyebrow){max-width:600px;font-size:1.15rem}.film-index{padding:clamp(6rem,10vw,10rem) clamp(1rem,6vw,7rem)}.film-index__row{display:grid;grid-template-columns:minmax(300px,1fr) 60px minmax(300px,.85fr);gap:clamp(1.5rem,4vw,5rem);align-items:center;padding:3rem 0;border-top:1px solid var(--line)}.film-index__row:last-child{border-bottom:1px solid var(--line)}.film-index__still{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}.film-index__still>span{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%)}.film-index__number{align-self:start;color:var(--orange);font-size:.7rem}.film-index__copy h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,4rem)}.film-index__copy h3{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2.2rem);font-style:italic;font-weight:500}.film-index__copy .text-link{margin-top:1rem}
.film-hero{padding:9rem clamp(1rem,6vw,7rem) clamp(4rem,7vw,7rem)}.film-hero__meta{display:flex;justify-content:space-between;margin-bottom:2rem;color:var(--muted);font-size:.7rem}.film-hero h1{max-width:1200px;margin-bottom:3rem;font-size:clamp(3rem,7vw,7.5rem)}.film-hero__screen{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:#000;color:var(--cream);cursor:pointer}.film-hero__play{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:center;gap:1rem;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.film-hero__play b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--cream);color:var(--ink)}.film-notes{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,9rem);padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem)}.film-notes__lead h2{margin-bottom:2rem}.film-facts{margin:0}.film-facts div{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.film-facts div:last-child{border-bottom:1px solid var(--line)}.film-facts dt{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.film-facts dd{margin:0}.film-craft{grid-column:1/-1;max-width:760px;margin-left:auto;padding-top:3rem}.film-craft>p:last-child{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.4rem);font-style:italic;line-height:1.3}.next-film{padding-top:5rem;padding-bottom:5rem}.next-film>a{display:grid;grid-template-columns:60px 1fr 50px;gap:2rem;align-items:center;border-top:1px solid var(--line-light);padding-top:2rem}.next-film h2{margin:0;font-size:clamp(2rem,5vw,5rem)}.next-film b{font-size:2rem;color:var(--orange)}
.method-intro{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,5fr);gap:clamp(2rem,7vw,9rem);padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem)}.method-steps ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-light)}.method-steps li{display:grid;grid-template-columns:80px .8fr 1fr;gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--line-light)}.method-steps li>span{color:var(--orange);font-size:.65rem}.method-steps h3{margin:0;font-family:var(--display);font-size:clamp(1.3rem,2.4vw,2.3rem);text-transform:uppercase}.method-steps li p{margin:0;color:var(--muted)}.questions{padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem)}.quote-stack blockquote{margin:0;padding:1.5rem 0;border-top:1px solid var(--line);font-family:var(--serif);font-size:clamp(2.4rem,6vw,6.5rem);font-style:italic;line-height:1.05}.quote-stack blockquote:last-child{border-bottom:1px solid var(--line)}
.about-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,7rem);align-items:center;padding:9rem clamp(1rem,6vw,7rem) 5rem}.about-hero__copy h1{font-size:clamp(3.5rem,6.5vw,7rem)}.about-hero__image img{aspect-ratio:4/5;object-fit:cover}.about-hero__image span{display:block;padding-top:.7rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.timeline{padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem)}.timeline__items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--line)}.timeline__items article{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line)}.timeline__items article+article{padding-left:2rem}.timeline__items article:last-child{border-right:0}.timeline__items span{font-size:.65rem;color:var(--orange)}.timeline__items h2{font-size:clamp(2rem,3.5vw,3.5rem);margin:2rem 0 1rem}.director-statement{padding:clamp(7rem,12vw,13rem) clamp(1rem,10vw,12rem)}.director-statement div{max-width:1100px;margin:auto}.director-statement blockquote{margin:0 0 2rem;font-family:var(--serif);font-size:clamp(2.4rem,5.7vw,6rem);font-style:italic;line-height:1.05}.director-statement div>p:last-child{color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.experience-pages{padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem)}.experience-pages article{display:grid;grid-template-columns:80px 1fr;gap:clamp(1rem,5vw,5rem);padding:4rem 0;border-top:1px solid var(--line)}.experience-pages article>span{color:var(--orange);font-size:.68rem}.experience-pages article>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem clamp(3rem,8vw,9rem)}.experience-pages h2{grid-column:1/-1;margin-bottom:2rem}.experience-pages h3{margin-top:1.5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.fit-check{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem)}.fit-check h2{font-size:clamp(2.6rem,5vw,5rem)}.fit-check ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-light)}.fit-check li{padding:1.4rem 0;border-bottom:1px solid var(--line-light)}.fit-check li::before{content:"↗";margin-right:1rem;color:var(--orange)}
.conversation-hero{padding:10rem clamp(1rem,7vw,8rem) 6rem}.conversation-hero h1{max-width:1250px}.conversation-hero>p:last-child{max-width:680px;color:var(--muted)}.conversation-wrap{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem)}.conversation-aside{position:sticky;top:100px;align-self:start}.conversation-aside ol{list-style:none;padding:0;margin:2rem 0}.conversation-aside li{display:grid;grid-template-columns:40px 1fr;border-top:1px solid var(--line);padding:1rem 0}.conversation-aside li span{font-size:.62rem;color:var(--orange)}.conversation-aside li p{margin:0}.privacy-note{font-size:.78rem;color:#5e5b55}.inquiry-form{max-width:850px}.form-status{margin-bottom:3rem;padding:1.4rem;border:1px solid currentColor}.form-status h2{font-size:1.5rem;letter-spacing:-.02em}.form-status p,.form-status ul{margin-bottom:0}.form-status--success{background:#e2ead6;color:#253119}.form-status--error{background:#f4d8cb;color:#4b1f12}.form-block{margin:0 0 2.3rem}.form-block label,.form-block legend{display:block;margin-bottom:.45rem;font-family:var(--display);font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.3;text-transform:uppercase}.form-block label span,.form-block legend span{display:inline-block;width:36px;color:var(--orange);font-family:var(--body);font-size:.62rem}.form-block label b,.form-block legend b{color:var(--orange)}.form-block>p{margin:0 0 1rem;font-size:.78rem;color:#5e5b55}.form-block input:not([type=radio]),.form-block textarea{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:rgba(255,255,255,.28);padding:1rem;color:var(--ink);resize:vertical}.form-block input:not([type=radio]):focus,.form-block textarea:focus{background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.radio-grid label{position:relative;margin:0;font-family:var(--body);font-size:.8rem;text-transform:none}.radio-grid input{position:absolute;opacity:0}.radio-grid label span{display:block;width:100%;min-height:50px;padding:.8rem;border:1px solid var(--line);color:var(--ink);font-size:.8rem}.radio-grid input:checked+span{background:var(--ink);color:var(--cream);border-color:var(--ink)}.radio-grid input:focus-visible+span{outline:3px solid var(--sun)}.consent{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 2rem;font-size:.78rem}.consent input{margin-top:.3rem}.consent a{text-decoration:underline}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.inquiry-form .button{cursor:pointer}
.legal-hero{padding:10rem clamp(1rem,7vw,8rem) 5rem}.legal-hero h1{font-size:clamp(3.5rem,7vw,7rem)}.legal-hero>p:last-child{max-width:650px;color:var(--muted)}.legal-copy{padding:clamp(5rem,8vw,8rem) clamp(1rem,18vw,20rem)}.legal-copy h2{margin:3.5rem 0 1rem;font-family:var(--display);font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:-.02em;line-height:1.15}.legal-copy h2:first-child{margin-top:0}.legal-copy a{text-decoration:underline}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem clamp(1rem,8vw,9rem)}.not-found h1{margin-bottom:2rem}.not-found>p:not(.eyebrow){color:var(--muted)}.not-found>div{display:flex;align-items:center;gap:2rem;margin-top:1rem}
.screening{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:clamp(.5rem,3vw,2.5rem);color:var(--cream)}.screening[hidden]{display:none}.screening__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.93);cursor:pointer}.screening__frame{position:relative;z-index:2;width:min(1400px,100%)}.screening__topline{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0}.screening__topline p{margin:0;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.icon-button{width:42px;height:42px;border:1px solid var(--line-light);border-radius:50%;background:transparent;color:var(--cream);font-size:1.5rem;cursor:pointer}.video-shell{aspect-ratio:16/9;background:#000}.video-shell iframe{width:100%;height:100%;border:0}.screening__caption{display:flex;justify-content:space-between;gap:2rem;padding-top:1rem}.screening__caption h2{margin:0;font-size:clamp(1.3rem,2vw,2.2rem);letter-spacing:-.02em}.screening__caption p{margin:0;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@media (max-width:1050px){.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:block}.film-tile--3,.film-tile--4{grid-column:span 6}.film-tile--5{grid-column:3/span 8}.director{grid-template-columns:1fr 1fr}.experience-row{grid-template-columns:50px 1fr}.experience-row p{grid-column:2}.experience-row b{grid-column:1;grid-row:2}.film-index__row{grid-template-columns:1fr 40px}.film-index__copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.film-index__copy .eyebrow,.film-index__copy h2,.film-index__copy .text-link{grid-column:1}.film-index__copy h3,.film-index__copy>p{grid-column:2}.film-index__copy h3{grid-row:1/3;align-self:end}.film-index__copy>p{grid-row:3}.about-hero{grid-template-columns:1fr}.about-hero__image{max-width:700px;margin-left:auto}.conversation-wrap{grid-template-columns:1fr}.conversation-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.conversation-aside .eyebrow{grid-column:1/-1}.conversation-aside ol{margin:0}}
@media (max-width:760px){h1{font-size:clamp(3rem,16vw,5.3rem)}h2{font-size:clamp(2.35rem,12vw,4.4rem)}.site-header{height:66px}.brand-link{width:160px}.header-cta{display:none}.hero{min-height:900px;padding-bottom:5rem;background-position:66% center}.hero::before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,var(--ink) 72%)}.hero__rail,.hero__framecode{display:none}.hero__actions{align-items:flex-start;flex-direction:column;gap:1.3rem}.manifesto,.method-intro{grid-template-columns:1fr;padding-top:6rem}.manifesto__index{display:flex;align-items:center;gap:1rem}.sunline{width:25px;height:25px;margin:0}.two-copy{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr}.film-wall{display:block}.film-tile{margin-bottom:3rem}.film-tile__meta{grid-template-columns:1fr}.film-tile__meta .intention{text-align:left}.touch-preview{min-height:720px;background-position:64% center}.director{grid-template-columns:1fr}.director__portrait{max-width:90%}.experience-row{grid-template-columns:35px 1fr;gap:1rem}.experience-row p{font-size:.9rem}.faq{grid-template-columns:1fr}.faq__heading{position:static}.faq-answer{padding-left:0}.closing{min-height:640px}.site-footer{grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start;gap:1rem}.page-hero{min-height:720px}.film-index__row{display:block}.film-index__number{margin:1rem 0}.film-index__copy{display:block}.film-index__copy h2{margin-top:1rem}.film-hero{padding-left:0;padding-right:0}.film-hero h1,.film-hero__meta{margin-left:1rem;margin-right:1rem}.film-hero__screen{aspect-ratio:4/3}.film-notes{grid-template-columns:1fr}.film-craft{grid-column:auto}.next-film>a{grid-template-columns:35px 1fr 30px;gap:1rem}.method-steps li{grid-template-columns:40px 1fr}.method-steps li p{grid-column:2}.about-hero{padding-top:8rem}.timeline__items{grid-template-columns:1fr}.timeline__items article,.timeline__items article+article{padding:2rem 0;border-right:0;border-bottom:1px solid var(--line)}.experience-pages article{grid-template-columns:35px 1fr}.experience-pages article>div{display:block}.fit-check{grid-template-columns:1fr}.conversation-aside{display:block}.form-grid,.radio-grid{grid-template-columns:1fr}.screening__caption{display:block}.screening__caption p{margin-top:.4rem}.legal-copy{padding-left:1rem;padding-right:1rem}.not-found>div{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Sunset Auteur refinement — recurring edited-frame grammar, page-specific chapter staging, and film-first proof. */
.page-hero{overflow:hidden;isolation:isolate}.page-hero::before{content:"";position:absolute;z-index:1;inset:1.4rem;border:1px solid rgba(255,255,255,.22);clip-path:polygon(0 0,13% 0,13% 1px,87% 1px,87% 0,100% 0,100% 100%,87% 100%,87% calc(100% - 1px),13% calc(100% - 1px),13% 100%,0 100%)}.page-hero>.page-hero__copy{position:relative;z-index:2;max-width:1080px}.page-hero__rail{position:absolute!important;z-index:3!important;right:1.9rem;top:50%;display:flex;gap:2rem;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:.54rem;letter-spacing:.17em;text-transform:uppercase}.page-hero__code{position:absolute!important;z-index:3!important;right:2rem;bottom:1.9rem;font-family:monospace;font-size:.56rem;line-height:1.55;color:rgba(255,255,255,.66);text-align:right}.page-hero__sunline{display:block;width:clamp(90px,12vw,170px);height:2px;margin-top:2.1rem;background:linear-gradient(90deg,var(--orange) 0 62%,rgba(255,255,255,.35) 62%)}.page-hero--poster{min-height:88vh;background-position:center 44%;align-items:center}.page-hero--poster .page-hero__copy{max-width:970px;margin-top:5rem}.page-hero--poster h1{font-size:clamp(4rem,8.2vw,8.7rem)}.page-hero--note{min-height:84vh;background-position:74% center}.page-hero--note .page-hero__copy{max-width:860px;margin:7rem 0 0 6vw;padding:2.2rem 2.4rem 2.4rem;background:rgba(11,12,13,.68);backdrop-filter:blur(4px);border-left:2px solid var(--orange);transform:rotate(-.6deg)}.page-hero--note .page-hero__copy::after{content:"DIRECTOR’S NOTE / INTENTION BEFORE IMAGE";display:block;margin-top:2.4rem;font-family:monospace;font-size:.56rem;letter-spacing:.09em;color:rgba(255,255,255,.63)}.page-hero--dusk{background-position:center 58%}.page-hero--dusk .page-hero__copy{margin-left:8vw;max-width:920px}.page-hero--dusk h1 em{color:var(--sun)}
.film-tile__credit,.film-index__still small{position:absolute;z-index:3;left:1rem;bottom:1rem;padding:.32rem .48rem;background:rgba(8,9,10,.78);color:var(--cream);font-size:.5rem;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.film-tile__image::before,.film-index__still::before{content:"";position:absolute;z-index:3;inset:.55rem;border:1px solid rgba(255,255,255,.28);pointer-events:none}.film-index__still small{left:.9rem;bottom:.9rem}.film-index__still>span{width:62px;height:62px;transition:transform .18s var(--ease),background-color .18s var(--ease)}.film-index__still:hover>span{transform:translate(-50%,-50%) scale(1.08);background:var(--orange);color:var(--cream)}
.conversation-hero--briefing{position:relative;min-height:78vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:clamp(3rem,8vw,10rem);align-items:end;padding:10rem clamp(1rem,7vw,8rem) 5rem;background-color:var(--paper);background-image:linear-gradient(rgba(12,13,14,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,13,14,.045) 1px,transparent 1px);background-size:32px 32px;color:var(--ink);overflow:hidden}.conversation-hero--briefing::after{content:"";position:absolute;left:clamp(1rem,7vw,8rem);right:clamp(1rem,7vw,8rem);bottom:1.7rem;height:1px;background:var(--line)}.conversation-hero--briefing .page-hero__rail{color:var(--ink);right:2rem}.conversation-hero__copy{max-width:1080px}.conversation-hero__copy h1{margin-bottom:2rem}.conversation-hero__copy>p:not(.eyebrow){max-width:680px;color:#5e5b55}.conversation-hero__note{align-self:center;padding:1.8rem;border:1px solid var(--line);background:rgba(255,248,234,.7);box-shadow:12px 14px 0 rgba(12,13,14,.06);transform:rotate(1.2deg)}.conversation-hero__note span{font-family:monospace;font-size:.58rem;letter-spacing:.11em}.conversation-hero__note p{margin:3rem 0 0;font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.3rem);font-style:italic;line-height:1.15}
@media (max-width:1050px){.page-hero--note .page-hero__copy,.page-hero--dusk .page-hero__copy{margin-left:0}.conversation-hero--briefing{grid-template-columns:1fr}.conversation-hero__note{max-width:460px;margin-left:auto}}
@media (max-width:760px){.page-hero::before{inset:.65rem}.page-hero__rail,.page-hero__code{display:none!important}.page-hero--poster{min-height:760px;align-items:flex-end;background-position:61% center}.page-hero--poster .page-hero__copy{margin-top:0}.page-hero--note{min-height:760px;background-position:67% center;align-items:flex-end}.page-hero--note .page-hero__copy{margin:0;padding:1.4rem 1.2rem 1.6rem;transform:none}.page-hero--dusk{background-position:62% center}.film-tile__credit,.film-index__still small{font-size:.46rem}.conversation-hero--briefing{min-height:auto;display:block;padding-top:8rem}.conversation-hero__note{margin:3rem 0 1rem;transform:none}.conversation-hero--briefing .page-hero__rail{display:none!important}}


/*
Release 1.0.2 repair — keep all visual backgrounds in the external stylesheet so the
strict style-src CSP remains effective; constrain intrinsic grid sizing on narrow screens.
*/
.hero{background-image:linear-gradient(90deg,rgba(12,13,14,.97) 0%,rgba(12,13,14,.74) 48%,rgba(12,13,14,.16) 100%),url("../media/skyduster-sunset-auteur-master.jpg")}
.touch-preview{background-image:linear-gradient(90deg,rgba(13,14,15,.96),rgba(13,14,15,.68)),url("../media/skyduster-directors-table.jpg")}
.closing--screening-room{background-image:linear-gradient(90deg,rgba(8,9,10,.96),rgba(8,9,10,.57)),url("../media/skyduster-empty-screening-room.jpg")}
.page-hero--poster{background-image:linear-gradient(90deg,rgba(10,11,12,.92),rgba(10,11,12,.28)),url("../media/film-road-to-seattle.jpg")}
.page-hero--note{background-image:linear-gradient(90deg,rgba(10,11,12,.98),rgba(10,11,12,.18)),url("../media/skyduster-directors-table.jpg")}
.page-hero--dusk{background-image:linear-gradient(90deg,rgba(10,11,12,.94),rgba(10,11,12,.30)),url("../media/skyduster-sunset-auteur-master.jpg")}

@media (max-width:760px){
.site-header{width:100%;max-width:100%}
.page-hero>.page-hero__copy{min-width:0;max-width:100%}
.film-notes{grid-template-columns:minmax(0,1fr)}
.film-notes>*{min-width:0;max-width:100%}
.film-facts div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.film-facts dt,.film-facts dd{min-width:0;overflow-wrap:anywhere}
.experience-pages article{grid-template-columns:35px minmax(0,1fr)}
.experience-pages article>div{min-width:0;max-width:100%;overflow-wrap:break-word}
}

/*
Release 1.0.3 mobile correction — keep the open navigation on a fully opaque viewport
surface and preserve whole words by sizing display titles to their narrowest columns.
*/
@media (max-width:1050px){
.brand-link,.menu-toggle{position:relative;z-index:2}
body.menu-open .site-header{background:#080909;backdrop-filter:none}
body.menu-open .mobile-nav{z-index:1;width:100vw;height:100dvh;min-height:100dvh;background:#080909;color:var(--cream);overflow-y:auto;overscroll-behavior:contain}
}

@media (max-width:760px){
h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.page-hero h1{font-size:clamp(2.8rem,14vw,4.8rem)}
.film-hero h1{font-size:clamp(2.15rem,10.5vw,3rem)}
.film-notes__lead h2{font-size:clamp(2.05rem,9vw,2.55rem);overflow-wrap:normal;word-break:normal}
.experience-pages h2{font-size:clamp(1.55rem,7.5vw,2.35rem);overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.next-film>a{grid-template-columns:35px minmax(0,1fr) 30px}
.next-film h2{font-size:clamp(1.65rem,8vw,2.25rem);overflow-wrap:normal;word-break:normal;hyphens:none}
}

/* Release 1.0.6 — revised horizontal mark preserves header breathing room at every breakpoint. */
.brand-link{width:clamp(136px,14vw,210px)}
.footer__brand img{width:min(260px,85%)}
@media (max-width:760px){.brand-link{width:132px}}

/* Release 1.0.7 — matched homepage film pair and a 4:3 director-at-camera portrait. */
.film-tile--paired-left,.film-tile--paired-right{grid-column:span 6}
.about-hero__image--director img{aspect-ratio:4/3;object-position:50% 45%}

/* Release 1.0.8 — editorial Film Room order and an uncropped One Point of View banner. */
.director--banner{display:block;padding-top:clamp(5rem,8vw,8rem)}
.director--banner .director__banner{position:relative;max-width:1100px;margin:0 0 clamp(3rem,6vw,6rem)}
.director--banner .director__banner img{width:100%;aspect-ratio:4/1;object-fit:contain;background:var(--paper-deep);filter:saturate(.92) contrast(1.02)}
.director--banner .director__banner figcaption{position:absolute;left:1rem;bottom:1rem;margin:0;background:var(--ink);color:var(--cream);padding:.55rem .75rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.director--banner .director__copy{max-width:800px}
@media (max-width:760px){.director--banner .director__banner{margin-bottom:2.5rem}.director--banner .director__banner figcaption{position:static;display:inline-block;margin-top:.75rem}.director--banner .director__banner img{background:transparent}}

/* Release 1.0.9 — keep YouTube controls in view and use the full One Point of View footprint. */
.screening{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.screening__frame{width:min(1400px,100%,calc((100dvh - 9rem)*16 / 9));max-width:100%;margin:auto}
.screening__topline,.screening__caption{flex:0 0 auto}
.video-shell{width:100%;max-height:calc(100dvh - 9rem)}
.video-shell iframe{display:block}
.director--banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(2.5rem,7vw,8rem);align-items:center;padding-bottom:clamp(5rem,8vw,8rem)}
.director--banner .director__banner{grid-column:1;max-width:none;margin:0}
.director--banner .director__copy{grid-column:2;max-width:none}
@media (max-width:760px){.screening{place-items:center;padding:.75rem}.screening__frame{width:100%}.video-shell{max-height:none}.director--banner{display:block;padding-bottom:clamp(6rem,10vw,11rem)}.director--banner .director__banner{margin-bottom:2.5rem}}

/* Release 1.0.10 — full-width One Point of View banner with intentionally split desktop copy. */
.director--banner{display:block;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(6rem,10vw,11rem)}
.director--banner .director__banner{width:100%;max-width:none;margin:0}
.director--banner .director__banner img{width:100%;aspect-ratio:4/1;object-fit:contain;background:var(--paper-deep)}
.director__copy-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,8vw,10rem);align-items:start;margin-top:clamp(3rem,6vw,6rem)}
.director__intro h2{margin:0}
.director__body{max-width:650px}
.director__body p{max-width:none}
.director__body .text-link{margin-top:1rem}
@media (max-width:760px){.director--banner .director__banner{margin-bottom:0}.director__copy-grid{display:block;margin-top:2.5rem}.director__intro{margin-bottom:2.2rem}.director__body{max-width:none}}