/* Refinements shared by the studio homepage and regional service page. */
:root{--premium-line:#b7c9e126;--premium-muted:#bac5d3}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a6c6ff;outline-offset:5px}
.button{background:linear-gradient(125deg,#faf9f5,#cdd8e9);color:#121b29;border:1px solid #edf1f9;box-shadow:inset 0 1px #fff}
.button:hover{background:#fff;color:#121b29}
#home{background:radial-gradient(ellipse at 82% 45%,#24477d52,transparent 53%),linear-gradient(125deg,#20252e,#0b1019 68%)}
#home .hero-layout{grid-template-columns:1fr 1.13fr;gap:48px;padding-block:76px 52px;min-height:640px}
#home .hero-copy h1{font-size:clamp(36px,4.3vw,68px)}
#home .hero-sub{font-size:17px;max-width:370px}
#home .hero-location{font-size:11px;line-height:1.7;color:#aab9ce;max-width:390px;margin:20px 0 0}
#home .hero-location a{color:#d4e1f5;text-decoration:underline;text-underline-offset:4px}
.hero-workstage{padding:0;max-width:640px;width:100%;position:relative}
.hero-workstage::after{content:'';position:absolute;pointer-events:none;inset:-20px;border:1px solid #bed4ff12;border-radius:4px;z-index:-1}
.hero-project{border-color:#c6d8f12b;box-shadow:0 28px 70px #0005}
.hero-project-main,.studio-moving .hero-project-main{transform:none;animation:none}
.hero-project-main .hero-project-caption{padding:17px 20px;background:linear-gradient(100deg,#192336,#0c111b)}
.hero-project-main .hero-project-caption small{margin-top:5px}
.hero-project-main img{aspect-ratio:1.6;object-position:50% 0%}
.hero-client-pair{width:100%;margin:16px 0 0;gap:16px}
.hero-client-pair .hero-project:first-child,.hero-client-pair .hero-project:last-child{transform:none}
.hero-client-pair .hero-project-window{height:100px}
.hero-client-pair .hero-project img{height:100%;object-fit:cover;object-position:top}
.hero-client-pair .hero-project-caption{padding:11px 13px;font-size:9px}
.hero-client-pair .hero-project-caption small{font-size:8px}
.studio-moving .hero-project-main img{animation:portfolio-breathe 14s ease-in-out infinite alternate}
@keyframes portfolio-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
.studio-hero-bottom{padding-block:22px;align-items:center}
.studio-hero-bottom p{font-size:10px}
.featured-experience{padding-top:110px}
.featured-experience .cinematic-preview{border:1px solid #e9e9e321;box-shadow:0 30px 80px #0005}
.featured-experience .preview-overlay{background:linear-gradient(0deg,#05090ec7,#05090e08 90%)}
.experience-credits{display:flex;gap:24px;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--premium-line);color:#b9c5d6;font-size:11px;line-height:1.7}
.experience-credits span:first-child{color:#eff1f3}.experience-credits b{font-weight:400;color:#8598b6;margin-right:12px}
.perception-section{padding-block:110px}
.craft-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:48px}
.craft-intro h2{max-width:750px;font-size:clamp(34px,4.2vw,62px)}
.craft-intro>p{font-size:15px;line-height:1.85;color:var(--premium-muted);padding-bottom:5px}
.craft-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:center}
.craft-stage{margin:0;background:radial-gradient(ellipse at 20% 0%,#6c738447,transparent 70%),#131a24;border:1px solid var(--premium-line);padding:28px 28px 0;min-width:0;position:relative;overflow:hidden}
.craft-stage-top{display:flex;justify-content:space-between;margin-bottom:24px;font-size:9px;letter-spacing:.14em;color:#b5c5d8}
.craft-image-window{aspect-ratio:1.4;overflow:hidden;background:#080c13;box-shadow:0 10px 40px #0004}
.craft-image-window img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.craft-stage figcaption{font-size:12px;line-height:1.7;padding:20px 0;color:#d2dce8;min-height:62px}
.craft-options{display:grid}
.craft-choice{display:grid;grid-template-columns:32px 1fr;gap:18px;text-align:left;border:0;border-top:1px solid var(--premium-line);padding:25px 12px;background:transparent;color:inherit;cursor:pointer;transition:background .3s}
.craft-choice>span:first-child{font-size:11px;color:#8ea2bd;padding-top:5px}
.craft-choice strong{font-family:var(--editorial);font-size:31px;font-weight:400;display:block;line-height:1.12;margin-bottom:12px}
.craft-choice small{display:block;font-family:Inter,sans-serif;font-size:13px;line-height:1.8;color:#a9b7c9;max-width:350px}
.craft-choice[aria-pressed=true]{background:linear-gradient(90deg,#37517832,transparent);border-top-color:#c2d5f0}
.craft-choice[aria-pressed=true]>span:first-child{color:#dfebff}
.craft-footnote{font-size:11px;line-height:1.7;color:#9aaac0;margin-top:22px}
.case-details dt{color:#c0cfe3}.case-details dd{font-size:14px}
.pricing-section .section-intro>p{line-height:1.85}
.scope-assurance{border-top:1px solid var(--premium-line);padding-top:25px;margin-top:32px;color:#cbd6e5;max-width:370px;font-size:13px;line-height:1.8}
.scope-assurance strong{display:block;color:#edf2fa;font-weight:500;margin-bottom:8px}
.cinematic-pricing .features li{display:block;padding:16px 0;border-bottom:1px solid var(--premium-line)}
.cinematic-pricing .features li::before{display:none}
.cinematic-pricing .features strong{display:block;font-size:14px;font-weight:500;color:#edf2f9;margin-bottom:6px}
.cinematic-pricing .features span{display:block;font-size:12px;line-height:1.8;color:#acbbcf}
.cinematic-pricing .price{font-family:var(--editorial);font-size:82px;letter-spacing:-.045em}
.cinematic-pricing .price>span{font-family:Inter,sans-serif;letter-spacing:0}
.footer-service-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--premium-line);padding:26px 0;margin-top:30px;font-size:13px;color:#c6d4e8}
.footer-service-link p{font-size:11px;color:#9cacc3;max-width:460px;line-height:1.8}
.service-page{background:#0c1119}
.service-page .service-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:11px;letter-spacing:.08em}
.service-hero{padding:92px 0 78px;background:radial-gradient(ellipse at 85% 20%,#294a774a,transparent 65%)}
.service-hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.service-hero h1{font-weight:400;font-size:clamp(42px,4.7vw,72px);letter-spacing:-.055em;line-height:1.05;margin:24px 0}
.service-hero h1 em{font-family:var(--editorial);font-weight:400;color:#c3d2e8}
.service-hero .service-lead{font-size:17px;line-height:1.8;color:#c1cbd9;max-width:550px}
.service-hero .actions{justify-content:flex-start;margin-top:28px;gap:20px}
.service-hero figure{margin:0;border:1px solid var(--premium-line);background:#162131;padding:22px}
.service-hero figure img{width:100%;display:block;aspect-ratio:1.6;object-fit:cover;object-position:top}
.service-hero figcaption{font-size:11px;line-height:1.7;color:#acbbd0;padding-top:18px}
.service-body{display:grid;grid-template-columns:240px minmax(0,760px);gap:80px;padding-block:70px 100px;align-items:start}
.service-toc{position:sticky;top:108px}.service-toc a{display:block;padding:15px 0;border-bottom:1px solid var(--premium-line);font-size:12px;color:#b5c5dc}
.service-content section{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--premium-line);scroll-margin-top:108px}
.service-content h2{font-size:35px;line-height:1.15;margin-bottom:25px}
.service-content h3{font-size:18px;font-weight:500;margin:28px 0 10px}
.service-content p,.service-content li{font-size:15px;line-height:1.9;color:#bfcbdc}
.service-content p+p{margin-top:18px}.service-content ul{padding-left:20px;list-style:disc;margin-top:20px}.service-content li+li{margin-top:12px}
.service-content a:not(.button){color:#d5e5ff;text-decoration:underline;text-underline-offset:4px}
.service-content .button{margin-top:26px}.service-content .service-cost{font-family:var(--editorial);font-size:54px;color:#f0f3f7;line-height:1.1;margin:20px 0}
.service-content details{padding:20px 0;border-top:1px solid var(--premium-line)}.service-content summary{font-size:16px;color:#e9eef6;cursor:pointer}.service-content details p{margin-top:14px}
@media(max-width:1050px){#home .hero-layout{gap:34px}.craft-layout{gap:30px}.craft-intro{gap:35px}.service-body{gap:40px;grid-template-columns:190px minmax(0,1fr)}.service-hero .wrap{gap:35px}}
@media(max-width:800px){#home .hero-layout{grid-template-columns:1fr;gap:45px;padding-block:54px 40px;min-height:0}#home .hero-copy h1{font-size:clamp(30px,7.3vw,56px)}#home .hero-copy .actions{flex-direction:row}.hero-workstage{max-width:590px;width:100%}.hero-workstage::after{inset:-12px}.hero-client-pair .hero-project-window{height:110px}.craft-intro,.craft-layout{grid-template-columns:1fr}.craft-intro{gap:25px}.craft-options{gap:0}.craft-choice small{max-width:none}.craft-stage{padding:22px 22px 0}.experience-credits{flex-wrap:wrap;gap:10px 20px}.service-hero .wrap{grid-template-columns:1fr}.service-hero figure{max-width:580px}.service-body{grid-template-columns:1fr;gap:35px}.service-toc{position:static;display:flex;flex-wrap:wrap;gap:0 24px}.service-page .service-nav{display:none}.service-page .nav-row{justify-content:space-between}.service-page .studio-call{margin-left:auto}}
@media(max-width:700px){#home .hero-sub{font-size:15px}#home .hero-location{font-size:11px;margin-top:16px}#home .hero-note{font-size:11px}.hero-client-pair .hero-project-window{height:85px}.hero-project-main .hero-project-caption{padding:13px}.hero-client-pair .hero-project-caption{font-size:8px;padding:10px}.hero-client-pair .hero-project-caption small{font-size:7px}.featured-experience,.perception-section{padding-block:70px}.craft-intro h2{font-size:35px}.craft-intro>p{font-size:14px}.craft-layout{gap:25px}.craft-choice{padding:22px 8px;gap:12px}.craft-choice strong{font-size:29px}.craft-stage-top{font-size:8px;margin-bottom:18px;letter-spacing:.08em}.craft-image-window{aspect-ratio:1.3}.craft-footnote{font-size:11px}.experience-credits{font-size:10px}.cinematic-pricing .price{font-size:72px}.footer-service-link{align-items:start;flex-direction:column;gap:12px}.service-hero{padding-block:52px}.service-hero h1{font-size:46px}.service-hero .service-lead{font-size:15px}.service-hero .actions{align-items:start;flex-direction:column}.service-body{padding-block:35px 60px}.service-content h2{font-size:31px}.service-content section{padding-bottom:32px;margin-bottom:32px}}
@media(max-width:360px){#home .hero-copy .actions{flex-direction:column;align-items:flex-start}.hero-client-pair{gap:10px}.hero-client-pair .hero-project-window{height:70px}.hero-client-pair .hero-project-caption{padding:8px;font-size:7px}.hero-client-pair .hero-project-caption small{font-size:6px}.craft-stage{padding:16px 16px 0}.service-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.studio-moving .hero-project-main img{animation:none!important}.craft-choice{transition:none}}
body.studio-paused .hero-project-main img,body.studio-idle .hero-project-main img{animation-play-state:paused!important}
.case-story-link{display:block;margin-bottom:16px}
.scope-assurance a{display:block;margin-top:14px;color:#dae8fc;text-decoration:underline;text-underline-offset:4px}
.footer-service-link>div{display:grid;gap:12px}
.service-hero figcaption a{color:#d5e5ff;text-decoration:underline;text-underline-offset:3px}