:root{--black:#111315;--white:#F7F7F4;--graphite:#292D30;--stone:#D8D9D6;--slate:#747A7E;--blue:#4BA5DB}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--black);font:400 16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none;padding:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.02;letter-spacing:-.055em}h1{font-size:clamp(60px,8.1vw,126px)}h2{font-size:clamp(40px,5vw,76px)}h3{font-size:30px;letter-spacing:-.04em}p{line-height:1.7}small,.eyebrow,.section-label,.hero-caption,.legal{font-size:11px;letter-spacing:.1em;font-weight:600}img{display:block;max-width:100%}.wrap{width:calc(100% - 128px);max-width:1440px;margin:auto}.section{padding-top:140px;padding-bottom:140px}.dark{background:var(--black);color:var(--white)}header{height:96px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 64px;color:white;border-bottom:1px solid #ffffff30}.logo{width:185px;filter:invert(1)}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a:last-child{margin-left:35px}a span{display:inline-block;transition:transform .25s,color .25s}a:hover span{color:var(--blue);transform:translateX(5px)}nav a:hover{color:var(--blue)}.menu{display:none}.hero{min-height:800px;height:100svh;max-height:1100px;position:relative;color:white;display:flex;align-items:center;background:var(--graphite)}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#111315bd,#11131530),linear-gradient(0deg,#11131599,transparent 55%)}.hero-content{position:relative;padding-top:80px}.hero .eyebrow{margin-bottom:38px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:42px;max-width:1030px}.hero-bottom p{font-size:17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 28px;border-radius:2px;background:var(--white);color:var(--black);font-size:13px;font-weight:600;transition:background .25s}.button:hover{background:var(--blue)}.button:hover span{color:var(--black)}.hero-caption{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:20px}.section-label{display:flex;gap:24px;align-items:center;margin-bottom:64px}.section-label i{height:1px;background:var(--stone);flex:1}.dark .section-label i{background:var(--graphite)}.section-label span:last-child{color:var(--slate)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.philosophy h2{grid-column:1/9}.aside{grid-column:9/13;padding-top:8px}.aside p+p,.about-copy p+p{margin-top:20px}.text-link{display:inline-flex;gap:30px;margin-top:30px;font-size:14px;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--stone)}.text-link:hover{color:var(--blue)}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:64px}.work-heading p{max-width:310px;color:var(--slate)}.feature{width:100%;position:relative;text-align:left;display:block}.feature img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111315dd);pointer-events:none}.feature-caption{position:absolute;z-index:1;bottom:45px;left:0;right:0;display:flex;align-items:end;justify-content:space-between}.feature h3{font-size:48px;margin-top:14px}.feature-caption>span,.project-caption>span{font-size:13px}.film-open img{transition:filter .3s}.film-open:hover img{filter:brightness(.85)}.film-open:hover span{color:var(--blue)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:70px}.work-pair button{text-align:left}.work-pair img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-caption{display:flex;justify-content:space-between;align-items:end;margin-top:22px}.project-caption small{color:var(--slate)}.project-caption h3{margin-top:10px}.services-intro{grid-column:1/6}.services-intro p{margin-top:32px;max-width:310px;color:var(--slate)}.service-list{grid-column:7/13}details{border-top:1px solid var(--stone)}details:last-child{border-bottom:1px solid var(--stone)}summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;gap:22px;font-size:24px;letter-spacing:-.03em;align-items:center}summary::-webkit-details-marker{display:none}summary span,.steps article>span{font-size:12px;color:var(--blue);font-weight:600;letter-spacing:0}summary b{margin-left:auto;font-size:21px;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{padding:0 40px 28px;color:#555d60;font-size:15px}.approach{background:#eceeea}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:85px}.steps article{border-top:1px solid #c4c8c4;padding-top:20px}.steps h3{margin:30px 0 22px}.steps p{font-size:15px;color:#555d60}.portrait{grid-column:1/6}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.portrait small{display:block;margin-top:20px;color:var(--slate)}.about-copy{grid-column:7/13;align-self:center}.about-copy h2{margin:28px 0 32px;font-size:clamp(40px,4.2vw,64px)}.about-copy p{max-width:500px}.about-copy p:not(.eyebrow){color:#555d60}.proof{padding-top:30px}.proof .work-heading>div{max-width:330px}.client-names{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--stone);padding-top:44px;font-size:21px;font-weight:600;letter-spacing:-.03em}footer h2{font-size:clamp(65px,8.5vw,130px)}.footer-action{display:flex;justify-content:space-between;align-items:center;margin:50px 0 100px;max-width:1000px}.footer-action p{color:#b4b8b9}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--graphite);padding-top:40px;font-size:13px}.legal{display:flex;gap:30px;margin-top:40px;color:var(--slate);font-size:10px}.legal span{margin-right:auto}footer.section{padding-bottom:45px}.skip{position:fixed;top:-100px;background:white;padding:20px;z-index:100}.skip:focus{top:0}dialog{width:min(1100px,94vw);max-height:92svh;padding:40px;background:var(--black);color:var(--white);border:1px solid var(--graphite)}dialog::backdrop{background:#000d}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}dialog h2{font-size:48px}dialog p{max-width:650px;color:#b4b8b9;margin:20px 0 30px}#player{aspect-ratio:16/9;background:var(--graphite)}#player iframe{width:100%;height:100%;border:0}.close{padding:10px}.menu:hover,.close:hover{color:var(--blue)}@media(min-width:1700px){header{padding-left:max(64px,calc((100vw - 1440px)/2));padding-right:max(64px,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}header{padding:0 32px}nav{gap:18px}nav a:last-child{margin-left:0}.section{padding-top:90px;padding-bottom:90px}.grid{grid-template-columns:repeat(8,1fr)}.philosophy h2{grid-column:1/6}.aside{grid-column:6/9}.services-intro,.portrait{grid-column:1/4}.service-list,.about-copy{grid-column:5/9}.steps{gap:20px}.footer-bottom{flex-wrap:wrap}.section-label span:last-child:not(:first-child){display:none}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:80px;padding:0 20px}.logo{width:155px}.menu{display:block;font-size:13px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--black);padding:25px;flex-direction:column;align-items:start;gap:22px}nav.open{display:flex}.hero{min-height:720px;max-height:900px}.hero-content{padding-top:35px}.hero .eyebrow{font-size:9px;margin-bottom:30px}.hero-bottom{display:block;margin-top:30px}.hero-bottom p{font-size:15px}.hero-bottom .button{margin-top:28px}.hero-caption{font-size:8px;bottom:24px}.section{padding-top:75px;padding-bottom:75px}.section-label{margin-bottom:38px;font-size:9px;gap:14px}.grid{grid-template-columns:repeat(4,1fr);gap:35px}.grid>*{grid-column:1/-1}.aside{max-width:450px}.work-heading{display:block;margin-bottom:35px}.work-heading p{margin-top:28px}.feature-caption{bottom:20px}.feature h3{font-size:30px;margin-top:8px}.feature-caption small{font-size:8px}.feature-caption>span{font-size:10px}.work-pair{grid-template-columns:1fr;gap:42px;padding-top:42px}.project-caption h3{font-size:26px}.services-intro p{margin-top:25px}.service-list summary{font-size:22px}.steps{grid-template-columns:1fr 1fr;gap:35px 24px;margin-top:45px}.steps h3{font-size:27px;margin-top:20px}.steps p{font-size:14px}.portrait{max-width:400px}.about-copy h2{font-size:45px}.proof{padding-top:15px}.client-names{display:grid;grid-template-columns:1fr 1fr;font-size:17px;gap:25px}.footer-action{display:block;margin:35px 0 65px}.footer-action .button{margin-top:30px}.footer-bottom{display:block}.footer-bottom p{margin:25px 0 15px}.legal{flex-wrap:wrap;gap:20px}.legal span{width:100%}dialog{padding:22px}dialog h2{font-size:34px}.dialog-top .eyebrow{font-size:8px}.close{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.portrait img{object-position:85% center}

.hero{overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.hero-video.ready{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(17,19,21,.72),rgba(17,19,21,.42)),linear-gradient(0deg,rgba(17,19,21,.4),transparent 65%)}#reel-toggle{font:inherit;letter-spacing:inherit;text-transform:uppercase;padding:0 8px}#reel-toggle:hover{color:var(--blue)}@media(max-width:700px){.hero-caption{flex-wrap:wrap;gap:14px}.hero-caption>span{width:100%}#reel-toggle{padding:0}.hero-caption>a{margin-left:auto}}

/* Hero: showreel first, then the message on a continuous cinema-black field. */
.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;max-height:none;padding-top:96px;background:var(--black);overflow:hidden}.hero-media{position:relative;isolation:isolate;width:100%;height:clamp(360px,53vw,760px);flex:none;background:var(--black)}.hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media .hero-shade{background:rgba(17,19,21,.18)}.hero-media:after{content:"";position:absolute;z-index:2;pointer-events:none;inset:70% 0 0;background:linear-gradient(to bottom,rgba(17,19,21,0),var(--black))}.hero-video{z-index:1;filter:brightness(.78) saturate(.9)}.hero-image{z-index:0;filter:brightness(.78) saturate(.9)}.hero-content{width:calc(100% - 128px);position:relative;padding:4px 0 0}.hero-content .eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(56px,7.5vw,112px)}.hero-bottom{margin-top:30px}.hero-caption{position:relative;bottom:auto;left:auto;right:auto;width:calc(100% - 128px);margin:64px auto 34px;padding-top:18px;border-color:#ffffff45}.hero-caption a,.hero-caption button{font-size:inherit;color:inherit}
/* Inquiry form */
.contact-grid{display:grid;grid-template-columns:4fr 7fr;gap:10%;align-items:start;margin:48px 0 86px}.contact-intro p{font-size:18px;color:#b4b8b9}.contact-intro>a{display:inline-flex;gap:26px;margin-top:28px;font-size:13px;border-bottom:1px solid #596064;padding-bottom:8px}.contact-form{display:grid;gap:24px}.contact-form label{display:block;font-size:12px;letter-spacing:.03em}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #596064;border-radius:0;color:var(--white);font:400 15px/1.5 Inter,Arial,sans-serif;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a9093}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--blue)}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.optional{color:#8a9093;font-size:9px;margin-left:8px;letter-spacing:.09em}.form-submit{display:flex;justify-content:space-between;align-items:center;gap:22px}.form-submit p{font-size:11px;color:#a3a8aa}.form-submit .button{flex:none}.form-status{min-height:1.6em;color:var(--white);font-size:13px}.form-status.error{color:#ffb4aa}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.hero-content,.hero-caption{width:calc(100% - 64px)}.contact-grid{grid-template-columns:1fr 1.5fr;gap:7%}}@media(max-width:700px){.hero{padding-top:80px}.hero-media{height:clamp(300px,100vw,440px)}.hero-content,.hero-caption{width:calc(100% - 40px)}.hero-content{padding-top:0}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(48px,13vw,70px)}.hero-bottom{margin-top:24px}.hero-caption{margin:45px auto 24px;font-size:8px}.hero-caption>span{width:auto}.contact-grid{display:block;margin:28px 0 64px}.contact-intro{margin-bottom:34px}.contact-form .form-row{grid-template-columns:1fr;gap:24px}.form-submit{align-items:flex-start;flex-direction:column}.contact-form .button{margin-top:8px}}