*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 var(--display);-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.container{width:min(1320px,90%);margin-inline:auto}.comparison{display:flex;justify-content:space-between;gap:12px;background:var(--ink);color:white;padding:8px 5%;font:11px/1.5 var(--mono)}.comparison a{display:flex;align-items:center;gap:8px;text-decoration:none}.comparison svg{width:14px;height:14px}.header{border-bottom:1px solid var(--line)}.navigation{display:flex;align-items:center;gap:30px;padding-block:22px}.navigation .logo{margin-right:auto}.navigation .logo .word{font-size:1.6rem}.navigation .logo .tl{font-size:.68rem}.navigation .logo svg{width:28px;height:28px}.navigation nav{display:flex;gap:26px}.navigation a:not(.logo){font-size:13px;text-decoration:none;font-weight:500}.navigation nav a:hover,.login:hover{color:var(--orange)}.login{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:999px;background:var(--orange);color:var(--ink);padding:17px 26px;font-weight:600;text-decoration:none;transition:background .2s}.button:hover{background:#ff9b48}.small-button{padding:13px 20px;gap:20px}.hero{padding-top:70px}.hero-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.eyebrow{font:500 11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.11em;margin:0 0 24px;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(42px,4.5vw,70px);margin-bottom:0}h1 span{color:var(--orange)}h2{font-size:clamp(34px,3.5vw,52px);margin-bottom:24px}h3{font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.3;margin-bottom:12px}p{color:#5d6065}.hero-copy{max-width:340px;padding-bottom:5px}.hero-copy p{font-size:16px;line-height:1.75}.text-link{display:inline-flex;gap:24px;align-items:center;text-decoration:none;font-size:14px;font-weight:600;border-bottom:1px solid var(--line);padding:10px 0}.text-link:hover{border-color:var(--orange)}.hero-photo{position:relative;overflow:hidden;border-radius:4px}.hero-photo>img{height:520px;object-fit:cover;object-position:center 54%}.photo-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:15px;text-shadow:0 1px 5px #0009}.hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}.photo-caption{z-index:1}.photo-caption a{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:white;color:var(--ink)}.service-strip{display:flex;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line);font-size:12px}.service-strip span{font-weight:600}.service-strip p{margin:0}.service-strip b{color:var(--orange);padding:0 14px;font-weight:400}.section{padding-block:100px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro .eyebrow{padding-top:10px}.intro .lead{max-width:650px;font-size:18px}.editorial{display:grid;grid-template-columns:1.15fr 1fr;background:#f6f5f1}.editorial>img{height:100%;min-height:470px;object-fit:cover}.editorial-copy{align-self:center;padding:60px}.editorial-copy p:not(.eyebrow){max-width:380px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:280px;margin-bottom:0}.service-rows{border-top:1px solid var(--ink)}.service-rows article{display:grid;grid-template-columns:50px 1fr 1.2fr 24px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.service-rows p,.service-rows h3{margin:0}.service-rows p{font-size:14px}.number{font:12px var(--mono);color:var(--orange);padding-top:6px}.service-rows svg{color:var(--orange)}.story-band{background:#f6f5f1;padding-block:90px}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.stories img{aspect-ratio:1.2;object-fit:cover;margin-bottom:28px}.stories .eyebrow{margin-bottom:12px}.stories p:not(.eyebrow){font-size:14px;max-width:340px}.process,.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:26px 0}.process li:first-child{padding-top:0}.process li>span{font:12px var(--mono);color:var(--orange);padding-top:6px}.process li p{font-size:14px;margin-bottom:0}.faq{padding-top:0}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500;padding-right:16px}.faq details p{font-size:14px;margin:20px 0 0}.contact{background:var(--orange-tint);padding:65px;text-align:center;border-radius:4px}.contact h2{font-size:clamp(38px,4vw,60px)}.contact .button{margin-top:12px}.contact .contact-note{font-size:12px;margin:25px 0 0}.footer{display:flex;gap:50px;align-items:center;justify-content:space-between;padding-block:55px}.footer p,.footer>a{font-size:12px}.footer p{margin:0 auto 0 0}.footer>a{display:flex;gap:12px;align-items:center;text-decoration:none}.footer .logo{transform:scale(.8);transform-origin:left center}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:12px}
@media(max-width:1000px){.navigation{gap:20px}.navigation nav{gap:16px}.header-cta{display:none}.hero{padding-top:45px}.hero-intro{gap:30px;grid-template-columns:1.5fr 1fr}.hero-copy p{font-size:14px}.hero-photo>img{height:410px}.section{padding-block:70px}.editorial-copy{padding:30px}.editorial>img{min-height:430px}.process,.faq{gap:50px}.service-strip b{padding:0 6px}.stories{gap:20px}.service-rows article{gap:20px}.faq{padding-top:0}.footer{gap:15px}}
@media(max-width:650px){.comparison{font-size:9px}.navigation{flex-wrap:wrap;gap:15px;padding-block:18px}.navigation nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.navigation .logo .word{font-size:1.4rem}.hero-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.hero{padding-top:38px}.hero-copy{max-width:100%}.hero-copy p{font-size:16px}.hero-photo>img{height:350px;object-position:62% center}.photo-caption{left:16px;right:16px;font-size:12px}.service-strip{flex-direction:column;gap:8px;font-size:11px}.service-strip b{padding:0 3px}.section{padding-block:58px}.intro{grid-template-columns:1fr;gap:0}.intro .lead{font-size:16px}.editorial{grid-template-columns:1fr}.editorial>img{height:300px;min-height:0}.editorial-copy{padding:35px 25px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.service-rows article{grid-template-columns:28px 1fr 20px;gap:12px;padding:24px 0}.service-rows article p{grid-column:2;grid-row:2}.service-rows article svg{grid-column:3;grid-row:1}.stories{grid-template-columns:1fr;gap:30px}.stories img{aspect-ratio:1.5;margin-bottom:20px}.story-band{padding-block:55px}.process,.faq{grid-template-columns:1fr;gap:30px}.faq{padding-top:0}.contact{padding:42px 22px}.footer{flex-wrap:wrap;gap:20px;padding-block:35px}.footer .logo{transform:none}.footer .logo .word{font-size:1.4rem}.footer .logo .tl{font-size:.65rem}.footer>a{width:100%;border-top:1px solid var(--line);padding-top:20px}.footer p{margin:0 0 0 auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Variation 2: cinematic hero, split service index, horizontal process. */
[hidden]{display:none!important}.comparison{justify-content:flex-end}.comparison>span{margin-right:auto}.comparison a{margin-left:20px}.cinema{position:relative;background:#24262a;color:white;min-height:680px;display:flex;flex-direction:column;justify-content:center}.slides,.cinema-shade{position:absolute;inset:0}.slide{height:100%;width:100%;object-fit:cover;object-position:center 55%}.cinema-shade{background:linear-gradient(90deg,rgba(15,18,20,.83),rgba(15,18,20,.52) 48%,rgba(15,18,20,.09)),linear-gradient(0deg,#15171980,transparent 35%)}.cinema-content{position:relative;padding-block:70px 110px}.cinema .eyebrow{color:var(--orange)}.cinema h1{font-size:clamp(48px,5.7vw,86px);letter-spacing:-.055em;max-width:780px;font-weight:500}.cinema h1 span{color:var(--orange)}.cinema-description{color:#fff;font-size:17px;line-height:1.7;margin-top:26px;margin-bottom:30px}.carousel-bottom{position:absolute;bottom:28px;left:5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.carousel-bottom>a{display:flex;align-items:center;gap:22px;text-decoration:none;font-size:13px}.carousel-controls{display:flex;align-items:center;gap:18px}.carousel-controls button{display:grid;place-items:center;background:transparent;border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;color:white}.carousel-controls button:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}#slide-position{font:11px var(--mono);min-width:150px;text-align:center}.connection-strip{background:var(--orange);color:var(--ink)}.connection-strip>.container{display:flex;justify-content:space-between;gap:24px;padding-block:23px;font-size:13px}.connection-strip p{color:var(--ink);margin:0}.connection-strip span{font-weight:600}.connection-strip b{margin-inline:17px;font-weight:400}.intro{grid-template-columns:1fr 1.8fr;padding-block:100px}.intro h2{max-width:700px}.intro .lead{margin-bottom:0}#services{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding-top:10px}#services .section-heading{display:block;margin:0}#services .section-heading>p{margin-top:25px}.service-rows article{grid-template-columns:26px 1fr 24px;gap:12px;padding-block:24px}.service-rows article p{grid-column:2;grid-row:2;max-width:460px}.service-rows article svg{grid-column:3;grid-row:1}.story-band{background:#24262a;color:white;padding-block:80px}.story-band p:not(.eyebrow){color:#c4c5c7}.story-band .section-heading{margin-bottom:45px}.stories img{aspect-ratio:1.12}.video-section{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center;padding-block:100px}.video-poster{position:relative}.video-poster img{aspect-ratio:1.25;object-fit:cover}.film-label{position:absolute;bottom:24px;left:24px;display:flex;gap:14px;align-items:center;background:white;border-radius:999px;padding:14px 22px;font-size:12px}.film-label svg{color:var(--orange)}.video-copy>p{max-width:350px}.film-note{font-size:12px;border-left:3px solid var(--orange);padding-left:14px}.process{display:block}.process>div{display:flex;align-items:end;flex-wrap:wrap;justify-content:space-between}.process>div>.eyebrow{width:100%}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px;border-top:1px solid var(--line);padding-top:30px}.process li,.process li:first-child{border:0;padding:0;display:block}.process li>span{display:block;margin-bottom:20px}.contact{background:var(--ink);color:white;width:100%;border-radius:0;padding-block:75px}.contact>p:not(.eyebrow){color:#ddd}.contact .contact-note{color:#ddd}.footer{padding-block:40px}
@media(max-width:1000px){.cinema{min-height:650px}.cinema-content{padding-top:55px}.cinema h1{font-size:60px}#services{gap:35px;grid-template-columns:1fr 1.25fr}.video-section{gap:35px}.process ol{gap:24px}.connection-strip b{margin-inline:8px}}
@media(max-width:650px){.comparison a{margin-left:8px}.cinema{min-height:690px}.cinema h1{font-size:48px}.cinema-content{padding-block:40px 140px}.cinema-description{font-size:15px}.cinema-description br{display:none}.cinema-shade{background:linear-gradient(90deg,#151719dd,#15171980)}.slide{object-position:62% center}.carousel-bottom{align-items:flex-start;flex-direction:column;gap:22px;bottom:24px}.carousel-controls{gap:12px}#slide-position{min-width:160px}.connection-strip>.container{flex-direction:column;gap:8px}.connection-strip b{margin-inline:10px}.intro{grid-template-columns:1fr;padding-block:58px}#services{display:block;padding-top:0}#services .section-heading{margin-bottom:30px}.story-band{padding-block:55px}.stories img{aspect-ratio:1.5}.video-section{grid-template-columns:1fr;padding-block:58px;gap:30px}.video-poster img{aspect-ratio:1.3}.process ol{grid-template-columns:1fr;gap:28px}.process li{display:flex;gap:24px}.contact{padding-inline:5%}.cinema .button{padding:14px 22px}}
.navigation .logo .tl,.footer .logo .tl{font-size:.88rem}
.carousel-ready .slide{position:absolute;inset:0;opacity:0;transition:opacity 900ms ease}.carousel-ready .slide.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.carousel-ready .slide{transition:none}}@media(max-width:650px){.carousel-controls{gap:8px}#slide-position{min-width:140px}}
.label-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-bottom:90px}.label-feature figure{margin:0}.label-feature img{height:auto;border-radius:4px}.label-feature figcaption{font-size:11px;color:var(--slate);margin-top:10px}.label-feature p:not(.eyebrow){max-width:420px}@media(max-width:650px){.label-feature{grid-template-columns:1fr;gap:28px;padding-bottom:55px}}
.site-footer{background:#1c1e21;color:white;border-top:1px solid #ffffff24;padding:65px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-bottom:55px}.footer-brand .logo{align-items:center}.footer-brand .logo .tl{color:#c4c5c7;font-size:.88rem}.footer-brand>p{color:#bfc1c4;font-size:14px;max-width:300px;margin:25px 0}.footer-brand .button{font-size:13px;padding:14px 20px;gap:18px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:10px}.footer-columns h3{color:var(--orange);font:500 11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.07em;margin:0 0 24px}.footer-columns a{display:flex;align-items:center;gap:8px;color:#dedfe0;text-decoration:none;font-size:13px;line-height:1.5;padding:7px 0}.footer-columns a:hover,.footer-bottom a:hover{color:var(--orange)}.footer-columns svg,.footer-bottom svg{width:15px;height:15px}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-bottom p{font-size:11px;color:#bfc1c4;margin:0}.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a{display:flex;align-items:center;gap:8px;font-size:11px;color:#bfc1c4;text-decoration:none}@media(max-width:1000px){.footer-main{grid-template-columns:1fr;gap:40px}.footer-brand{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.footer-brand .logo{justify-self:start}.footer-brand>p{margin:0}.footer-brand .button{justify-self:start}.footer-bottom{align-items:center;flex-direction:row}}@media(max-width:550px){.site-footer{padding-top:45px}.footer-brand{display:block}.footer-brand>p{margin:22px 0}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-columns h3{margin-bottom:12px}.footer-bottom nav{gap:18px}}
.site-footer{background:var(--white);color:var(--ink);border-top:1px solid var(--line)}.footer-brand .logo .tl,.footer-brand>p,.footer-bottom p,.footer-bottom a{color:var(--slate)}.footer-columns a{color:var(--charcoal)}.footer-bottom{border-top-color:var(--line)}
@media(min-width:651px){.footer-columns h3{font-size:12.5px}.footer-columns a{font-size:13.5px}}
@media(min-width:651px){.footer-bottom p{font-size:12px}}


.navigation a:not(.logo){font-size:15.5px}

.cinema-description{max-width:610px}
.partners-section{padding:65px 0 40px;border-bottom:1px solid var(--line);overflow:hidden}.partners-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.partners-heading h2{font-size:clamp(26px,3vw,38px);margin-bottom:0}.partners-heading .eyebrow{margin-bottom:14px}.partner-motion{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);padding:10px 16px;font-size:12px}.partner-motion svg{width:15px;height:15px}.partners-window{overflow:hidden;margin-top:35px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.partners-track{display:flex;width:max-content;animation:partner-scroll 81s linear infinite}.partners-track ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-shrink:0}.partners-track li{width:210px;height:100px;display:flex;align-items:center;justify-content:center}.partner-crop{position:relative;display:block;width:calc(var(--crop-w)*1px);height:56px;overflow:hidden}.partner-crop img{position:absolute;left:calc(var(--crop-x)*-1px);top:0;width:2335px!important;max-width:none;height:56px;filter:grayscale(1)}.partners-section.is-paused .partners-track{animation-play-state:paused}.partners-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.partners-note p{font-size:13px;max-width:620px;margin:0}.partners-note a{white-space:nowrap;font-size:13px}@keyframes partner-scroll{to{transform:translateX(-50%)}}@media(max-width:650px){.partners-section{padding-top:45px}.partners-heading{align-items:flex-start}.partners-heading h2{font-size:28px}.partners-note{display:block}.partners-track li{width:190px}.partners-note a{margin-top:12px}}@media(prefers-reduced-motion:reduce){.partners-track{animation:none}.partners-track ul[aria-hidden=true]{display:none}.partners-window{overflow-x:auto;mask-image:none}}
.partners-heading{justify-content:center;text-align:center}
.cinema .eyebrow{font-size:11.5px}
.eyebrow{font-size:11.5px}.cinema .eyebrow{font-size:12px}
.carousel-bottom{justify-content:center;align-items:center}.carousel-bottom>a{font-size:15px}
.carousel-bottom{bottom:58px}@media(max-width:650px){.carousel-bottom{bottom:54px}}
.cinema-content>h1,.cinema-content>.cinema-description{position:relative;top:12px}
.contact{width:min(1320px,90%);background:white;color:var(--ink);padding:70px 0;display:grid;grid-template-columns:1.7fr 1fr;gap:45px;align-items:center;text-align:left;border-top:1px solid var(--line)}.contact h2{font-size:clamp(32px,3.5vw,50px)}.contact>div>p:not(.eyebrow){color:var(--slate)}.contact .contact-note{color:var(--slate);font-size:12px}.contact-actions{text-align:center}.contact .button{margin-top:0}@media(max-width:650px){.contact{grid-template-columns:1fr;gap:24px;padding:48px 0}.contact-actions{text-align:left}}
.contact .contact-note{font-size:15px}
.contact{width:100%;background:var(--ink);color:white;padding:70px max(5%,calc((100% - 1320px)/2));border-top:0}.contact>div>p:not(.eyebrow),.contact .contact-note{color:#ddd}@media(max-width:650px){.contact{padding:48px 5%}}
.hero-divider{height:6px;background:var(--orange)}
.cinema h1{font-size:clamp(45.6px,5.415vw,81.7px)}@media(max-width:1000px){.cinema h1{font-size:57px}}@media(max-width:650px){.cinema h1{font-size:45.6px}}

/* FAQ stands on its own after removing the getting-started section. */
.faq{margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}
.faq details:first-child{border-top:0;padding-top:0}
@media(max-width:650px){.faq{margin-top:58px;padding-top:45px}}

/* Brand-focused approach with the existing studio photograph. */
#approach{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}#approach .approach-image{aspect-ratio:1.15;object-fit:cover}#approach .eyebrow{padding-top:0}#approach .lead{font-size:16px}
@media(max-width:1000px){#approach{gap:35px}}
@media(max-width:650px){#approach{grid-template-columns:1fr;gap:30px}#approach .approach-image{aspect-ratio:1.5}}

.video-poster video{display:block;width:100%;height:auto;background:var(--ink);border-radius:4px}

/* Give the film more emphasis than the supporting copy. */
.video-section{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:45px}
@media(max-width:1000px){.video-section{gap:30px}}
@media(max-width:650px){.video-section{grid-template-columns:1fr}}

/* Footer readability: another half-pixel increase. */
.footer-brand .logo .tl{font-size:calc(.88rem + .5px)}.footer-brand>p{font-size:14.5px}.footer-brand .button{font-size:13.5px}.footer-columns h3{font-size:12.5px}.footer-columns a{font-size:13.5px}.footer-bottom p{font-size:11.5px}
@media(min-width:651px){.footer-columns h3{font-size:13px}.footer-columns a{font-size:14px}.footer-bottom p{font-size:12.5px}}

.footer-bottom p{font-size:12.5px}@media(min-width:651px){.footer-bottom p{font-size:13.5px}}
.footer-bottom a{font-size:13px}

/* Readable orange section labels throughout version 2. */
main .eyebrow{font-size:14px}
.eyebrow{font-size:14px}

/* Service icons replace the numbered column. */
.service-rows article{grid-template-columns:26px minmax(0,1fr)}.service-rows article svg{grid-column:1;grid-row:1;width:22px;height:22px;margin-top:3px}.service-rows article h3{grid-column:2;grid-row:1}.service-rows article p{grid-column:2;grid-row:2}

/* Keep the footer return link aligned right in stacked layouts too. */
.footer-bottom nav{margin-left:auto}

.footer-bottom nav{flex-shrink:0}

.video-poster{position:relative}
.video-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:82px;height:82px;padding:0;border:1px solid #ffffff99;border-radius:50%;background:rgba(0,0,0,.32);color:white;backdrop-filter:blur(3px);cursor:pointer;box-shadow:0 4px 24px #0003}
.video-play-overlay svg{width:32px;height:32px;fill:currentColor;margin-left:4px}
.video-play-overlay:hover{background:rgba(0,0,0,.42)}
.video-play-overlay:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.video-play-overlay[hidden]{display:none}

.mobile-menu-toggle{display:none}
@media(max-width:650px){
 .navigation.menu-ready .mobile-menu-toggle{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);margin-left:auto}
 .navigation.menu-ready nav,.navigation.menu-ready>.login,.navigation.menu-ready>.header-cta{display:none}
 .navigation.menu-ready.menu-open nav{display:flex;flex-direction:column;gap:0;order:3;width:100%;align-items:stretch}
 .navigation.menu-ready.menu-open nav a{padding:14px 0}
 .navigation.menu-ready.menu-open>.login{display:flex;order:4;width:100%;padding:12px 0}
 .navigation.menu-ready.menu-open>.header-cta{display:inline-flex;order:5;margin-bottom:8px}
 .navigation.menu-open .mobile-menu-toggle{background:var(--orange-tint);border-color:var(--orange)}
}

@media(min-width:651px){.navigation>.header-cta{display:inline-flex;white-space:nowrap}.navigation>.login{white-space:nowrap}}
@media(min-width:651px) and (max-width:1000px){.navigation{gap:14px}.navigation nav{gap:14px}.navigation nav a{white-space:nowrap}.navigation .brand-logo-image{max-width:145px}.navigation .small-button{padding:12px 16px;gap:10px}}
@media(min-width:651px) and (max-width:1000px){.navigation{flex-wrap:wrap;row-gap:16px}.navigation nav{order:4;width:100%;justify-content:center;gap:26px}.navigation .logo{margin-right:auto}}

/* Align desktop links with the wordmark rather than the full logo artwork. */
@media(min-width:1001px){.navigation>nav,.navigation>.login,.navigation>.header-cta{transform:translateY(10px)}}

/* Keep the player visible against the page when the final frame is white. */
.video-section .video-poster video{border:1px solid #5d6065}

/* Requested half-pixel increase for the main footer copy and columns. */
.site-footer .footer-brand .logo .tl{font-size:calc(.88rem + 1px)}.site-footer .footer-brand>p{font-size:15px}.site-footer .footer-brand .button{font-size:14px}.site-footer .footer-columns h3{font-size:13px}.site-footer .footer-columns a{font-size:14px}
@media(min-width:651px){.site-footer .footer-columns h3{font-size:13.5px}.site-footer .footer-columns a{font-size:14.5px}}

/* Footer text refinement; preserve the copyright/return-link row. */
.site-footer .footer-brand .logo .tl{font-size:calc(.88rem + 2px)}.site-footer .footer-brand>p{font-size:16px}.site-footer .footer-brand .button{font-size:15px}.site-footer .footer-columns h3{font-size:14px}.site-footer .footer-columns a{font-size:15px}.site-footer .footer-bottom p{font-size:calc(13px + 1pt)}.site-footer .footer-bottom a{font-size:13.5px}.site-footer .footer-bottom{flex-direction:row;justify-content:space-between}.site-footer .footer-bottom nav{margin-left:auto;flex-shrink:0}
@media(min-width:651px){.site-footer .footer-columns h3{font-size:14.5px}.site-footer .footer-columns a{font-size:15.5px}.site-footer .footer-bottom p{font-size:calc(14px + 1pt)}}

/* Homepage copy: requested 0.5px readability increase; preserve layout. */
#main:has(>.cinema) .cinema-description{font-size:17.5px}
#main:has(>.cinema) .carousel-bottom>a{font-size:16px}
#main:has(>.cinema) #approach .lead{font-size:16.5px}
#main:has(>.cinema) .service-rows h3,#main:has(>.cinema) .stories h3{font-size:21.5px}
#main:has(>.cinema) .service-rows p,#main:has(>.cinema) .stories p{font-size:14.5px}
#main:has(>.cinema) .label-feature>div>p:not(.eyebrow),#main:has(>.cinema) .video-copy>p:not(.eyebrow),#main:has(>.cinema) .contact>div>p:not(.eyebrow):not(.contact-note){font-size:16.5px}
#main:has(>.cinema) .label-feature .text-link,#main:has(>.cinema) .video-copy .text-link{font-size:14.5px}
#main:has(>.cinema) .contact .contact-note{font-size:15.5px}
@media(max-width:650px){#main:has(>.cinema) .cinema-description{font-size:15.5px}}

/* Larger centered play target; player size and playback remain unchanged. */
.video-play-overlay{width:clamp(64px,20%,110px);height:auto;aspect-ratio:1}
.video-play-overlay svg{width:38%;height:38%}


/* Slightly larger shared header logo, preserving aspect ratio. */
.navigation .logo .brand-logo-image{width:210px}
@media(min-width:651px) and (max-width:1000px){.navigation .logo .brand-logo-image{width:160px;max-width:160px}}
@media(max-width:650px){.navigation .logo .brand-logo-image{width:176px}}

/* Shared header enlargement: logo/tagline +15%, desktop links +1pt. */
.navigation .logo .brand-logo-image{width:241.5px}
.navigation .logo .tl{font-size:1.012rem}
@media(min-width:1001px){.navigation a:not(.logo){font-size:calc(15.5px + 1pt)}}
@media(min-width:651px) and (max-width:1000px){.navigation .logo .brand-logo-image{width:184px;max-width:184px}}
@media(max-width:650px){.navigation .logo .brand-logo-image{width:202.4px}}
@media(min-width:1001px) and (max-width:1250px){.navigation{flex-wrap:wrap;row-gap:16px}.navigation nav{order:4;width:100%;justify-content:center}.navigation>nav,.navigation>.login,.navigation>.header-cta{transform:none}}

.footer-social{display:flex;align-items:center;gap:10px;padding:18px 0}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;border:1px solid #dedbd6;border-radius:50%;color:#333;text-decoration:none;background:#fff}
.footer-social a:hover{border-color:#F28123;background:#fff5ec;color:#b95710}
.footer-social svg{width:30px;height:30px;stroke-width:1.7}
.contact-footer>.footer-social{flex-basis:100%;justify-content:flex-end;padding:0}

.contact-footer{flex-wrap:wrap}

.footer-columns .footer-social{display:flex;flex-wrap:nowrap;gap:8px;padding:0;width:max-content}.footer-columns .footer-social a{display:inline-flex;flex:none;margin:0;width:60px;height:60px;padding:0}

.faq-page{max-width:1000px;padding-bottom:80px}.faq-page>.eyebrow{margin-top:35px}.faq-page>.partner-lead{max-width:760px;margin-top:24px}.faq-answers{margin:40px 0}.faq-answers details{border-top:1px solid var(--line);padding:22px 0}.faq-answers details:last-child{border-bottom:1px solid var(--line)}.faq-answers summary{cursor:pointer;font-weight:600}.faq-answers details p{margin:18px 0 0;max-width:780px}.faq-more h2{font-size:30px;margin-top:35px}

/* Mobile homepage readability: +2.5pt (3.333px), desktop unchanged. */
@media(max-width:650px){
#main:has(>.cinema) .cinema-description{font-size:calc(17.5px + 1pt)}
#main:has(>.cinema) #approach .lead{font-size:calc(18.5px + 1pt)}
#main:has(>.cinema) #services .section-heading>p{font-size:calc(18px + 1pt)}
#main:has(>.cinema) .service-rows p,#main:has(>.cinema) .stories p{font-size:calc(16.5px + 1pt)}
#main:has(>.cinema) .label-feature>div>p:not(.eyebrow),#main:has(>.cinema) .video-copy>p:not(.eyebrow),#main:has(>.cinema) .contact>div>p:not(.eyebrow):not(.contact-note){font-size:calc(18.5px + 1pt)}
#main:has(>.cinema) .label-feature .text-link{font-size:calc(16.5px + 1pt)}
.site-footer .footer-brand>p{font-size:calc(18px + 1pt)}
.site-footer .footer-bottom p{font-size:calc(15px + 2pt)}
}

/* Homepage footer: +1pt on mobile column links and headings only. */
@media(max-width:650px){
.site-footer .footer-columns h3{font-size:calc(14px + 1pt)}
.site-footer .footer-columns a{font-size:calc(15px + 1pt)}
}

@media(max-width:650px){.navigation .mobile-menu-toggle svg{width:28px;height:28px}}

/* Keep the enlarged social buttons together at every footer breakpoint. */
@media(min-width:551px){.footer-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 264px}}
@media(max-width:550px){.footer-columns>div:has(.footer-social){grid-column:1 / -1}}
/* Align the closing homepage CTA by content row, not by whole-column height. */
@media(min-width:651px){
 #main:has(>.cinema)>.contact{row-gap:0}
 #main:has(>.cinema)>.contact>div{display:contents}
 #main:has(>.cinema)>.contact .eyebrow{grid-column:1;grid-row:1;margin:0 0 24px}
 #main:has(>.cinema)>.contact h2{grid-column:1;grid-row:2;margin:0;align-self:start}
 #main:has(>.cinema)>.contact>div>p:not(.eyebrow):not(.contact-note){grid-column:1;grid-row:3;margin:24px 0 0}
 #main:has(>.cinema)>.contact .button{grid-column:2;grid-row:2;justify-self:center;align-self:center}
 #main:has(>.cinema)>.contact .contact-note{grid-column:2;grid-row:3;margin:24px 0 0;text-align:center}
}

/* One typography and heading gap for public section labels. */
#main p.eyebrow{font-size:14.5px;line-height:1.6;margin-bottom:24px}

/* Homepage retailer finder */
.retailer-finder{margin-top:24px;max-width:760px}
.retailer-search-row{display:flex;align-items:center;gap:12px}
.retailer-search-row label{font-size:15px;font-weight:500;white-space:nowrap}
.retailer-search-row input{flex:1;min-width:0;padding:11px 16px;border:1px solid #aaa;border-radius:24px;font:inherit;font-size:14px;background:#fff;color:#202020}
.retailer-search-row .button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:#F28123;color:#202020;border:0;cursor:pointer}
.retailer-search-row .button svg{width:19px;height:19px}
.retailer-search-row input:focus-visible,.retailer-finder a:focus-visible,.retailer-search-row button:focus-visible{outline:3px solid #F28123;outline-offset:3px}
#retailer-results{list-style:none;padding:0;margin:8px 0 0;border:1px solid #ddd;border-radius:12px;max-height:240px;overflow:auto;text-align:left}
#retailer-results li+li{border-top:1px solid #eee}#retailer-results a{display:block;padding:12px 16px;color:#0066cc;text-align:center;text-decoration:underline;text-underline-offset:3px;background:#f4f4f4}#retailer-results a:hover{background:#e8e8e8;color:#004c99}
#retailer-search-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#retailer-no-match{font-size:14px;margin:12px 0 0;text-align:center}
@media(max-width:480px){.retailer-search-row{gap:8px;flex-wrap:wrap}.retailer-search-row label{flex-basis:100%}.retailer-search-row input{width:0}}

/* Keep the expanded Pricing / quote navigation on one line at compact desktop widths. */
@media(min-width:1001px) and (max-width:1350px){.navigation{gap:18px}.navigation nav{gap:16px}.navigation nav a{white-space:nowrap}.navigation .brand-logo-image{max-width:190px}.navigation .small-button{padding:12px 16px}}
