/* Tighter, film-led layout in the established brand. */
.film{display:grid!important;grid-template-columns:minmax(0,1fr);text-align:left}
.film>video{position:absolute;inset:0}
.film>video,.film>.loop-cover{transition:filter .35s ease}
.film.description-open>video,.film.description-open>.loop-cover{filter:brightness(.3) blur(3px)}
.film-description{position:relative;grid-area:1/1;align-self:center;z-index:3;padding:70px 28px 64px;color:#fff;cursor:pointer}
.film-description[hidden]{display:none}
.film-description strong{display:block;font-size:clamp(24px,2.2vw,34px);line-height:1.1;margin-bottom:16px}
.film-description>span{display:block;font-size:16px;line-height:1.65;max-width:55ch}
.film-description .film-deliverables{font-size:14px;color:#e2e6dd;margin-top:18px}
.film-toggle-label{position:absolute;right:22px;bottom:18px;z-index:4;font-size:14px;padding:8px 12px;border:1px solid #ffffff65;background:#101210b3;color:white;opacity:1;transition:opacity .3s ease;pointer-events:none}
.film.description-open .film-toggle-label{opacity:0}
.film:not(.description-open) .film-caption{bottom:72px}
.film.description-open .film-caption{visibility:hidden}
.film.description-open .play{transform:rotate(45deg)}
.film:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:600px){.film-description{padding:60px 20px 68px}.film-description>span{line-height:1.5}.film-toggle-label{right:18px}}
@media(prefers-reduced-motion:reduce){.film>video,.film>.loop-cover,.film-toggle-label,.hero>video,.hero>.loop-cover{transition:none}}
.brand .brand-logo{display:block;width:clamp(374.4px,34.56vw,489.6px);height:auto;max-width:100%}
.credentials>span{position:relative;padding-left:22px;min-width:0}
.credentials>span:before{position:absolute;left:0;top:.25em;margin:0!important}
@media(max-width:700px){.brand .brand-logo{width:316.8px}.credentials>span{padding-left:20px}}
@media(max-width:380px){.brand .brand-logo{width:266.4px}}
footer img{height:auto;object-fit:contain;background:transparent!important;padding:0!important}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
#project-form button:disabled{opacity:.65;cursor:wait}
.text-contact{background:none;color:inherit;font:inherit;text-decoration:underline;padding:0}
.pricing-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--orange);padding:10px 0;font-size:14px}
@media(max-width:700px){header{flex-wrap:wrap;gap:18px}header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}}
.header-cta{background:none;color:var(--ink);cursor:pointer}
.hero{min-height:620px;height:90svh;max-height:960px;background:var(--bg)}
.hero>video{opacity:0;will-change:opacity;transition:opacity 2s cubic-bezier(.2,.65,.3,1)}.hero.hero-video-ready>video{opacity:var(--hero-opacity,1)}.hero-content{bottom:104px}
.hero-shade{background:linear-gradient(180deg,#09100b95 0%,#09100b25 28%,#09100b9c 75%,#111411df 100%)}
.hero h1 em{color:#e5e8e0}.section{padding-top:64px;padding-bottom:64px}.section-label{padding-bottom:18px}
.intro{gap:7%;margin:35px 0 28px}.intro p{margin-bottom:0}
.credentials{padding-top:22px;padding-bottom:22px;font-size:12px;letter-spacing:.7px;flex-wrap:wrap}
.work-title{margin:30px 0 24px;gap:24px}.work-title p{font-size:16px}
#all-motion,#overlay-toggle{background:none;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);margin-top:6px}#all-motion:hover,#overlay-toggle:hover{color:var(--ink)}
.work-controls{display:flex;align-items:center;gap:22px}.video-text-hidden .film-index,.video-text-hidden .play,.video-text-hidden .film-caption,.video-text-hidden .film-toggle-label,.video-text-hidden .film-description{opacity:0!important;visibility:hidden;pointer-events:none}.film-index,.film-caption,.film-description{transition:opacity .3s ease,visibility .3s ease}.play{transition:opacity .3s ease,transform .25s,background-color .25s,border-color .25s}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.film-card{min-width:0}
.film{aspect-ratio:910/512;width:100%;margin:0;animation:none;clip-path:none}.film.description-open{aspect-ratio:auto;min-height:360px}.film video{display:block;width:100%;height:100%;object-fit:cover}
.loop-cover{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .45s ease}.loop-cover.holding{opacity:1}.hero>.loop-cover.holding{opacity:var(--hero-opacity,1)}
.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.circle .icon{width:24px;height:24px}.plus{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.plus .icon{width:24px;height:24px}
#motion-toggle,#all-motion,#overlay-toggle,.clip-motion,[data-close]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.hero-foot button span{margin-left:0}.header-cta>span{display:inline-flex}.credentials span:before{content:'';display:inline-block;width:12px;height:12px;vertical-align:middle;border:1px solid var(--orange);border-radius:50%;background:none}
.film-gradient{pointer-events:none;background:linear-gradient(180deg,#0005,transparent 35%,#0009)}
.film-index{left:20px;top:20px;font-size:12px}.play{right:18px;top:18px;width:42px;height:42px;font-size:23px}
.film-caption{left:22px;right:22px;bottom:23px}.film-caption>span:last-child{display:block}.film-caption small{font-size:12px;letter-spacing:1.2px;text-transform:uppercase}
.film-caption strong{font-size:clamp(27px,2.8vw,44px);line-height:1.08;display:block;text-wrap:balance}
.film-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 0;color:var(--muted);font-size:14px}
.clip-motion{background:transparent;border:1px solid var(--line);padding:7px 12px;min-width:68px;font-size:14px;color:var(--ink)}.clip-motion:hover{border-color:var(--orange)}
summary{padding-top:22px;padding-bottom:22px}.service-tag{font-size:12px;letter-spacing:.8px}.service-body{padding-bottom:24px}.service-body>span{font-size:14px}.service-body p{margin-bottom:14px}
.about-grid{gap:7%;margin-top:38px;grid-template-columns:1fr 1fr}.about h2{font-size:clamp(45px,4.8vw,72px)}
.about-copy details{border-bottom:1px solid var(--line)}.about-copy summary{gap:20px;padding-top:15px;padding-bottom:15px}.about-copy summary h3{font-size:20px;line-height:1.4}
.about-copy summary .plus{margin-left:auto;flex-shrink:0}.about-copy .service-body{margin:0;padding-top:10px}.about-copy .service-body p:last-child{margin-bottom:0}
.stats{margin-top:24px;padding-top:0;border:0;gap:32px}.stats strong{font-size:54px}.stats span{display:block;font-size:14px;max-width:160px;line-height:1.5}.award{font-size:14px;margin-top:20px}
.contact-grid{gap:7%;margin-top:38px;margin-bottom:0}.contact h2{font-size:clamp(45px,5vw,76px)}.contact-button{width:100%;text-align:left}.contact-grid p{margin-bottom:0}
footer{padding-top:30px;padding-bottom:30px;font-size:14px;gap:25px}footer img{width:230px}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}
dialog{overscroll-behavior:contain}#film-player{object-fit:contain}#contact-dialog{width:min(660px,94vw)}
#contact-dialog .dialog-bar{padding:18px 26px;border-bottom:1px solid var(--line)}#contact-dialog .eyebrow{margin:0;font-size:12px}
.contact-form-wrap{padding:26px}.contact-form-wrap h2{font-size:44px;margin-bottom:12px}.contact-form-wrap>p{color:var(--muted);font-size:16px;margin-bottom:24px;line-height:1.5}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#project-form label{display:block;font-size:14px;color:var(--ink);line-height:1.5}#project-form label>span{color:var(--orange)}#project-form>label{margin-top:18px}
#project-form input,#project-form textarea,#project-form select{display:block;width:100%;margin-top:7px;border:1px solid #4b5449;border-radius:0;background:#1b211b;color:var(--ink);padding:12px;font:inherit;font-size:16px;line-height:1.5}
#project-form textarea{resize:vertical;min-height:120px;max-height:300px}#project-form input:focus,#project-form textarea:focus,#project-form select:focus{outline:2px solid var(--orange);outline-offset:2px}#project-form textarea::placeholder{color:#9ca596}
#project-form .referral-other{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .3s ease,opacity .22s ease,transform .3s ease}#project-form .referral-other.is-visible{max-height:100px;opacity:1;transform:none;margin-top:14px}
#project-form .marketing-opt-in{display:flex;align-items:flex-start;gap:10px;margin-top:20px;cursor:pointer}#project-form .marketing-opt-in input[type="checkbox"]{appearance:auto;display:block;width:18px;height:18px;min-width:18px;margin:2px 0 0;padding:0;accent-color:var(--orange);cursor:pointer}#project-form .marketing-opt-in span{color:var(--ink);font-size:14px;line-height:1.45}
#project-form .form-consent{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}#project-form .form-consent a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#project-form .form-note{font-size:14px;color:var(--muted);line-height:1.5;margin:18px 0 0}#project-form .contact-button{margin-top:18px}
#form-status{font-size:14px;color:var(--ink);margin:14px 0 0;line-height:1.5}#form-status:empty{display:none}
#copy-inquiry{background:none;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;padding:8px 0;margin-top:12px}
@media(max-width:1100px){.credentials{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-tag{display:none}footer{flex-wrap:wrap}}
@media(min-width:701px) and (max-width:1100px){header{flex-wrap:wrap;gap:12px}header nav{order:3;width:100%;justify-content:space-between}}
@media(max-width:700px){
 .brand{max-width:calc(100% - 100px)}
 .hero{height:88svh;min-height:620px}.hero-content{bottom:98px}.section{padding-top:42px;padding-bottom:42px}
 .section-label,.hero .eyebrow,.hero-foot{font-size:12px;letter-spacing:.7px}.section-label>span:last-child{display:none}
 .credentials{font-size:12px;line-height:1.5;gap:12px;letter-spacing:0}.credentials span:before{margin-right:6px}
 .film-grid{grid-template-columns:1fr;gap:22px}.film{aspect-ratio:910/512}.film-caption{left:19px;bottom:20px}.film-caption strong{font-size:34px}.film-caption small{font-size:12px}.film-index{top:17px;left:19px}
 .work-title{display:block;margin-top:26px}.work-title p{margin-top:15px}.work-title>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.work-title p{margin-bottom:0}#all-motion,#overlay-toggle{margin-top:8px}.work-controls{gap:18px}
 .intro{display:block;margin:26px 0}.intro h2{font-size:40px}.intro p{margin-top:20px;padding-top:0}
 .about-grid{display:block;margin-top:28px}.about h2{font-size:52px}.about-copy{margin-top:25px}.about-copy .lead{font-size:20px}
 .contact-grid{display:block;margin-top:28px}.contact h2{font-size:50px;margin-bottom:24px}.contact-button{margin-top:22px}
 .stats{gap:30px}.stats strong{font-size:48px}.award{font-size:13px}footer{display:grid;grid-template-columns:1fr;font-size:14px;gap:20px}
 .contact-form-wrap{padding:22px}#contact-dialog .dialog-bar{padding:15px 22px}.contact-form-wrap h2{font-size:36px}.form-grid{grid-template-columns:1fr;gap:14px}
}
@media(max-width:380px){.hero{min-height:650px}.hero .eyebrow{font-size:11px}h1{font-size:47px}.film-caption strong{font-size:28px}.credentials{grid-template-columns:1fr}.brand{font-size:15px}.header-cta{font-size:14px}.header-cta span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero>video{will-change:auto}}
