/* Cinematic studio treatment. Existing pages, media and interactions retained. */
:root{--ink:#f4f0e7;--paper:#0e0b08;--cream:#15110d;--muted:#b8b1a7;--line:#342e27;--max:1180px}
body.studio-theme{background:var(--paper);color:var(--ink)}
body:before{display:none}
h1,h2,h3{color:var(--ink);text-wrap:balance}h1 em,h2 em{color:var(--yellow);font-weight:400;letter-spacing:-.045em}
p{line-height:1.65}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.15em}
.nav,.nav.scrolled,.nav.inner{background:#0e0b08;border-bottom:1px solid #241f19;backdrop-filter:none}.nav-inner{height:76px}.nav nav{gap:25px}.brand-mark{background:transparent;color:var(--yellow);border:1px solid #574e31;border-radius:4px}.nav-cta,.btn-primary,.btn-dark{background:#f4f0e7;color:#17120d!important;border-color:#f4f0e7;border-radius:40px;box-shadow:none}.nav-cta:hover,.btn-primary:hover,.btn-dark:hover{background:#ffde17;box-shadow:none}.btn{border-radius:40px;min-height:46px;padding:12px 20px}.btn-light,.btn-outline{background:transparent;color:#f4f0e7;border-color:#5a5146}.btn-light:hover,.btn-outline:hover{background:#262017}.play span{background:#f4f0e7;color:#17120d;box-shadow:none}.text-link{font-size:14px}.skip-link{color:#111}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;width:min(calc(100% - 64px),1180px);margin:auto;padding:128px 0 56px;min-height:0;background:var(--paper);align-items:center;overflow:visible}
.hero-content{grid-column:1;grid-row:1;padding:0;width:100%;margin:0}.hero h1{font-size:clamp(2.4rem,3.8vw,3.35rem);line-height:1.06;letter-spacing:-.055em;max-width:550px;margin:0 0 24px}.hero .eyebrow{font-size:10px;color:#c7beb0;letter-spacing:.14em;margin-bottom:22px}.hero .eyebrow:before{width:18px;height:1px}.hero p{font-size:16px;color:#bfb8ad;line-height:1.7}.hero-content>p:not(.eyebrow){max-width:460px}.hero .actions{margin-top:26px;gap:10px;flex-direction:row}.hero-proofline{color:#c5bbaa;font-size:13px;margin-top:26px;letter-spacing:.025em}
.hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;margin:0;width:100%;min-height:0;aspect-ratio:1.18;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#12100c}.hero-media:after{display:none}.hero-reel{background:#12100c}.hero-reel img{width:100%;height:calc(100% - 66px)!important;object-fit:contain!important;opacity:1}.hero-video-label{background:#17130f!important;min-height:66px;padding:12px 20px!important}.hero-video-label>span{color:#b4ab9c;font-size:10px}.hero-video-label>strong{font-size:16px;font-weight:600}.hero-reel .play span{width:56px;height:56px;font-size:18px}
.fit-strip,.trust{background:#12100c;border-block:1px solid #28221b;color:#c0b9ad}.fit-strip-inner{min-height:58px;gap:10px 20px;justify-content:center}.fit-strip-inner span{font-size:11px;color:#c0b9ad}.trust{border-top:0}.trust-inner{min-height:76px;gap:24px}.trust-logos{font-size:10px;color:#bdb4a5;gap:20px}.trust-label{font-size:9px}
.section,.case-story,.case-gallery,.case-uses{background:#0e0b08;padding-block:58px}.section.dark,.section.cream,.more-work,.work-intro,.case-deliverables,.case-films{background:#15110d;color:var(--ink)}.section-head{gap:50px;margin-bottom:30px}.section-head h2,.about-copy h2,.contact h2,.work-cta h2,.case-deliverables h2,.case-next h2,.services-cta h2,.article-cta h2,.work-intro h2,.faq h2{font-size:clamp(1.8rem,2.7vw,2.35rem)!important;line-height:1.15;letter-spacing:-.035em}.section-head p,.dark .section-head p,.lead,.case-hero .case-summary{color:var(--muted)}
.work-media,.case-index-card .media,.video-thumb,.inline-video{border-radius:12px;background:#17130f}.view-pill{background:#f4f0e7;color:#18130e;border-radius:24px;padding:9px 14px}.work-copy .meta,.case-index-card .meta{color:#c6bca9;font-size:10px!important}.work-copy h3{font-size:27px}.work-copy .result-line{color:#f4f0e7!important;font-size:18px}.work-copy .result-line small{display:block;margin-top:5px}.work-bottom{margin-top:26px;color:var(--muted);align-items:center}.work-bottom p{max-width:570px}
#work .work-card:first-child{padding:22px;border:1px solid var(--line);border-radius:16px;background:#16120e}#work .work-card:first-child>a{grid-template-columns:1.5fr 1fr;gap:32px}#work .work-card:first-child h3{font-size:30px}#work .work-card:first-child .work-media{aspect-ratio:16/10}#work .work-grid{gap:32px}
.proof{background:#17130e;color:#f4f0e7;border-block:1px solid var(--line);padding:48px 0}.proof-grid{grid-template-columns:1.15fr 1fr;gap:70px}.proof blockquote{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:400;line-height:1.16}.proof cite{color:#c9bda8;font-size:13px}.proof .eyebrow{color:var(--yellow);margin-bottom:22px}
.service-grid{border-color:var(--line);gap:24px}.service{min-height:0;padding:22px 0 10px}.service h3{font-size:20px;margin:22px 0 12px}.service p,.services-end{font-size:15px;color:var(--muted)}.services-end{margin-top:24px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.process-grid article{padding:24px;border:1px solid var(--line);border-radius:10px;background:#15110d;min-height:0}.process-grid h3{font-size:20px;margin:25px 0 12px}.process-grid .num{color:var(--yellow)}.process-grid p{font-size:15px}.faq-wrap{max-width:880px}.faq details{padding:18px 0}.faq summary{font-size:16px}.faq h2{font-family:var(--sans);font-weight:650;margin-bottom:28px}
.contact,.contact-page,.case-next,.article-cta,.footer{background:#110e0a;color:var(--ink)}.contact{border-top:1px solid var(--line);padding:58px 0}.contact-grid{gap:66px}.contact-form,.contact-form.light{background:#1a1510;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:28px}.contact-form h3{font-size:21px}.field input,.field select,.field textarea,.contact-form.light .field input,.contact-form.light .field select,.contact-form.light .field textarea{background:#100d09;color:#f4f0e7;border:1px solid #514637;border-radius:5px}.fine,.price small{color:#b3a99b}.footer{border-color:var(--line)}.footer-grid{font-size:12px}.mobile-cta{background:#f4f0e7;color:#17120d;border-top:1px solid #cec3af}
.page-hero,.page-hero.dark,.case-hero,.article-hero{background:#15110d;color:var(--ink);padding:120px 0 44px}.page-hero h1,.case-hero h1,.article-hero h1,.contact-page h1{font-size:clamp(2.2rem,3.5vw,3.15rem);line-height:1.1}.page-hero.dark .lead,.bread,.dark .bread{color:var(--muted)}.case-meta-grid{margin-top:28px}.case-feature{background:#0e0b08;padding:24px}.case-feature img{border-radius:10px;object-fit:contain;transform:none}.case-story h2{font-size:30px}.case-story h3{font-size:22px}.case-result{background:#1b160f;color:var(--ink);border-block:1px solid var(--line)}.big-result,.results-stats strong{color:#f4f0e7}.results-stats strong{font-size:clamp(3rem,6vw,4.5rem)}.result-proof{border-color:var(--line)}.case-intent{color:var(--ink)!important}.asset-gallery img{border-radius:8px}.services-list small{color:#cfc3af}.services-cta,.work-cta{background:#1b160f;color:var(--ink);border-top:1px solid var(--line)}.insight-card,.value,.toc{border-color:var(--line)}.article-body p,.article-body li{color:#c6beb1}.article-body .direct-answer,.article-body .callout{color:var(--ink);background:#1b160f}.toc a:hover{color:#fff}.question-list p{color:#d9ceba}.video-card{background:#1a1510;border:1px solid var(--line);border-radius:12px;overflow:hidden}.availability{color:#17120d}.contact-form.light .eyebrow{color:#cfc3af!important}
:focus-visible{outline:2px solid #ffde17;outline-offset:4px}
@media(max-width:980px){.hero{gap:28px;padding-top:110px}.hero h1{font-size:38px}.hero-media{aspect-ratio:1;min-height:0}.hero .actions{flex-direction:column;align-items:flex-start}.nav nav{background:#110e0a;top:76px}.trust-inner{padding-block:20px}.proof-grid{gap:30px}.section-head{gap:24px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:12px}.process-grid article{padding:20px}.contact-grid{gap:30px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav-inner{height:68px}.nav nav{top:68px}.hero{display:flex;flex-direction:column;width:calc(100% - 36px);padding:100px 0 32px;gap:28px}.hero-content{padding:0}.hero h1{font-size:clamp(2rem,8.5vw,2.75rem);max-width:500px}.hero .actions{flex-direction:row;gap:10px}.hero .btn{font-size:12px;padding:12px 16px}.hero-media{margin:0;aspect-ratio:1.2;min-height:0;width:100%;order:2}.hero .eyebrow{font-size:9px}.hero-proofline{margin-top:20px}.fit-strip-inner{gap:9px 18px;padding:17px 0}.trust-inner{gap:12px}.trust-logos{gap:13px 22px}.section,.case-story,.case-gallery,.case-uses{padding-block:40px}.section-head h2,.contact h2,.faq h2{font-size:29px!important}.section-head{gap:16px}#work .work-card:first-child{padding:14px}#work .work-card:first-child>a{display:block}#work .work-card:first-child .work-copy{padding:18px 5px 3px}#work .work-card:first-child h3{font-size:26px}.work-card{margin-bottom:28px}.proof{padding:38px 0}.proof-grid{grid-template-columns:1fr;gap:24px}.proof blockquote{font-size:30px}.service-grid{gap:0 18px}.service h3{font-size:18px}.process-grid{grid-template-columns:1fr;gap:12px}.process-grid article{padding:22px}.process-grid h3{margin-top:16px}.process-grid p{margin-bottom:0}.contact{padding:40px 0}.contact-form{padding:22px}.page-hero,.case-hero,.article-hero{padding:104px 0 36px}.page-hero h1,.case-hero h1,.article-hero h1,.contact-page h1{font-size:34px}.faq-wrap{width:calc(100% - 36px)}.case-feature{padding:18px}.footer{padding-bottom:88px}.field input,.field select,.field textarea{font-size:16px}}
.approach-grid h2[style]{font-size:clamp(1.8rem,2.7vw,2.35rem)!important;line-height:1.15!important}.contact-form.light .fine{color:#b8b1a7!important}.service:hover{background:transparent}.brand:hover .brand-mark{background:transparent;transform:none}.work-media:after{box-shadow:none}
/* Readable supporting copy and a little more separation between major ideas. */
.eyebrow,.hero .eyebrow,.trust-label{font-size:12px}.work-copy .meta,.case-index-card .meta{font-size:12px!important}.hero-video-label>span{font-size:12px}.film-description,.film-heading>p:last-child,.asset-gallery figcaption,.image-caption,.case-meta-grid small{font-size:15px}.fine,.price small,.footer-grid{font-size:14px}.section-head{margin-bottom:36px}.work-copy p{margin-bottom:14px}.film-item h3{margin-top:20px}.case-story h3{margin-top:36px}.case-story p{line-height:1.75}.film-placeholder>strong{color:var(--ink)}
@media(min-width:981px){.section,.case-story,.case-gallery,.case-uses{padding-block:74px}.case-films,.case-deliverables,.case-result{padding-block:64px}.proof{padding-block:64px}.contact{padding-block:74px}.section-head{gap:60px}.case-story-grid{gap:82px}.case-meta-grid{margin-top:34px}}
/* Continuous industry ribbon, centered within equal gutters. */
.fit-strip{position:relative;display:flex;align-items:center;gap:16px;padding:20px 24px;background:#15110d;overflow:hidden}.industry-viewport{flex:1;min-width:0;overflow:hidden}.industry-track{display:flex;width:max-content;animation:industry-drift 48s linear infinite;will-change:transform}.industry-group{display:flex;align-items:center;gap:34px;padding-right:34px;flex-shrink:0}.industry-group span{white-space:nowrap;font-size:15px;font-weight:550;color:#d0c7b8}.industry-group span:before{content:'•';color:#ffde17;font-size:10px;margin-right:34px}@keyframes industry-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:680px){.section,.case-story,.case-gallery,.case-uses{padding-block:48px}.case-films{padding-block:40px}.section-head{margin-bottom:28px}.fit-strip{padding:12px 18px;gap:10px}.industry-group{gap:24px;padding-right:24px}.industry-group span{font-size:14px}.industry-group span:before{margin-right:24px}.hero .eyebrow{font-size:11px}.film-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){.industry-track{animation:none;transform:none;will-change:auto;width:auto}.industry-group{flex-wrap:wrap;gap:12px 20px;padding:0}.industry-group span:before{display:none}.industry-group[aria-hidden],.industry-viewport{overflow:visible}}
/* Clear next steps, project discovery and readable detail pages. */
[hidden]{display:none!important}html{scroll-padding-top:100px}section[id],article[id]{scroll-margin-top:100px}.booking-start{margin:28px 0 32px}.booking-start p{font-size:14px;color:var(--muted);margin-top:12px}.contact-page .contact-details{margin-top:24px}.contact-page .price{margin-top:26px}.contact-form .field{margin-top:18px}.contact-form label{display:block;font-size:12px;line-height:1.5;letter-spacing:.045em}.contact-form input,.contact-form select,.contact-form textarea{margin-top:7px;min-height:46px;font-size:16px}.contact-form h3{line-height:1.25}.optional-brief{margin-top:24px;border-block:1px solid var(--line);padding:16px 0}.optional-brief summary{font-size:14px;cursor:pointer;min-height:28px;color:#d2c7b6}.brief-fallback{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.copy-brief{color:#f4f0e7;background:transparent;border:1px solid #766955;border-radius:24px;font-size:14px;padding:10px 16px;min-height:44px}.copy-status{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:0}.copy-manual{width:100%;min-height:150px;color:#f4f0e7;background:#100d09;border:1px solid #766955;padding:14px;margin-top:12px;font-size:16px}.service-paths{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:20px}.service-more{display:inline-block;margin-top:8px}.services-list .service-detail p{margin:0}.services-list .text-link{display:inline-block;font-size:13px;padding-block:8px;line-height:1.5}.service-grid .service{display:flex;flex-direction:column;align-items:flex-start}.service-grid .service-more{margin-top:auto}.service-grid .service p{margin-bottom:20px}
.project-filters{margin-bottom:36px}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.filter-buttons button{padding:10px 17px;border:1px solid #5d5141;border-radius:28px;background:transparent;color:#cfc3b2;min-height:44px;font-size:14px}.filter-buttons button:hover{border-color:#f4f0e7;color:#f4f0e7}.filter-buttons button[aria-pressed="true"]{background:#f4f0e7;border-color:#f4f0e7;color:#17120d}.filter-status{font-size:13px;color:var(--muted);margin:18px 0 0}.filterable-work .filter-feature{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;column-gap:40px;align-items:start}.filterable-work .filter-feature .media{grid-row:1/6;width:100%}.filterable-work .filter-feature .meta{margin-top:16px}.filterable-work .filter-feature .text-link{justify-self:start}.more-work .case-index-card+.case-index-card{margin-top:44px;border-top:1px solid var(--line);padding-top:34px}.more-work .planned-project{border-left:2px solid #ffde17}.planned-project strong{color:#f4f0e7}.more-work .fine{margin-top:24px;max-width:760px}
.case-jumps{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:24px;margin-top:20px;border-top:1px solid var(--line)}.case-jumps a{font-size:14px;color:#cfc3b2;padding:8px 0;border-bottom:1px solid #5d5141}.case-jumps a:hover{color:#ffde17;border-color:#ffde17}.case-next-inner{flex-wrap:wrap}.case-project-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-top:28px;padding-top:28px;border-top:1px solid var(--line);font-size:16px}.case-story p{max-width:68ch}.case-story h2{max-width:25ch}.nav nav>a{min-height:44px;display:inline-flex;align-items:center}.nav nav.open{max-height:calc(100dvh - 76px);overflow-y:auto}.nav nav.open>a{width:100%}.mobile-cta{padding-bottom:max(14px,env(safe-area-inset-bottom));min-height:50px}.contact-details a{overflow-wrap:anywhere}.footer a{overflow-wrap:anywhere}.btn{max-width:100%;text-align:center}.section-head>*,.contact-grid>*,.contact-page-grid>*,.case-story-grid>*{min-width:0}.reveal{opacity:1;transform:none}.video-thumb{touch-action:manipulation}
@media(max-width:980px){.filterable-work .filter-feature{display:block}.case-project-cta{align-items:flex-start}.services-list article{gap:20px}.nav nav.open{padding-block:16px 22px}.nav nav.open .nav-cta{justify-content:center}}
@media(max-width:680px){html{scroll-padding-top:84px}.booking-start .btn{width:100%}.filter-buttons{gap:8px}.filter-buttons button{font-size:13px;padding:10px 13px}.case-project-cta{flex-direction:column;gap:18px}.case-jumps{gap:8px 20px;margin-top:14px;padding-top:18px}.case-jumps a{font-size:13px}.case-next{padding-block:40px}.more-work .case-index-card+.case-index-card{margin-top:32px;padding-top:26px}.contact-page .contact-details{font-size:15px}.service-paths{gap:8px 18px}.footer-grid{font-size:13px}.contact-page-grid{gap:36px}.project-filters{margin-bottom:28px}.filterable-work .filter-feature{margin-bottom:32px}}

/* Service descriptions are a wrapper, not a direct paragraph: span the reading column. */
.services-list article > *{min-width:0}
@media(max-width:980px){
 .services-list article{grid-template-columns:44px minmax(0,1fr);column-gap:20px;row-gap:20px}
 .services-list article > .n{grid-column:1;grid-row:1}
 .services-list article > div:nth-child(2){grid-column:2;grid-row:1}
 .services-list article > .service-detail{grid-column:2 / -1;grid-row:2;width:100%;max-width:none}
}
@media(max-width:680px){
 .services-list article{grid-template-columns:32px minmax(0,1fr);column-gap:16px;row-gap:22px;padding:28px 0}
 .services-list article > .service-detail{grid-column:1 / -1;width:100%;max-width:none}
 .services-list .service-detail p{font-size:16px;line-height:1.7;max-width:none;overflow-wrap:break-word}
 .services-list h2{font-size:26px;line-height:1.18}
 .services-list small{font-size:14px;line-height:1.6}
 .services-list .service-paths{gap:12px 20px;margin-top:18px}
 .services-list .text-link{font-size:14px;min-height:44px}
 .services-list article:hover{padding-left:0;padding-right:0}
}

/* Shared responsive rules apply to every page, after the legacy styles. */
.fit-strip{justify-content:center;min-height:64px;padding:16px 24px;gap:0}
.industry-viewport{flex:0 1 1180px;width:100%;margin-inline:auto}
.industry-track{align-items:center}
.industry-group{min-height:30px}
.shoot-comfort h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:0 0 20px}
.shoot-comfort p{color:var(--muted);max-width:55ch}
.testimonial-person{font-size:14px}
.comfort-video{width:100%;max-width:300px;margin-inline:auto}
.comfort-video .inline-video{border:1px solid var(--line);border-radius:12px}
.comfort-video>.text-link{display:block;width:fit-content;margin:18px auto 0;font-size:14px;line-height:1.5;padding-block:8px}
main img,main video,main iframe{max-width:100%}
.work-grid>*,.case-index-grid>*,.film-grid>*,.about-page-grid>*,.case-deliverables-grid>*,.gallery-grid>*,.article-layout>*,.values>*,.evidence-grid>*,.results-stats>*,.trust-inner>*{min-width:0}
h1,h2,h3,p,li,blockquote{overflow-wrap:break-word}
@media(max-width:980px){
 .section-head,.contact-grid,.approach-grid,.about-grid,.contact-page-grid,.about-page-grid,.case-story-grid,.case-deliverables-grid,.work-intro-grid,.article-layout,.article-cta-grid,.work-cta-inner{grid-template-columns:minmax(0,1fr)}
 .nav nav.open{max-height:calc(100dvh - 76px - env(safe-area-inset-bottom));padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:680px){
 .hero .actions,.actions{flex-wrap:wrap}
 .hero .btn{font-size:14px;line-height:1.4;min-height:48px}
 .hero .eyebrow{font-size:12px;line-height:1.6}
 .hero-proofline{font-size:14px;line-height:1.6;letter-spacing:.025em}
 .fit-strip{min-height:56px;padding:12px 18px}
 .industry-group span{line-height:1.5}
 .trust-logos{justify-content:center;text-align:center;line-height:1.6}
 .trust-label{text-align:center}
 .service-grid,.video-grid,.values,.film-grid,.film-grid.two-columns,.evidence-grid,.results-stats,.case-meta-grid,.case-gallery .gallery-grid{grid-template-columns:minmax(0,1fr)}
 .service{padding:24px 0;border-bottom:1px solid var(--line)}
 .service h3{font-size:22px;margin:16px 0 12px}
 .service p,.process-grid p,.services-end{font-size:16px}
 .proof-grid,.result-proof{grid-template-columns:minmax(0,1fr);gap:26px}
 .proof blockquote{font-size:clamp(1.6rem,7.2vw,2rem);line-height:1.25}
 .proof cite{font-size:14px}
 .contact-form,.contact-form.light{padding:22px 18px}
 .contact-form label{font-size:14px;letter-spacing:0}
 .contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0}
 .contact-form .btn{width:100%}
 .article-layout{padding:44px 0;gap:32px}
 .article-body p,.article-body li{font-size:16px}
 .article-body h2{font-size:27px;line-height:1.25}
 .article-body h3{font-size:22px;line-height:1.3}
 .toc{position:static;max-width:100%}
 .case-index-grid{display:block}
 .case-index-card,.case-index-card:first-child,.more-work .case-index-card,.filterable-work .filter-feature{display:block}
 .case-story h2,.case-deliverables h2,.case-uses h2{font-size:28px!important;line-height:1.25}
 .case-story h3{font-size:22px;line-height:1.3}
 .case-story p{font-size:16px}
 .nav nav.open{max-height:calc(100dvh - 68px - env(safe-area-inset-bottom))}
 .menu-toggle{min-width:44px;min-height:44px}
 .footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
 .mobile-cta{left:18px;right:18px;width:auto;bottom:0;font-size:14px;line-height:1.4;padding:14px 16px max(14px,env(safe-area-inset-bottom));min-height:50px}
 .video-modal{padding:16px;overflow-y:auto}
 .modal-inner{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto}
 .modal-title{font-size:15px}
 .modal-controls{flex-wrap:wrap}
 .comfort-video{max-width:260px}
}
@media(prefers-reduced-motion:reduce){
 .industry-viewport{overflow:visible}
 .industry-track{width:100%;justify-content:center}
 .industry-group{justify-content:center;text-align:center}
}

/* More breathing room between ideas, without oversized empty mobile screens. */
.section,.case-story,.case-gallery,.case-uses{padding-block:88px}
.proof,.contact,.case-films,.case-deliverables,.case-result,.work-intro,.more-work,.services-cta,.work-cta,.case-next,.article-cta{padding-block:76px}
.hero{padding-bottom:72px}
.section-head{margin-bottom:44px}
.proof-grid{gap:64px}
.process-grid{margin-top:34px;gap:24px}
.process-grid article{padding:28px}
.service-grid{gap:32px}
.service{padding-top:28px}
.shoot-comfort p{line-height:1.75}
@media(max-width:980px){
 .section,.case-story,.case-gallery,.case-uses{padding-block:72px}
 .proof,.contact,.case-films,.case-deliverables,.case-result,.work-intro,.more-work,.services-cta,.work-cta,.case-next,.article-cta{padding-block:64px}
 .proof-grid{gap:38px}
 .process-grid{gap:18px}
}
@media(max-width:680px){
 .hero{padding-bottom:48px}
 .section,.case-story,.case-gallery,.case-uses{padding-block:64px}
 .proof,.contact,.case-films,.case-deliverables,.case-result,.work-intro,.more-work,.services-cta,.work-cta,.case-next,.article-cta{padding-block:56px}
 .section-head{margin-bottom:32px;gap:20px}
 .proof-grid{gap:32px}
 .process-grid{margin-top:28px;gap:18px}
 .process-grid article{padding:26px 22px}
 .service-grid{gap:0}
 .service{padding:28px 0}
 .services-list article{padding-block:36px;row-gap:26px}
 #work .work-grid{gap:44px}
 #work .work-card{margin-bottom:0}
 .case-index-card,.case-index-card:first-child{margin-bottom:44px}
 .contact-grid,.contact-page-grid,.case-story-grid,.case-deliverables-grid,.about-page-grid{gap:36px}
 .film-grid,.film-grid.two-columns{gap:38px}
}
/* Consistent media edges and final mobile layout corrections. */
:root{--media-radius:18px}
.rounded-media,.comfort-video .inline-video{border-radius:var(--media-radius);overflow:hidden;isolation:isolate;clip-path:inset(0 round var(--media-radius))}
main .rounded-project-image,main video,main iframe,.video-frame iframe{border-radius:var(--media-radius)}
.video-frame{border-radius:var(--media-radius);overflow:hidden;isolation:isolate;clip-path:inset(0 round var(--media-radius))}
.hero-reel img{border-bottom-left-radius:0;border-bottom-right-radius:0}
.rounded-media:focus-visible{outline-offset:3px;clip-path:none}
.services-list article>*,.service-detail,.services-list article>div,.case-index-card>*,.hero-content,.hero-media,.film-item,.property-film{min-width:0}
.services-list h2,.case-index-card h2,.film-item h3,.contact-form h3{overflow-wrap:break-word;hyphens:none}
main figure{max-width:100%}.btn,.nav-cta{white-space:normal}.text-link{line-height:1.6}
@media(min-width:681px) and (max-width:980px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.hero h1{font-size:clamp(2rem,4.1vw,2.6rem)}
 .services-list article{grid-template-columns:42px minmax(0,1fr);gap:18px 24px}.services-list article>.n{grid-column:1;grid-row:1/3}.services-list article>div:not(.n){grid-column:2}.services-list .service-detail{grid-row:2}
 .services-list article>p{grid-column:2}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.case-index-card{grid-column:span 1}.case-index-card:first-child{grid-column:1/-1}.filterable-work .filter-feature{grid-column:1/-1}
 .film-grid,.film-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.film-grid .film-item{width:100%;max-width:100%}
 .case-meta-grid{gap:16px}.case-meta-grid strong{font-size:15px}.footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}.insights-grid{grid-template-columns:minmax(0,1fr)}.insight-card{min-height:0;padding-bottom:28px}.insight-card h2{margin-top:22px}
}
@media(max-width:680px){
 :root{--media-radius:14px}.wrap{width:calc(100% - 36px)}
 .hero{width:calc(100% - 36px)}.hero-content{width:100%;max-width:100%}.hero-media{flex:none;width:100%}.hero-reel .hero-video-label{padding:12px 14px!important}.hero-video-label>strong{font-size:17px;line-height:1.3}
 .hero .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:12px}.hero .actions .btn{width:100%;font-size:14px;min-height:48px}.hero h1{font-size:clamp(2rem,8.5vw,2.75rem);line-height:1.1}
 #work .work-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:38px}#work .work-card,#work .work-card:first-child{grid-column:auto;margin:0}#work .work-card:first-child>a{display:block}
 .work-copy h3,.case-index-card h2{font-size:26px;line-height:1.2}.work-copy p,.case-index-card p{font-size:16px}.work-bottom{margin-top:30px;align-items:flex-start}
 .services-list article{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:32px 0}.services-list article>*{grid-column:1;grid-row:auto;max-width:100%}.services-list .n{margin:0}.services-list h2{font-size:26px;line-height:1.2}.services-list small{font-size:14px;line-height:1.65}.services-list .service-detail p{font-size:16px;line-height:1.7}.service-paths{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.service-paths a,.service-more{min-height:44px;padding-block:10px;max-width:100%}
 .service-grid,.process-grid,.video-grid,.film-grid,.film-grid.two-columns,.proof-grid,.case-meta-grid,.case-deliverables-grid,.result-proof,.evidence-grid,.values,.insights-grid{grid-template-columns:minmax(0,1fr)}
 .film-item,.film-item:only-child,.film-item:last-child:nth-child(3){grid-column:auto;width:100%;max-width:100%}.film-heading{display:block;margin-bottom:24px}.film-heading p{max-width:100%}.film-item h3{font-size:19px;line-height:1.4}.film-item .text-link{display:inline-block;min-height:44px;padding-block:10px}
 .inline-video.portrait{width:100%;max-width:300px}.property-film h3,.property-film .film-description{max-width:300px}.case-meta-grid{gap:0}.case-meta-grid>div{padding:16px 0;border-bottom:1px solid var(--line)}.case-meta-grid small{font-size:12px;margin-bottom:7px}.case-meta-grid strong{font-size:16px;line-height:1.5}
 .case-feature img{width:auto;height:auto;max-height:420px;object-fit:contain}.case-feature{padding:18px}.gallery-grid img,.asset-gallery img{height:auto;max-height:440px;object-fit:contain}
 .deliverable-list div{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:18px 0}.deliverable-list strong{font-size:16px;line-height:1.6}.case-next-inner{display:block}.case-next .actions{gap:12px}.case-project-cta{padding-top:26px;margin-top:26px}.case-project-cta .btn{width:100%}
 .page-hero h1,.case-hero h1,.article-hero h1,.contact-page h1{font-size:clamp(1.9rem,8vw,2.25rem);line-height:1.15}.lead,.case-hero .case-summary{font-size:17px;line-height:1.7}.bread{line-height:1.6;overflow-wrap:anywhere}
 .article-layout{display:flex;flex-direction:column;gap:32px}.article-layout>.toc{order:-1;width:100%;position:static}.toc a{min-height:44px;padding:10px 0}.article-body .direct-answer,.article-body .callout{padding:22px}.article-body .direct-answer{font-size:23px;line-height:1.35}.article-body h2{font-size:27px;margin-top:38px;line-height:1.25}.insight-card{min-height:0;padding-bottom:28px}.insight-card h2{font-size:28px;margin-top:24px;line-height:1.2}
 .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}.footer-grid>div{min-width:0;line-height:1.9}.footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.footer a{overflow-wrap:anywhere}
 .contact-grid,.contact-page-grid{grid-template-columns:minmax(0,1fr)}.contact-form .field label{font-size:14px;line-height:1.5}.field input,.field select,.field textarea{font-size:16px;max-width:100%;min-width:0}.field textarea{min-height:128px}.contact-form .btn{white-space:normal;line-height:1.45;padding:13px 16px}.contact-details a{word-break:normal;overflow-wrap:anywhere}.contact h2{max-width:100%}
 .video-modal{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.modal-inner{width:min(100%,calc((100dvh - 150px)*16/9));max-height:calc(100dvh - 24px);overflow-y:auto}.video-modal[data-aspect="portrait"] .modal-inner{width:min(100%,calc((100dvh - 150px)*9/16))}.modal-top{display:flex;flex-wrap:wrap;gap:8px}.modal-title{flex-basis:100%;font-size:14px;line-height:1.4}.modal-controls{width:100%;justify-content:space-between;gap:10px}.modal-controls a,.modal-close{font-size:13px;min-height:44px}
}
@media(max-width:360px){.wrap,.hero{width:calc(100% - 32px)}.nav-inner{gap:12px}.brand{gap:8px;font-size:12px}.hero .eyebrow{font-size:11px;letter-spacing:.09em}.contact-form,.contact-form.light{padding:20px 14px}.filter-buttons button{font-size:12px;padding:10px 12px}}
.services-list article:hover{background:transparent}
@media(max-width:680px){
 .services-list article>.n,.services-list article>div:nth-child(2),.services-list article>.service-detail{grid-column:1 / -1;grid-row:auto;width:100%;max-width:100%}
}
/* Fill the visible image itself, rather than letterboxing it inside a rounded panel. */
.hero-media{aspect-ratio:auto;border:0;background:transparent;border-radius:0;clip-path:none;overflow:visible;isolation:auto;align-self:center}
.hero-reel{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--media-radius);overflow:hidden;clip-path:inset(0 round var(--media-radius));background:#17130f}
.hero-reel img{position:absolute;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:var(--media-radius)!important}
.hero-reel .play{inset:0}.hero-video-label{position:static;min-height:0;display:grid;gap:5px;padding:16px 2px 0!important;background:transparent!important}.hero-video-label>span{font-size:11px}.hero-video-label>strong{font-size:18px}
.work-media img,.case-index-card .media img,.video-thumb img,.proof-grid .video-thumb img{width:100%;height:100%;object-fit:cover!important;object-position:center;border-radius:var(--media-radius);transform:none!important}
.video-thumb{aspect-ratio:16/9}.film-item .video-thumb.portrait-poster{aspect-ratio:9/16;width:min(100%,300px);margin-inline:auto}.film-item:has(.portrait-poster) h3,.film-item:has(.portrait-poster) .film-description,.film-item:has(.portrait-poster)>.text-link{max-width:300px;margin-left:auto;margin-right:auto}.film-item:has(.portrait-poster)>.text-link{display:block;width:fit-content}
.proof-grid .portrait-poster{aspect-ratio:4/3}.case-feature{padding:24px max(18px,calc((100% - 1180px)/2));background:var(--paper)}.case-feature>img{display:block;width:auto;height:auto;max-width:min(100%,980px);max-height:460px;object-fit:contain;object-position:center;margin-inline:auto;border-radius:var(--media-radius)}
.hero-recognition{width:100%;min-width:0;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.hero-recognition .fit-strip{padding:0;min-height:34px;background:transparent;border:0}.hero-recognition .industry-viewport{width:100%;min-width:0}.hero-recognition .industry-group span{font-size:13px}.hero-recognition .industry-group{gap:24px;padding-right:24px}.hero-recognition .industry-group span:before{margin-right:24px}
.hero-recognition .trust{background:transparent;border:0;margin-top:15px}.hero-recognition .trust-inner{display:block;width:100%;min-height:0;padding:0}.hero-recognition .trust-label{font-size:10px;margin:0 0 10px;text-align:left;color:var(--muted)}.client-viewport{width:100%;overflow:hidden}.client-track{display:flex;width:max-content;animation:industry-drift 42s linear infinite}.client-group{display:flex;align-items:center;flex-shrink:0;gap:30px;padding-right:30px}.client-group span{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.06em;color:#c7beae}.client-viewport:hover .client-track{animation-play-state:paused}
.hero-proofline{margin-top:22px}
@media(max-width:680px){.hero-recognition{margin-top:24px;padding:15px 0}.hero-recognition .fit-strip{padding:0;min-height:30px}.hero-recognition .industry-group span{font-size:13px}.hero-recognition .trust-label{text-align:left}.hero-media{aspect-ratio:auto}.hero-reel{aspect-ratio:4/3}.hero-reel .hero-video-label,.hero-video-label{padding:14px 2px 0!important}.proof-grid .portrait-poster{aspect-ratio:4/3}.case-feature{padding:18px}.case-feature>img{max-width:100%;max-height:360px;object-fit:contain}.hero-recognition .client-group{gap:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none;width:100%}.client-group{flex-wrap:wrap;padding:0;gap:12px 20px}.client-group[aria-hidden="true"]{display:none}.hero-recognition .industry-group{justify-content:flex-start}.hero-recognition .industry-viewport{overflow:visible}}

/* Keep pending-film placeholders inside the mobile content width. */
@media(max-width:680px){.film-placeholder{box-sizing:border-box;width:100%;min-width:0}}

/* Stationary client recognition beneath the hero actions. */
.hero-recognition .static-clients{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 22px;width:100%;animation:none;transform:none;text-align:left}
.hero-recognition .static-clients span{font-size:14px;line-height:1.6;font-weight:650;letter-spacing:.025em;color:#d1c8ba;white-space:normal}
.hero-recognition .trust-label{font-size:12px;line-height:1.6;margin-bottom:12px}
.hero-proofline{font-size:14px;line-height:1.7;letter-spacing:0;max-width:48ch}
.testimonial-project{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 0}
@media(max-width:680px){.hero-recognition .static-clients{gap:10px 18px}.hero-recognition .static-clients span{font-size:14px}.hero-proofline{margin-top:20px}}
/* Final checklist: genuine photo edges, quieter copy, no mobile overlay. */
.asset-crop{display:block;position:relative;width:100%;aspect-ratio:var(--crop-ratio);overflow:hidden;border-radius:var(--media-radius);isolation:isolate;clip-path:inset(0 round var(--media-radius));flex-shrink:0}
main .asset-crop>img,.hero-reel .asset-crop>img{position:absolute!important;inset:auto!important;left:var(--source-left)!important;top:var(--source-top)!important;width:var(--source-width)!important;height:var(--source-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;border-radius:0!important;transform:none!important;margin:0!important}
.video-thumb>.asset-crop,.work-media>.asset-crop,.case-index-card .media>.asset-crop,.hero-reel>.asset-crop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.work-media,.case-index-card .media{position:relative}
.case-feature>.asset-crop{max-width:980px;margin-inline:auto}.case-feature>.asset-crop:has(img[src*="event-speaker-stage"]){max-width:440px}.about-page-grid .asset-crop{max-width:580px;margin-inline:auto}
.case-index-card .media:has(img[src*="event-speaker-stage"]){max-width:440px;margin-inline:auto}
.section-head:not(:has(>p)){grid-template-columns:minmax(0,1fr)}
.section-head:not(:has(>p))>div{max-width:740px}
.static-clients{animation:none!important;transform:none!important}.static-clients span{display:inline-block}
@media(max-width:680px){
 .mobile-cta{display:none!important}
 .footer{padding-bottom:max(36px,env(safe-area-inset-bottom))}
 .case-feature>.asset-crop{max-width:100%}
 .case-feature>.asset-crop:has(img[src*="event-speaker-stage"]){max-width:340px}
 .section-head{margin-bottom:30px}
 .hero-recognition .static-clients{gap:12px 18px;line-height:1.6}
 .hero-reel .asset-crop{border-radius:var(--media-radius)}
 .contact-grid .actions,.case-project-cta{width:100%}
}

/* October asset review: real identity, confidential EZR work, legible mobile process. */
.brand{display:flex;align-items:center;flex-shrink:0;width:60px;height:60px;overflow:hidden}
.brand .brand-logo{display:block;width:72px;height:72px;max-width:none;object-fit:contain;flex-shrink:0;margin-left:-5px;border-radius:0}
.footer .brand{width:80px;height:80px}.footer .brand .brand-logo{width:92px;height:92px;margin-left:-6px}
.ezr-bts-still{margin:0;min-width:0}.ezr-bts-still img{display:block;width:100%;height:auto;border-radius:var(--media-radius)}
.ezr-bts-still figcaption,.studio-bts-grid figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}
.about-page-grid>div:first-child>img{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:var(--media-radius)}
.studio-bts-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px}.studio-bts-grid figure{margin:0;min-width:0}.studio-bts-grid img{width:100%;height:auto;max-height:none;border-radius:var(--media-radius)}
.confidential-note{max-width:900px}.confidential-note h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}.confidential-note p:last-child{max-width:65ch;color:var(--muted)}
.diana-evidence h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.2}.evidence-intro{max-width:65ch;color:var(--muted)}
.diana-evidence-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr);gap:40px;align-items:start;margin:30px 0}.diana-evidence-grid figure{margin:0;min-width:0}.diana-evidence-grid>figure>img{display:block;width:100%;height:auto;max-height:none;border-radius:var(--media-radius)}.diana-evidence-grid figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:14px}.diana-evidence .fine{max-width:78ch}
.barber-evidence img{height:auto!important;max-height:none!important;width:100%;object-fit:contain!important}.barber-evidence figure{max-width:520px}
#process h2 span{display:block}#process .section-head h2{line-height:1.2;letter-spacing:-.025em}
@media(max-width:980px){
 #process .process-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:26px}
 #process .process-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;row-gap:10px;padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;min-width:0}
 #process .process-grid .num{grid-column:1;grid-row:1;padding-top:3px;line-height:1.5}
 #process .process-grid h3{grid-column:2;grid-row:1;margin:0;font-size:20px;line-height:1.35;min-width:0}
 #process .process-grid p{grid-column:2;grid-row:2;margin:0;font-size:16px;line-height:1.65;min-width:0;max-width:55ch}
}
@media(max-width:680px){
 .brand{width:52px;height:58px}.brand .brand-logo{width:66px;height:66px;margin-left:-5px}
 .studio-bts-grid,.diana-evidence-grid{grid-template-columns:minmax(0,1fr);gap:28px}.studio-bts-grid{margin-top:0}.diana-evidence-grid .reach-evidence{max-width:360px;margin-inline:auto}
 #process .section-head{display:block;margin-bottom:20px}#process .section-head h2{font-size:clamp(25px,7vw,29px)!important;line-height:1.22;max-width:100%;margin-top:12px}#process .eyebrow{line-height:1.6}
 .about-page-grid>div:first-child>img{max-height:460px}.confidential-note h2{font-size:25px}
}

/* Final requested photo corrections: preserve full treatment action and working testimony. */
.inform-action-media{max-width:360px;margin-inline:auto;overflow:hidden;border-radius:var(--media-radius)}
.case-feature.inform-action-media{max-width:none;border-radius:0;overflow:visible}
.case-feature.inform-action-media>.asset-crop{max-width:360px}
.case-index-card .media.inform-action-media{width:100%;max-width:360px}
.tim-testimonial{min-width:0;width:100%;margin:0}.tim-testimonial>.text-link{display:inline-block;margin-top:14px;padding-block:8px}
.tim-feedback-grid{max-width:720px;margin-top:24px}.tim-feedback-grid .film-item{max-width:100%;width:100%}
@media(max-width:680px){.inform-action-media,.case-feature.inform-action-media>.asset-crop,.case-index-card .media.inform-action-media{max-width:300px}.tim-testimonial>.text-link{min-height:44px}}

/* Approved final portfolio mix and fine wordmark. */
.nav .brand,.footer .brand{width:auto;height:auto;overflow:visible;display:flex;align-items:center;gap:10px;font-size:.82rem;letter-spacing:.185em;font-weight:850;flex-shrink:0}
.brand .brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #574e31;border-radius:4px;background:transparent;color:var(--yellow);letter-spacing:-.05em;font-weight:950}
.college-example{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}.college-example-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:center;max-width:900px}.college-example-grid .film-item{width:100%;max-width:340px;grid-column:auto;margin:0}.college-context{max-width:48ch}.college-context h3{font-size:24px;line-height:1.3}.college-context p{color:var(--muted);font-size:16px;line-height:1.7}
@media(max-width:680px){.nav .brand,.footer .brand{font-size:12px;gap:10px}.college-example-grid{grid-template-columns:minmax(0,1fr);gap:20px}.college-example-grid .film-item{max-width:300px;margin-inline:auto}.college-example{margin-top:36px;padding-top:28px}}

/* Direct contact access without covering the work on mobile. */
.header-contact{display:none}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}
.booking-start .contact-actions{margin:0}
.contact-phone{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.contact-phone:hover{color:var(--yellow)}
.header-contact:focus-visible,.contact-phone:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.contact-form .form-note{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.contact-form .optional-brief summary{display:list-item;min-height:44px;padding:10px 0;line-height:1.6}
.form-honeypot{display:none}
.contact-form .form-status{font-size:16px;line-height:1.6;margin:20px 0 0;padding:16px 0;border-top:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}
.contact-form .form-status[data-state="pending"],.contact-form .form-status[data-state="error"]{border-top-color:var(--yellow)}
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}
.inquiry-email-fallback{display:inline-flex;align-items:center;min-height:44px;margin-right:18px;margin-bottom:8px}
@media(max-width:980px){
 .nav .nav-inner{gap:8px}
 .nav .header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-left:auto;padding:8px 13px;border-radius:24px;background:#f4f0e7;color:#17120d;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;flex-shrink:0}
 .nav .header-contact:hover{background:#ffde17}
 .nav .menu-toggle{margin-left:0;min-height:44px;min-width:44px;padding:8px 0;flex-shrink:0}
}
@media(max-width:680px){
 .contact-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .contact-actions>.btn{width:100%}
 .contact .contact-phone{margin-top:4px}
}

/* Final mobile and control pass: preserve the established editorial layout. */
html{scroll-padding-top:calc(var(--nav-height,76px) + 20px)}
section[id],article[id]{scroll-margin-top:0}
.btn{min-height:48px;font-size:14px;line-height:1.5}
.view-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;line-height:1.4}
.text-link{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;line-height:1.5;max-width:100%}
.case-jumps a,.toc a{min-height:44px;font-size:14px;line-height:1.5}
.toc a{display:flex;align-items:center;padding-block:10px}
.contact-form label{font-size:14px;letter-spacing:0}
.contact-details a{min-height:44px;line-height:1.6}
main summary{min-height:44px;line-height:1.6}
.service p,.process-grid p{font-size:16px}
.modal-close,.modal-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;line-height:1.5;font-size:14px}
.footer a:not(.brand){display:inline-flex;align-items:center;min-height:44px;padding-block:8px;max-width:100%}
.bread a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
.comfort-video .portrait-poster{width:100%;margin-inline:auto}
.hero-video-label strong a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:980px){
 .nav .nav-inner{height:auto;min-height:76px;padding-block:10px;flex-wrap:wrap}
 .nav nav{top:100%}
 .nav nav.open{max-height:calc(100dvh - var(--nav-height,76px) - env(safe-area-inset-bottom))}
 .hero,.page-hero,.case-hero,.article-hero,.contact-page{padding-top:calc(var(--nav-height,76px) + 34px)}
}
@media(max-width:680px){
 .nav .nav-inner{min-height:68px}
 .filter-buttons button{font-size:14px;line-height:1.5}
 .case-jumps a{font-size:14px;padding-block:10px}
 .footer-grid{font-size:14px}
 .nav .brand{max-width:100%}
}
@media(max-width:380px){
 .hero .actions{flex-direction:column;align-items:stretch}
 .hero .actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.video-thumb,.work-media img{transition:none}
 .btn:hover{transform:none}
 .industry-group[aria-hidden="true"]{display:none}
}

/* Demo reel uses the source photo's intrinsic height, with equal letterbox trim. */
.work-media img[src*="diana-on-location-"],.case-index-card .media img[src*="diana-on-location-"]{object-position:center 15%}
.hero-reel.rounded-media{aspect-ratio:1200/1030;min-height:0;transform:none}
.hero-reel.rounded-media>img{position:absolute!important;inset:auto!important;left:0!important;top:-8.25243%!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;border-radius:0!important}

/* Selected electrical shoot sample: preserve the full original frame. */
.drew-sample-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px)}
.drew-selected-work .drew-sample-poster{width:100%;aspect-ratio:512/910;max-width:340px;overflow:hidden;border-radius:var(--media-radius,24px)}
.drew-selected-work .drew-sample-poster img{width:100%;height:100%;object-fit:contain!important;display:block}
.drew-sample-copy{max-width:560px}.drew-sample-copy h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15}.drew-sample-copy p{font-size:18px;line-height:1.6}.drew-sample-copy .eyebrow{font-size:14px}.drew-sample-copy .text-link{display:inline-block;margin-top:18px;font-size:16px}
@media(max-width:680px){.drew-sample-grid{grid-template-columns:1fr;gap:28px}.drew-selected-work .drew-sample-poster{justify-self:center;max-width:300px}.drew-sample-copy h2{font-size:28px}}

.contact-dialog{width:min(680px,calc(100vw - 28px));max-width:none;max-height:min(90dvh,900px);padding:0;border:1px solid #514637;border-radius:16px;background:#15110d;color:#f4f0e7;box-shadow:0 24px 80px #000b;overflow:auto}.contact-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.contact-dialog-shell{padding:clamp(20px,4vw,34px)}.contact-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.contact-dialog-head h2{margin:4px 0 8px;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.08;letter-spacing:-.035em}.contact-dialog-head p:not(.eyebrow){color:#c6beb1;margin:0;max-width:48ch}.contact-dialog-close{flex:0 0 auto;width:44px;height:44px;border:1px solid #665b49;background:transparent;color:#f4f0e7;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}.contact-dialog .contact-form{padding:0;background:transparent;border:0}.contact-dialog .contact-form>.eyebrow,.contact-dialog .contact-form>h3{display:none}.contact-dialog .field{margin-top:14px}.contact-dialog .field label{font-size:.78rem}.contact-dialog .field input,.contact-dialog .field select,.contact-dialog .field textarea{padding:12px}.contact-dialog .field textarea{min-height:100px}.contact-dialog .optional-brief{margin-top:14px}.contact-dialog-phone{margin:18px 0 0;color:#c6beb1;font-size:.95rem}.contact-dialog-phone a{color:#f4f0e7;text-underline-offset:3px}.video-text-action{border:0;background:none;padding:0;font:inherit;cursor:pointer}.barbershop-text-card{min-height:210px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:12px;background:#1a1510}.barbershop-text-card h2{margin-top:10px}.barbershop-text-card .text-link{justify-self:start}
@media(max-width:680px){.contact-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.contact-dialog-shell{padding:18px}.contact-dialog-head{gap:10px}.contact-dialog-close{width:40px;height:40px}.contact-dialog .field{margin-top:12px}}

/* Compact supporting work cards */
.more-work-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:920px}.more-work .more-work-pair .case-index-card{display:block;max-width:none;margin:0;padding:0;border:0}.more-work-pair .media{aspect-ratio:16/10;max-height:240px;overflow:hidden}.more-work-pair .media img{width:100%;height:100%;object-fit:cover}.more-work-pair a:last-child .media img{object-position:50% 27%}.more-work-pair h2{font-size:clamp(1.4rem,2.2vw,1.85rem)}.evana-film-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.evana-film-layout figure{margin:0}.evana-film{display:block;width:100%;max-width:380px;max-height:680px;margin:auto;background:#090909;border-radius:18px}.evana-film-layout figcaption{margin:14px auto 0;max-width:380px;font-size:15px;color:var(--muted)}@media(max-width:680px){.more-work-pair,.evana-film-layout{grid-template-columns:1fr;gap:32px}.more-work-pair .media{max-height:210px}.evana-film{max-height:70vh}.more-work-pair h2{margin-top:10px}}

.filterable-work .case-index-card[hidden],section[hidden]{display:none!important}.evana-bts{max-width:280px;margin:24px 0 0}.evana-bts img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:16px}.evana-bts figcaption{font-size:15px;color:var(--muted);line-height:1.5;margin-top:12px}.evana-film img{width:100%;height:auto;display:block}

/* Evana: preserve full portrait framing at restrained display sizes. */
.more-work-pair a[href*="evana"] .media img,.filter-only-card .media img{object-fit:contain!important;object-position:center!important;background:#100e0b}.filter-only-card .media{height:280px!important;aspect-ratio:auto!important;max-width:440px}.evana-film{max-width:280px!important;max-height:none!important;aspect-ratio:9/16!important}.evana-film img{object-fit:contain!important;object-position:center!important}.evana-bts{max-width:260px}.evana-bts img{max-height:400px}.evana-film-layout{gap:32px}@media(max-width:680px){.evana-film{max-width:250px!important}.evana-bts{max-width:230px}.evana-bts img{max-height:360px}.filter-only-card .media{height:230px!important}.evana-film-layout{gap:24px}}
/* Keep insight cards readable on hover in the dark Studio theme. */
.insight-card:hover{background:#1b160f;color:var(--ink);}
.insight-card:hover h2,.insight-card:hover h2 a,.insight-card:hover p,.insight-card:hover .tag,.insight-card:hover .text-link{color:var(--ink);}
.insight-card:hover .text-link{border-color:var(--ink);}