:root{color-scheme:dark;--ink:#f1f3ed;--muted:#a7b7ad;--green:#52e5a2;--black:#040907;--progress:0;--header:82px;--sans:'Manrope',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:var(--header);background:var(--black)}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:#040907}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.07em}em{font-family:var(--serif);font-weight:500}[hidden]{display:none!important}.skip{position:fixed;top:12px;left:20px;z-index:200;background:var(--ink);color:var(--black);padding:14px;transform:translateY(-180%)}.skip:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #92dbb71a;background:linear-gradient(#040907f2,#040907b0);backdrop-filter:blur(12px);gap:24px}.brand{flex:0 0 auto}.brand img{width:177px;height:37px;object-fit:contain}.header-nav{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:600}.header-nav a{padding:12px 0}.header-nav a:hover,.header-contact:hover{color:var(--green)}.header-end{display:flex;align-items:center;gap:23px}.header-contact{font-size:12px;font-weight:700;white-space:nowrap}.header-contact span{color:var(--green);margin-left:11px}.nav-toggle{display:none;border:1px solid #496553;background:#07140d;color:var(--ink);width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.nav-toggle span{height:1px;width:18px;background:currentColor}.mobile-nav{position:fixed;top:var(--header);left:0;right:0;padding:20px 24px 26px;z-index:88;background:#07110e;border-bottom:1px solid #315b42;display:grid}.mobile-nav a{padding:14px 4px;border-bottom:1px solid #264436;font-size:17px}.progress-line{position:absolute;inset:auto 0 0;height:2px;background:var(--green);transform:scaleX(var(--progress));transform-origin:0 50%}
.scene{position:relative;isolation:isolate;--p:0;--enter:1;--exit:0;scroll-margin-top:0}.scene-frame{position:relative;min-height:100svh;overflow:clip;padding:calc(var(--header) + 40px) 7vw 110px;display:flex;align-items:center;background:var(--black)}.scene-index{position:absolute;top:calc(var(--header) + 24px);left:7vw;font-size:9px;letter-spacing:.21em;color:#b0c8b9;z-index:15;text-transform:uppercase;display:flex;align-items:center;gap:17px}.scene-index b{color:var(--green);font-weight:600}.scene-index:after{content:'';width:64px;height:1px;background:#52735c}.scene-content{position:relative;z-index:12;width:100%}.kicker{color:var(--green);font-size:10px;letter-spacing:.22em;text-transform:uppercase;line-height:1.8;font-weight:600}.caption{font-size:12px;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:700;border-bottom:1px solid #719b8270;padding:12px 0}.text-link span{color:var(--green);font-size:20px}.text-link:hover{color:var(--green)}.scene-note{position:absolute;left:7vw;right:7vw;bottom:90px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.16em;color:#a4c1af;z-index:15;text-transform:uppercase}.scene-note .line{flex:1;height:1px;background:#345340;align-self:center}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
/* 01: restrained title frame; scroll moves a shaft of light through the words. */
.opening .scene-frame{background:#030806;justify-content:center;text-align:center}.opening-light{position:absolute;left:61%;top:-28%;width:18%;height:155%;background:linear-gradient(90deg,transparent,#74d79a13,#a0ffbe2d,#74d79a0b,transparent);transform:rotate(25deg);filter:blur(14px);pointer-events:none}.opening-light:after{content:'';position:absolute;inset:0 48%;background:linear-gradient(transparent,#b1ffd84d,transparent);box-shadow:0 0 85px 24px #2ce68a26}.opening .scene-content{max-width:1200px}.opening .kicker{margin-bottom:30px;font-size:9px;color:#a4c7b3}.opening h1{font-size:clamp(60px,8.9vw,150px);line-height:1.03}.opening h1>span{display:block}.opening h1 em{color:#a5ecc4;font-size:1.05em;letter-spacing:-.06em}.opening-lead{font-size:13px;color:#b2c2b7;line-height:1.8;max-width:390px;margin:38px auto 0}.scroll-cue{font-size:9px;letter-spacing:.21em;margin-top:44px;color:#accbb8;display:inline-flex;align-items:center;gap:17px}.scroll-cue .arrow{height:38px;width:1px;background:linear-gradient(#78b997,transparent);position:relative}.scroll-cue .arrow:after{content:'↓';position:absolute;bottom:-6px;left:-4px;font-size:14px}.title-ghost{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);font-size:clamp(130px,23vw,370px);line-height:1;color:transparent;-webkit-text-stroke:1px #81edb013;font-weight:700;letter-spacing:-.09em;white-space:nowrap;pointer-events:none}
/* 02: actual project interface planes, not a fabricated before/after. */
.transformation .scene-frame{background:radial-gradient(ellipse at 75% 60%,#163d28,#06110b 55%,#030806);padding-top:calc(var(--header) + 80px)}.transformation .scene-content{align-self:flex-start;max-width:650px;pointer-events:none}.transformation h2{font-size:clamp(40px,5.1vw,80px);line-height:1.08;max-width:700px}.transformation h2 em{color:#a5e5bc}.transformation .caption{max-width:330px;margin-top:22px}.interface-stage{position:absolute;inset:18% -7% 10% 38%;perspective:1300px;z-index:5;pointer-events:none}.interface-plane{position:absolute;width:88%;height:67%;top:22%;left:0;border:1px solid #abe5c752;box-shadow:0 40px 100px #0009;border-radius:5px;background:#07110e;overflow:hidden;transform:rotateY(-21deg) rotateX(11deg) rotateZ(-4deg)}.interface-plane img{width:100%;height:100%;object-fit:cover;object-position:top}.interface-plane.back{left:27%;top:3%;width:70%;opacity:.32;filter:saturate(.3) brightness(.75);transform:rotateY(-28deg) rotateX(11deg) rotateZ(-6deg)}.interface-plane.front{left:-22%;top:62%;width:61%;height:38%;opacity:.82;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-4deg)}.interface-plane.front img{object-position:50% 82%}.interface-border{height:22px;position:absolute;inset:0 0 auto;background:#0d1713df;display:flex;align-items:center;gap:4px;padding:0 9px;z-index:1}.interface-border i{height:3px;width:3px;border-radius:50%;background:#70b58e}.interface-label{position:absolute;right:8%;bottom:10%;font-size:8px;color:#a5d7b9;letter-spacing:.16em;z-index:10}.transform-orbit{position:absolute;width:95%;height:110%;border:1px solid #91f0af14;border-radius:50%;top:0;left:12%;transform:rotate(-18deg)}
/* 03: the project fills the composition, instead of appearing in gallery cards. */
.project .scene-frame{background:#0c120d;padding-left:6vw;padding-right:6vw}.project-image{position:absolute;inset:13% 0 0 14%;overflow:hidden}.project-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:brightness(.78) saturate(.8)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030806ed,transparent 55%),linear-gradient(0deg,#030806 0%,#030806b3 17%,transparent 62%)}.project .scene-content{align-self:flex-end;padding-bottom:4vh}.project .kicker{color:#baead1;margin-bottom:21px}.project h2{font-size:clamp(62px,9.8vw,160px);line-height:.92;max-width:900px;letter-spacing:-.08em;text-shadow:0 5px 35px #0005}.project h2 em{color:#dae9d9}.project-detail{margin-top:28px;display:flex;gap:70px;align-items:flex-end}.project-detail .caption{max-width:335px;color:#b5c6b8;font-size:13px}.project-link{white-space:nowrap;flex:0 0 auto}.project-status{position:absolute;right:6vw;top:calc(var(--header) + 24px);font-size:8px;color:#e0ece5;letter-spacing:.12em;z-index:16;border:1px solid #bed0c644;padding:8px 12px;background:#030806b3}.kings .scene-frame{background:#070c09}.kings-type{position:absolute;top:18%;left:1vw;color:transparent;-webkit-text-stroke:1px #aacba82b;font-size:clamp(170px,28vw,440px);line-height:.85;font-weight:800;letter-spacing:-.09em;pointer-events:none}.kings-light{position:absolute;top:10%;left:30%;height:90%;width:90%;background:radial-gradient(ellipse,#5481691c,transparent 64%);transform:rotate(-25deg)}.kings .scene-content{width:90%;max-width:1100px;margin:auto;padding-top:8vh}.kings h3{font-size:clamp(55px,8vw,132px);line-height:1.02;margin-top:26px;max-width:1000px}.kings h3 em{color:#a1c6aa}.kings .project-detail{margin-top:36px}.kings .caption{max-width:360px;font-size:14px}.kings .kicker{color:#a7d2b6}
/* 04: a typographic editorial spread. 05: the camera settles on the real founder. */
.services .scene-frame{background:linear-gradient(160deg,#112217,#09130d 50%,#040907)}.services .scene-content{display:grid;grid-template-columns:.8fr 1.3fr;gap:8vw;align-items:start}.services h2{font-size:clamp(48px,5.3vw,85px);line-height:1.08;max-width:500px}.services h2 em{color:#a5ddbc}.services-intro .caption{margin-top:27px;max-width:310px}.service-lines{display:grid}.service-line{display:grid;grid-template-columns:26px 1fr 25px;gap:17px;align-items:baseline;padding:26px 0;border-top:1px solid #74978344}.service-line:last-child{border-bottom:1px solid #74978344}.service-number{color:#86b99a;font-size:9px}.service-line h3{font-size:clamp(26px,3.25vw,50px);letter-spacing:-.045em;line-height:1.2}.service-line p{color:#aec2b5;font-size:12px;line-height:1.8;margin-top:13px;max-width:360px}.service-arrow{color:var(--green);font-size:21px}.service-line:hover h3{color:#a5e9be}.human .scene-frame{background:#0e1710;padding:calc(var(--header) + 75px) 7vw 130px}.human .scene-content{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.portrait{position:relative;max-width:550px}.portrait:before{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #91bb9f30;z-index:-1}.portrait img{width:100%;aspect-ratio:4/4.1;object-fit:cover;object-position:center;filter:saturate(.74)}.portrait figcaption{position:absolute;bottom:20px;left:22px;right:22px;font-size:8px;color:#d9ede1;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 8px #000;z-index:1}.portrait:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#061009b3);pointer-events:none}.human h2{font-size:clamp(45px,5.6vw,88px);line-height:1.09;margin-top:20px}.human h2 em{color:#a5ddbc}.human-copy>p{font-size:14px;color:#b9cbbf;max-width:380px;line-height:1.9;margin:27px 0}.founder-name{font-size:15px;font-weight:700;letter-spacing:-.02em}.founder-role{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8db69d;margin-top:8px;margin-bottom:20px}
/* 06: one clear closing invitation. */
.closing .scene-frame{background:#030806;text-align:center;justify-content:center}.closing .scene-content{max-width:1100px}.closing h2{font-size:clamp(58px,9.2vw,145px);line-height:1.02;margin:24px 0 29px}.closing h2 em{color:#a5e9be}.closing .caption{max-width:360px;margin:0 auto}.closing-light{position:absolute;inset:-70% -10% -90%;background:radial-gradient(ellipse at 50% 56%,#20915124,transparent 36%);pointer-events:none}.closing-mark{position:absolute;width:min(40vw,450px);left:50%;top:50%;transform:translate(-50%,-50%);opacity:.06;pointer-events:none}.closing-cta{margin-top:35px;display:inline-flex;align-items:center;gap:50px;padding:18px 25px;background:#a3edbd;color:#06120a;font-size:13px;font-weight:800;border:1px solid #a3edbd;min-height:56px}.closing-cta span{font-size:22px;font-weight:400}.closing-cta:hover{background:#c5f8d6}.closing .scene-note{justify-content:center}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 7vw 100px;font-size:10px;color:#92ad9b;border-top:1px solid #254234;background:#040907}.site-footer img{width:147px;opacity:.7}.site-footer nav{display:flex;gap:26px}
/* User scrolls natively. No wheel/touch interception, playback timer or scroll lock. */
.cinematic[data-motion='full'] .scene{height:var(--run,155svh)}.cinematic[data-motion='full'] .scene-frame{position:sticky;top:0;height:100svh;min-height:0}.cinematic[data-motion='full'] .opening{--run:165svh}.cinematic[data-motion='full'] .transformation{--run:185svh}.cinematic[data-motion='full'] .project{--run:190svh}.cinematic[data-motion='full'] .kings{--run:145svh}.cinematic[data-motion='full'] .services{--run:145svh}.cinematic[data-motion='full'] .human{--run:150svh}.cinematic[data-motion='full'] .closing{--run:135svh}
.cinematic[data-motion='full'] .opening .scene-content{transform:translate3d(0,calc(var(--p)*-70px),0) scale(calc(1 + var(--p)*.08));opacity:1}.cinematic[data-motion='full'] .opening-light{transform:translateX(calc(var(--p)*-25vw)) rotate(calc(25deg - var(--p)*15deg));opacity:calc(.6 + var(--p)*.4)}.cinematic[data-motion='full'] .title-ghost{transform:translateX(calc(-50% + var(--p)*10vw));opacity:calc(1 - var(--p))}.cinematic[data-motion='full'] .transformation .scene-content{transform:translateY(calc(var(--p)*-30px));opacity:1}.cinematic[data-motion='full'] .interface-stage{transform:translate3d(calc(var(--p)*-8vw),calc(var(--p)*-3vh),0) scale(calc(.88 + var(--p)*.3))}.cinematic[data-motion='full'] .interface-plane.middle{transform:rotateY(calc(-24deg + var(--p)*18deg)) rotateX(calc(12deg - var(--p)*10deg)) rotateZ(calc(-4deg + var(--p)*4deg))}.cinematic[data-motion='full'] .interface-plane.back{transform:translate3d(calc(var(--p)*8vw),calc(var(--p)*-5vh),0) rotateY(-28deg) rotateX(11deg) rotateZ(-6deg);opacity:calc(.32 - var(--p)*.2)}.cinematic[data-motion='full'] .interface-plane.front{transform:translate3d(calc(var(--p)*-8vw),calc(var(--p)*8vh),0) rotateY(-12deg) rotateX(5deg) rotateZ(-4deg);opacity:calc(.82 - var(--p)*.6)}.cinematic[data-motion='full'] .project-image{clip-path:inset(0 calc((1 - var(--enter))*15%) 0 0);transform:translateX(calc((1 - var(--enter))*4vw))}.cinematic[data-motion='full'] .project-image>img{transform:scale(calc(1.22 - var(--p)*.22)) translateY(calc(var(--p)*-2%));transform-origin:60% 35%}.cinematic[data-motion='full'] .project .scene-content{transform:translateY(calc((1 - var(--enter))*30px - var(--p)*15px))}.cinematic[data-motion='full'] .kings-type{transform:translateX(calc(var(--p)*-10vw));opacity:calc(.35 + var(--enter)*.65)}.cinematic[data-motion='full'] .kings .scene-content{transform:translateY(calc((1 - var(--enter))*40px))}.cinematic[data-motion='full'] .services .service-line{transform:translateX(calc((1 - var(--enter))*30px));opacity:calc(.7 + var(--enter)*.3)}.cinematic[data-motion='full'] .services .service-line:nth-child(2){transform:translateX(calc((1 - var(--enter))*60px))}.cinematic[data-motion='full'] .services .service-line:nth-child(3){transform:translateX(calc((1 - var(--enter))*90px))}.cinematic[data-motion='full'] .portrait{transform:translateY(calc((1 - var(--enter))*26px)) scale(calc(.96 + var(--enter)*.04))}.cinematic[data-motion='full'] .closing .scene-content{transform:scale(calc(.97 + var(--enter)*.03))}.cinematic[data-motion='full'] .closing-light{transform:translateY(calc((1 - var(--enter))*10vh))}
.cinematic[data-motion='off'] .scene-frame{min-height:100svh}.cinematic[data-motion='off'] .interface-plane{transform:rotate(-2deg)}.cinematic[data-motion='off'] .interface-plane.back,.cinematic[data-motion='off'] .interface-plane.front{transform:none;opacity:.2}.cinematic[data-motion='off'] .interface-plane{transform:none}.cinematic[data-motion='off'] .interface-plane.back,.cinematic[data-motion='off'] .interface-plane.front{display:none}.cinematic[data-motion='off'] .opening-light{filter:none;opacity:.65}
@media(min-width:761px) and (max-height:720px){.scene-frame{padding-top:120px;padding-bottom:85px}.opening h1{font-size:clamp(54px,7.5vw,110px)}.opening-lead{margin-top:22px}.scroll-cue{margin-top:24px}.human .scene-frame{padding-top:110px;padding-bottom:100px}.portrait{max-width:350px;margin:auto}.human h2{font-size:55px}.human-copy>p{font-size:12px;margin:16px 0}.project h2{font-size:95px}.services h2{font-size:52px}.service-line{padding:18px 0}.service-line h3{font-size:31px}.closing h2{font-size:95px}.scene-note{bottom:75px!important}}
@media(max-width:1000px){.header-nav{gap:20px}.interface-stage{left:34%;inset-block:26% 16%}.transformation .scene-content{max-width:550px}.services .scene-content{gap:5vw;grid-template-columns:.85fr 1.1fr}.human .scene-content{gap:6vw}.human h2{font-size:58px}.human-copy>p{font-size:13px}.project-detail{gap:35px}}
@media(max-width:760px){:root{--header:70px}.site-header{padding:0 20px;gap:12px}.brand img{width:143px;height:32px}.header-nav{display:none}.header-end{gap:18px}.header-contact{font-size:10px}.header-contact span{margin-left:5px}.nav-toggle{display:flex;width:40px;height:40px}.scene-frame{padding:120px 24px 110px;min-height:90svh}.scene-index{left:24px;top:95px;font-size:8px;gap:12px}.scene-index:after{width:40px}.scene-note{left:24px;right:24px;font-size:8px;bottom:83px!important;letter-spacing:.1em;gap:12px}.opening h1{font-size:clamp(48px,10.8vw,80px);line-height:1.12;letter-spacing:-.07em}.opening .kicker{font-size:8px;letter-spacing:.14em;margin-bottom:23px}.opening-lead{font-size:12px;max-width:290px;margin-top:27px}.opening-light{width:45%;left:50%;filter:blur(6px)}.scroll-cue{font-size:8px;margin-top:30px}.title-ghost{font-size:37vw;bottom:23%}.opening .scene-note>span:first-child{max-width:180px}.opening .scene-note .line{display:none}.transformation .scene-frame{min-height:100svh;padding-top:125px;align-items:flex-start}.transformation .scene-content{max-width:90%}.transformation h2{font-size:clamp(37px,9.5vw,61px);max-width:470px;line-height:1.08}.transformation .caption{font-size:11px;max-width:280px;margin-top:17px}.interface-stage{inset:48% -10% 16% 8%;perspective:800px}.interface-plane{width:90%;height:88%;top:0;left:5%;transform:rotateY(-10deg) rotateX(6deg) rotate(-3deg)}.interface-plane.back{top:-15%;left:24%;width:76%;height:85%}.interface-plane.front{top:68%;left:-12%;width:68%;height:53%}.interface-label{bottom:10%;font-size:7px}.project .scene-frame{padding:125px 24px 125px;min-height:100svh}.project-image{inset:23% -30% 12% 0%}.project-image>img{object-position:35% 0%;filter:brightness(.74) saturate(.8)}.project-image:after{background:linear-gradient(0deg,#030806 0%,#030806cc 35%,transparent 78%),linear-gradient(90deg,#03080672,transparent)}.project-status{right:24px;top:95px;font-size:7px;padding:6px 8px}.project h2{font-size:clamp(59px,16vw,100px);line-height:.98}.project .kicker{font-size:8px;margin-bottom:18px;max-width:250px}.project .scene-content{padding-bottom:0}.project-detail{display:block;margin-top:19px}.project-detail .caption{font-size:11px;line-height:1.8;max-width:290px}.project-link{margin-top:16px;font-size:11px}.kings .scene-frame{padding:130px 24px 115px;min-height:90svh}.kings .scene-content{width:100%;padding-top:0}.kings h3{font-size:clamp(48px,12vw,80px);line-height:1.09;margin-top:20px}.kings-type{font-size:40vw;top:24%;left:-2%}.kings .kicker{font-size:8px}.kings .caption{font-size:12px}.kings .project-detail{margin-top:24px}.services .scene-frame{padding:130px 24px 130px}.services .scene-content{display:block}.services h2{font-size:clamp(43px,11vw,70px);line-height:1.1}.services-intro .caption{font-size:11px;margin-top:18px;max-width:285px}.service-lines{margin-top:36px}.service-line{grid-template-columns:23px 1fr 22px;gap:10px;padding:21px 0}.service-line h3{font-size:clamp(24px,6.4vw,35px)}.service-line p{font-size:11px;margin-top:10px}.human .scene-frame{padding:130px 24px 130px;min-height:100svh}.human .scene-content{display:flex;flex-direction:column;gap:37px;align-items:stretch}.portrait{width:100%;max-width:400px;margin:0 auto}.portrait img{aspect-ratio:5/4;object-position:50% 33%}.portrait:before{inset:10px -10px -10px 10px}.portrait figcaption{font-size:7px;bottom:15px;left:16px}.human .kicker{font-size:8px}.human h2{font-size:clamp(43px,11vw,66px);margin-top:17px}.human-copy>p{font-size:12px;margin:21px 0;max-width:360px}.human .text-link{font-size:11px}.founder-name{font-size:14px}.founder-role{font-size:8px}.closing .scene-frame{padding:120px 24px 120px;min-height:90svh}.closing .kicker{font-size:8px;letter-spacing:.14em}.closing h2{font-size:clamp(49px,12.1vw,84px);line-height:1.1;margin:22px 0 24px}.closing .caption{font-size:12px;max-width:270px}.closing-cta{font-size:12px;gap:35px;padding:16px 22px;margin-top:27px}.closing-mark{width:70vw}.site-footer{display:block;padding:28px 24px 100px;font-size:9px;line-height:1.8}.site-footer img{width:140px;margin-bottom:20px}.site-footer nav{margin-top:22px;flex-wrap:wrap;gap:22px}.cinematic[data-motion='full'] .opening{--run:135svh}.cinematic[data-motion='full'] .transformation{--run:160svh}.cinematic[data-motion='full'] .project{--run:155svh}.cinematic[data-motion='full'] .kings{--run:125svh}.cinematic[data-motion='full'] .services,.cinematic[data-motion='full'] .human{height:auto}.cinematic[data-motion='full'] .services .scene-frame,.cinematic[data-motion='full'] .human .scene-frame{position:relative;height:auto;min-height:100svh}.cinematic[data-motion='full'] .closing{--run:125svh}.cinematic[data-motion='full'] .interface-stage{transform:translate3d(calc(var(--p)*-2vw),calc(var(--p)*-2vh),0) scale(calc(.94 + var(--p)*.12))}.cinematic[data-motion='full'] .opening .scene-content{transform:translateY(calc(var(--p)*-25px));opacity:1}}
@media(max-width:360px){.site-header{padding:0 16px}.brand img{width:127px}.header-end{gap:11px}.header-contact{font-size:9px}.opening h1{font-size:44px}.scene-frame,.project .scene-frame,.kings .scene-frame,.services .scene-frame,.human .scene-frame,.closing .scene-frame{padding-left:20px;padding-right:20px}.scene-index{left:20px}.scene-note{left:20px;right:20px}.project h2{font-size:55px}.project-status{right:20px;font-size:6px}.transformation h2{font-size:35px}.closing h2{font-size:45px}.services h2,.human h2{font-size:42px}}
@media(max-height:590px){.cinematic[data-film='off'] .scene{height:auto}.cinematic[data-film='off'] .scene-frame{position:relative;height:auto;min-height:680px}.cinematic[data-film='off'] .scene-content{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{height:auto!important}.scene-frame{position:relative!important;height:auto!important;min-height:90svh!important}.scene-content,.interface-stage,.interface-plane,.portrait,.service-line,.project-image,.project-image>img,.kings-type,.opening-light,.closing-light{transform:none!important;opacity:1!important}.interface-plane.back,.interface-plane.front{display:none!important}.project-image{clip-path:none!important}.opening-light{opacity:.5!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Refined clearances and comfortable touch targets. */
.interface-label{bottom:17%}
@media(min-width:1001px){.interface-stage{bottom:18%}}
.cinematic[data-motion='off'] .scene-content{transform:translateY(calc((1 - var(--enter))*8px));opacity:calc(.92 + var(--enter)*.08)}
.cinematic[data-motion='off'] .interface-stage{transform:translateY(calc((1 - var(--enter))*6px))}

.mobile-nav{max-height:calc(100svh - var(--header) - 76px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.scene-note{bottom:98px!important}.interface-label{bottom:20%}}
@media(prefers-reduced-motion:reduce){.cinematic[data-motion='off'] .scene-content,.cinematic[data-motion='off'] .interface-stage{transform:none!important;opacity:1!important}}

/* v3.1: connected scene dissolves, with the outgoing frame held behind the incoming one. */
.cinematic[data-motion='full'][data-blend='on'] .scene-frame{translate:0 var(--frame-shift,0px);opacity:var(--handoff-opacity,1)}
.cinematic[data-motion='full'][data-blend='on'] .scene-frame:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:20;background:linear-gradient(115deg,transparent 18%,#74d79a14 51%,transparent 76%);opacity:calc((1 - var(--handoff-opacity,1))*.55)}
.cinematic[data-motion='full'] .project-image{clip-path:none;transform:none}
.cinematic[data-motion='full'] .project .scene-content{transform:translateY(calc((1 - var(--enter))*18px - var(--p)*15px))}
/* Mobile is a lighter camera treatment, with shorter holds and natural reading scenes. */
@media(max-width:760px){
 .cinematic[data-film='on'] .film-stage .brand-transformation .scene-content{pointer-events:auto}
 .grain{display:none}.site-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.nav-toggle{width:44px;height:44px}
 .cinematic[data-motion='full'] .opening{--run:125svh}.cinematic[data-motion='full'] .transformation{--run:145svh}.cinematic[data-motion='full'] .project{--run:145svh}.cinematic[data-motion='full'] .kings{--run:115svh}.cinematic[data-motion='full'] .closing{--run:115svh}
 .opening-light{filter:none;opacity:.7}.opening-light:after{box-shadow:none}.interface-stage{inset:46% 3% 22% 7%;perspective:800px}
 .interface-plane{width:94%;height:93%;top:0;left:0;box-shadow:0 20px 45px #0008}.interface-plane.back{left:13%;top:-9%;width:85%;height:94%;filter:none;opacity:.18}.interface-plane.front{display:none}.interface-label{right:7%;bottom:18%;font-size:7px}
 .cinematic[data-motion='full'] .interface-stage{transform:translate3d(0,calc(var(--p)*-1vh),0) scale(calc(.98 + var(--p)*.04))}
 .cinematic[data-motion='full'] .interface-plane.middle{transform:rotateY(calc(-10deg + var(--p)*10deg)) rotateX(calc(5deg - var(--p)*5deg)) rotateZ(calc(-2deg + var(--p)*2deg))}
 .cinematic[data-motion='full'] .interface-plane.back{transform:translate3d(calc(var(--p)*3vw),calc(var(--p)*-2vh),0);opacity:calc(.18 - var(--p)*.14)}
 .project-image{inset:22% 5% auto;width:90%;height:auto;aspect-ratio:1348/926;border:1px solid #a6d7ba42;border-radius:3px;background:#17271d}
 .project-image>img{object-fit:contain;object-position:center;filter:none}.project-image:after{background:linear-gradient(0deg,#03080655,transparent 38%)}
 .cinematic[data-motion='full'] .project-image>img{transform:scale(calc(1.035 - var(--p)*.035));transform-origin:center}
 .project h2{font-size:clamp(54px,14vw,90px)}.project .scene-content{padding-top:25px}.project .scene-frame{padding-bottom:calc(128px + env(safe-area-inset-bottom))}
 .scene-note{bottom:calc(98px + env(safe-area-inset-bottom))!important}
 .mobile-nav{max-height:calc(100svh - var(--header) - 82px - env(safe-area-inset-bottom))}.closing-cta{width:min(100%,330px);justify-content:space-between;gap:20px}.site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.site-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.project h2{font-size:49px}.project .scene-frame{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.project-detail .caption{font-size:10px}.project-detail{margin-top:15px}.project-link{margin-top:10px}}
@media(max-height:590px){.cinematic[data-film='off'] .scene-frame{translate:none!important;opacity:1!important}.cinematic[data-film='off'] .project-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1348/926;margin:30px 0}.cinematic[data-film='off'] .project .scene-frame{display:block}.cinematic[data-film='off'] .project .scene-content{padding-top:0}}
@media(prefers-reduced-motion:reduce){.scene-frame{translate:none!important;opacity:1!important}.scene-frame:after{display:none!important}}

/* Typography leaves before the incoming words resolve, avoiding competing headlines. */
.cinematic[data-motion='full'][data-blend='on'] .scene-frame>.scene-content{opacity:var(--copy-opacity,1);translate:0 var(--copy-shift,0px)}
.cinematic[data-motion='full'][data-blend='on'] .scene-index,.cinematic[data-motion='full'][data-blend='on'] .scene-note,.cinematic[data-motion='full'][data-blend='on'] .project-status{opacity:var(--copy-opacity,1)}
@media(prefers-reduced-motion:reduce){.scene-content{translate:none!important}}

/* Short phones receive a complete project image followed by unhurried readable copy. */
@media(max-width:760px) and (max-height:740px){
 .cinematic[data-motion='full'] .project{height:auto}
 .project .scene-frame,.cinematic[data-motion='full'] .project .scene-frame{position:relative;height:auto;min-height:760px;display:flex;flex-direction:column;align-items:stretch;padding-top:130px}
 .project-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1348/926;margin:24px 0 30px;flex:0 0 auto}
 .project .scene-content{align-self:auto;padding:0}.cinematic[data-motion='full'] .project .scene-content{transform:none}
 .project .scene-note{bottom:98px!important}
}
/* v3.2: one browser-owned sticky stage for the whole film. Frames never counter-scroll. */
.film-run{position:relative;isolation:isolate;overflow-anchor:none}
.film-stage{position:sticky;top:0;height:var(--film-height);width:100%;isolation:isolate;z-index:1;overflow:clip;background:#030806}
.film-track{margin-top:calc(-1 * var(--film-height));pointer-events:none;position:relative}
.film-marker{pointer-events:none;overflow-anchor:none;scroll-margin-top:0}
.cinematic[data-film='on'] .film-stage>.film-panel{position:absolute;inset:0;height:100%;width:100%;scroll-margin-top:0}
.cinematic[data-film='on'] .film-stage .scene-frame{position:absolute;inset:0;height:100%;min-height:0;translate:none!important;opacity:var(--film-alpha,0);will-change:opacity;backface-visibility:hidden}
.cinematic[data-film='on'] .film-stage .scene-frame>.scene-content{opacity:var(--copy-opacity,1);translate:0 var(--copy-shift,0px)}
.cinematic[data-film='on'] .film-stage .scene-index,.cinematic[data-film='on'] .film-stage .scene-note,.cinematic[data-film='on'] .film-stage .project-status{opacity:var(--copy-opacity,1)}
@media(max-width:760px){
 .cinematic[data-film='on'] .film-stage .scene-frame{padding:110px 24px 112px}
 .cinematic[data-film='on'] .film-stage .project .scene-frame{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:128px 24px 118px}
 .film-stage .project-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1348/926;margin:0 0 20px;flex:0 0 auto}
 .film-stage .project .scene-content{align-self:auto;padding:0}.film-stage .project h2{font-size:clamp(35px,10vw,46px);line-height:1.08}.film-stage .project h2 br{display:none}
 .film-stage .project .kicker{font-size:8px;margin-bottom:12px}.film-stage .project-detail{margin-top:14px}.film-stage .project-detail .caption{font-size:11px;line-height:1.7;max-width:330px}.film-stage .project-link{margin-top:8px;font-size:11px;padding:9px 0}
 .film-stage .services .scene-content{display:block}.film-stage .services h2{font-size:38px;line-height:1.05}.film-stage .services-intro .caption{font-size:11px;line-height:1.6;margin-top:14px;max-width:320px}.film-stage .service-lines{margin-top:20px}.film-stage .service-line{padding:7px 0;gap:9px;grid-template-columns:18px 1fr 18px}.film-stage .service-line h3{font-size:24px;line-height:1.15}.film-stage .service-line p{font-size:11px;line-height:1.55;margin-top:6px}.film-stage .service-arrow{font-size:18px}
 .film-stage .human .scene-content{display:grid;grid-template-columns:112px 1fr;gap:12px 18px;align-items:center}.film-stage .human .portrait{width:112px;margin:0;grid-column:1;grid-row:1}.film-stage .portrait img{aspect-ratio:1;object-position:50% 30%}.film-stage .portrait figcaption{display:none}.film-stage .portrait:before{inset:7px -7px -7px 7px}
 .film-stage .human-copy{display:contents}.film-stage .human h2{grid-column:2;grid-row:1;font-size:35px;line-height:1.08;margin:0;letter-spacing:-.065em}.film-stage .human-copy>.kicker{grid-column:1/-1;grid-row:2;font-size:8px;margin:0;line-height:1.6}.film-stage .human-copy>p:not(.kicker){grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.8;margin:0;max-width:none}.film-stage .founder-name{grid-column:1/-1;grid-row:4;font-size:14px}.film-stage .founder-role{grid-column:1/-1;grid-row:5;font-size:8px;margin:-6px 0 0}.film-stage .human .text-link{grid-column:1/-1;grid-row:6;font-size:11px;width:fit-content;padding:9px 0}
 .film-stage .scene-note{bottom:92px!important}.film-stage .opening-light{opacity:.65}.film-stage .opening .scene-content{transform:translateY(calc(var(--p)*-18px))!important}
}
@media(max-width:360px){
 .cinematic[data-film='on'] .film-stage .scene-frame{padding-left:20px;padding-right:20px}
 .film-stage .services h2{font-size:35px}.film-stage .service-line h3{font-size:22px}.film-stage .service-line p{font-size:10.5px}.film-stage .service-lines{margin-top:16px}.film-stage .services-intro .caption{font-size:10.5px;margin-top:12px}
 .film-stage .human .scene-content{grid-template-columns:100px 1fr;gap:10px 16px}.film-stage .human .portrait{width:100px}.film-stage .human h2{font-size:30px}.film-stage .human-copy>p:not(.kicker){font-size:11.5px}
 .film-stage .project .kicker{margin-bottom:8px}.film-stage .project-detail{margin-top:12px}.film-stage .project-detail .caption{font-size:10.5px}.film-stage .project-image{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.film-stage{position:relative;height:auto}.film-track{display:none}.film-stage .film-panel{position:relative!important;height:auto!important}.film-stage .scene-frame{position:relative!important;height:auto!important;opacity:1!important}.film-stage .scene-content{translate:none!important}}
/* Explicit image dimensions reserve loading space; CSS controls the displayed portrait. */
.portrait img{height:auto}
@media(max-width:760px){.film-stage .portrait img{height:auto;aspect-ratio:1}.film-stage .kings h3{font-size:clamp(39px,10.6vw,54px);line-height:1.07}.film-stage .kings .caption{font-size:11px;line-height:1.7}.film-stage .kings .project-detail{margin-top:20px}.film-stage .kings .scene-content{margin:0}}
/* v3.3: Josh's supplied brand artwork opens the film; original composition is retained. */
.art-opening .scene-frame{padding:0;display:block;background:#020705}
.opening-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.opening-art img{width:100%;height:100%;object-fit:contain;object-position:50% 34%;filter:none;transform-origin:50% 38%}
.opening-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#02070566 0%,transparent 25%,transparent 48%,#020705d9 76%,#020705 100%);pointer-events:none}
.art-opening .opening-location{position:absolute;top:calc(var(--header) + 64px);left:7vw;right:7vw;text-align:center;font-size:9px;letter-spacing:.18em;color:#c6decf;z-index:12}
.art-opening .scene-content{position:absolute;left:7vw;right:7vw;bottom:163px;width:auto;max-width:none;text-align:center}
.art-opening h1{font-size:clamp(45px,4.2vw,68px);line-height:1.06;letter-spacing:-.06em}.art-opening h1>span{display:inline}.art-opening h1>span+span:before{content:' '}
.art-opening .opening-lead{font-size:12px;line-height:1.7;margin:16px auto 0}.art-opening .scroll-cue{margin-top:20px;font-size:8px}.art-opening .scroll-cue .arrow{height:25px}
.cinematic[data-motion='full'] .art-opening .scene-content{transform:none!important}
.cinematic[data-motion='full'] .opening-art img{transform:scale(calc(1 + var(--p)*.045))}
.brand-transformation .scene-frame{background:#050b08;padding:calc(var(--header) + 70px) 8vw 140px;align-items:center}
.transformation-wash{position:absolute;inset:-20%;background:radial-gradient(ellipse at 76% 50%,#27634640,transparent 50%);pointer-events:none}
.brand-transformation .scene-content{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;max-width:none;align-items:center}
.brand-transformation .kicker{color:#97bfa6;margin-bottom:22px;font-size:9px}.brand-transformation h2{font-size:clamp(55px,6.1vw,94px);line-height:1.05;max-width:750px}.brand-transformation h2 em{color:#a5ecc4}
.transformation-statement{font-size:clamp(18px,2vw,30px);line-height:1.4;color:#c3d4c8;letter-spacing:-.035em;margin-top:28px;max-width:420px}
.brand-journey>.caption{font-size:12px;line-height:1.8;max-width:300px;margin-bottom:26px}
.journey-line{border-top:1px solid #7bb09344;padding:19px 0;display:grid;grid-template-columns:23px 1fr;gap:20px;align-items:baseline}.journey-line:last-child{border-bottom:1px solid #7bb09344}
.journey-line>span{font-size:8px;color:#82b79a}.journey-line>p{font-size:clamp(28px,3.1vw,49px);line-height:1.15;letter-spacing:-.045em;color:#dae5dc}.journey-line em{color:#b4e8c8}
.cinematic[data-motion='full'] .brand-transformation .scene-content{transform:none}
.cinematic[data-motion='full'] .transformation-wash{transform:translate3d(calc(var(--p)*-8%),0,0)}
.cinematic[data-motion='full'] .journey-line{transform:translate3d(calc((1 - var(--enter))*18px),0,0)}
.cinematic[data-motion='full'] .journey-line:nth-of-type(2){transform:translate3d(calc((1 - var(--enter))*30px),0,0)}
.cinematic[data-motion='full'] .journey-line:nth-of-type(3){transform:translate3d(calc((1 - var(--enter))*42px),0,0)}
@media(max-width:1000px) and (min-width:761px){.brand-transformation .scene-content{grid-template-columns:1fr;gap:40px}.brand-transformation h2{font-size:65px}.brand-journey{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.brand-journey>.caption{grid-column:1/-1}.journey-line>p{font-size:29px}.journey-line:last-child{grid-column:1/-1}.art-opening h1{font-size:48px}.opening-art img{object-position:50% 32%}}
@media(max-width:760px){
 .cinematic[data-film='on'] .film-stage .art-opening .scene-frame{padding:0}
 .art-opening .scene-frame{min-height:100svh;padding:0}
 .opening-art{inset:0 -40%;width:180%}.opening-art img{object-position:50% 35%;transform-origin:50% 35%}
 .opening-vignette{background:linear-gradient(180deg,#02070599 0%,transparent 24%,transparent 43%,#020705e8 67%,#020705 100%)}
 .art-opening .opening-location{top:139px;left:24px;right:24px;font-size:7px;letter-spacing:.13em;line-height:1.8}
 .art-opening .scene-content{left:24px;right:24px;bottom:157px;width:auto}
 .art-opening h1{font-size:clamp(39px,10.7vw,52px);line-height:1.1}.art-opening h1>span{display:block}.art-opening h1>span+span:before{content:none}
 .art-opening .opening-lead{font-size:11px;max-width:280px;margin-top:15px}.art-opening .scroll-cue{font-size:7px;margin-top:22px}
 .art-opening .scene-note>span:first-child{max-width:220px}.art-opening .scene-note>span:last-child{display:none}
 .cinematic[data-film='on'] .film-stage .art-opening .scene-content{transform:none!important}
 .brand-transformation .scene-frame,.cinematic[data-film='on'] .film-stage .brand-transformation .scene-frame{padding:126px 24px 126px;align-items:center}
 .brand-transformation .scene-content{display:block;max-width:none}.brand-transformation .kicker{font-size:8px;margin-bottom:12px}.brand-transformation h2{font-size:clamp(39px,10.5vw,56px);line-height:1.04;max-width:none}
 .transformation-statement{font-size:17px;line-height:1.4;margin-top:16px;max-width:none}
 .brand-journey{margin-top:28px}.brand-journey>.caption{font-size:11px;line-height:1.7;margin:0 0 18px;max-width:300px}
 .journey-line{padding:11px 0;grid-template-columns:18px 1fr;gap:16px}.journey-line>p{font-size:29px;line-height:1.12}.journey-line br{display:none}.journey-line br:after{content:' '}
 .brand-transformation .scene-note{font-size:7px}.brand-transformation .scene-note>span:last-child{max-width:140px;text-align:right}
}
@media(max-width:760px) and (max-height:740px){
 .art-opening .opening-location{top:127px}.opening-art img{object-position:50% 27%}.art-opening .scene-content{bottom:146px}.art-opening h1{font-size:36px}.art-opening .opening-lead{font-size:10px;margin-top:11px}.art-opening .scroll-cue{margin-top:16px}
 .brand-transformation .scene-frame,.cinematic[data-film='on'] .film-stage .brand-transformation .scene-frame{padding:124px 20px 115px}.brand-transformation h2{font-size:34px}.brand-transformation .kicker{font-size:7px;margin-bottom:8px}.transformation-statement{font-size:15px;margin-top:12px}.brand-journey{margin-top:18px}.brand-journey>.caption{font-size:10px;line-height:1.6;margin-bottom:12px}.journey-line{padding:8px 0}.journey-line>p{font-size:25px}.brand-transformation .scene-note>span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.opening-art img,.transformation-wash,.journey-line{transform:none!important}}
.cinematic[data-motion='off'] .opening-art img,.cinematic[data-motion='off'] .journey-line,.cinematic[data-motion='off'] .transformation-wash{transform:none}
/* v3.4 opening-only refinement: simpler copy and studio artwork. */
.art-opening .scene-index:after{display:none;content:none}
.art-opening .opening-visual{position:absolute;left:0;top:34%;translate:0 -34%;width:100%;aspect-ratio:2032/774;transform-origin:50% 45%}
.art-opening .opening-visual>.opening-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}
.art-opening .opening-lockup{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:26%;display:flex;flex-direction:column;align-items:center;gap:14px}
.art-opening .opening-lockup>img{height:auto;object-fit:contain;transform:none!important;filter:none}
.art-opening .opening-lockup>.opening-symbol{width:26%}.art-opening .opening-lockup>.opening-wordmark{width:100%}
.art-opening .opening-lockup>span{font-size:clamp(5px,.58vw,10px);line-height:1.6;letter-spacing:.11em;text-align:center;text-transform:uppercase;color:#c0d5c7;white-space:nowrap}
.cinematic[data-motion='full'] .art-opening .opening-visual{transform:scale(calc(1 + var(--p)*.045))}
@media(max-width:760px){.art-opening .opening-visual{top:35%;translate:0 -35%}.art-opening .opening-lockup{gap:8px;width:28%}.art-opening .opening-lockup>span{font-size:4.5px;letter-spacing:.05em}}
@media(max-width:760px) and (max-height:740px){.art-opening .opening-visual{top:27%;translate:0 -27%}.art-opening .opening-lockup{gap:6px}}
@media(prefers-reduced-motion:reduce){.art-opening .opening-visual{transform:none!important}}
/* Discovery light: a feathered cone, fixed bottom-center source and soft landing pool.
   Static gradient masks; only transform/opacity follow cached native scroll. */
.art-opening .opening-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 74% 18%,#174f3545,transparent 62%),radial-gradient(ellipse at 24% 76%,#0c2c2080,transparent 64%),linear-gradient(145deg,#020604,#091a13 54%,#020705)}
.art-opening .opening-atmosphere:after{content:'';position:absolute;z-index:2;left:14%;top:20%;width:72%;height:34%;background:radial-gradient(ellipse,#82d9a820 0%,#3b976b13 30%,transparent 70%);transform:translate3d(calc(var(--beam-shift,0%)*.6),0,0);opacity:var(--beam-alpha,.66)}
.art-opening .opening-atmosphere .opening-light{z-index:2;left:-20%;top:auto;bottom:0;width:140%;height:140%;filter:none;background:conic-gradient(from 342deg at 50% 100%,transparent 0deg,#72c99804 3deg,#a4ebc316 7deg,#c7f8df34 13deg,#e5ffed48 18deg,#c7f8df34 23deg,#a4ebc316 29deg,#72c99804 33deg,transparent 36deg,transparent 360deg);mask-image:linear-gradient(0deg,#000 0%,#000d 22%,#0008 53%,#0002 86%,transparent 100%);transform:rotate(var(--beam-angle,0deg));opacity:var(--beam-alpha,.66);transform-origin:50% 100%}
.art-opening .opening-atmosphere .opening-light:before{content:'';position:absolute;left:44%;top:auto;bottom:-2%;width:12%;height:14%;background:radial-gradient(ellipse at 50% 90%,#e0ffed9c,transparent 70%)}
.art-opening .opening-atmosphere .opening-light:after{inset:0;background:conic-gradient(from 352deg at 50% 100%,transparent,#c5f6dc10 5deg,#effff224 8deg,#c5f6dc10 11deg,transparent 16deg,transparent 360deg);box-shadow:none}
.cinematic[data-motion='full'] .art-opening .opening-atmosphere .opening-light{transform:rotate(var(--beam-angle,0deg));opacity:var(--beam-alpha,.66)}
.art-opening .opening-art{z-index:1;background:transparent;opacity:var(--art-reveal,.68)}
.art-opening .opening-visual>picture{mask-image:none}
.art-opening .opening-visual{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.art-opening .opening-visual:after{content:none}
.art-opening .opening-visual,.cinematic[data-motion='full'] .art-opening .opening-visual{transform:none!important}
.art-opening .opening-lockup{opacity:.78}
.art-opening .opening-vignette{z-index:3;pointer-events:none}
.art-opening .scene-content,.art-opening .scene-note,.art-opening .scene-index{z-index:12}
.opening-bridge{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 68% 35%,#2c754c2b,transparent 62%),linear-gradient(145deg,#06100bb3,transparent 66%)}
.opening-bridge:after{content:none}
.brand-transformation .opening-bridge{opacity:.8}
.project .opening-bridge{z-index:1;opacity:.3;background:linear-gradient(180deg,#0a2018b3,transparent 48%)}
.project .opening-bridge:after{display:none}
.cinematic[data-film='on'] .art-opening .opening-art,.cinematic[data-film='on'] .art-opening .opening-light{will-change:opacity,transform}
@media(min-width:761px){
 .cinematic[data-film='on'] .art-opening .scene-content,.cinematic[data-film='on'] .art-opening .opening-location,.cinematic[data-film='on'] .art-opening .scene-index,.cinematic[data-film='on'] .art-opening .scene-note{opacity:clamp(0,calc((var(--film-alpha,1) - .55) / .45),1)!important}
 .cinematic[data-film='on'] .art-opening .opening-lockup{opacity:clamp(0,calc((var(--film-alpha,1) - .55) / .45),.78)}
 .cinematic[data-film='on'] .art-opening .scene-content{top:min(var(--opening-copy-y,74%),calc(100% - 230px));bottom:auto;transform:translate3d(0,-50%,0) scale(var(--opening-copy-scale,.73))!important;transform-origin:50% 50%}
 .cinematic[data-film='on'] .art-opening h1{font-size:clamp(64px,6.5vw,100px);line-height:1.04}
 .cinematic[data-film='on'] .art-opening h1>span{display:block}
 .cinematic[data-film='on'] .art-opening h1>span+span:before{content:none}
}
@media(min-width:761px) and (max-height:720px){
 .cinematic[data-film='on'] .art-opening .opening-lockup{display:none}
}
.cinematic[data-motion='off'] .art-opening .opening-art,.cinematic[data-motion='off'] .art-opening .opening-art{opacity:.68}
@media(prefers-reduced-motion:reduce){
 .art-opening .opening-art{opacity:.68!important;will-change:auto!important}
 .art-opening .opening-atmosphere .opening-light{transform:rotate(0deg)!important;opacity:.66!important;will-change:auto!important}
 .art-opening .opening-atmosphere:after{transform:none!important}
}

/* Scene 02: one centered editorial composition, with its original timing and copy. */
@media(min-width:761px){
 .brand-transformation .scene-content{align-self:center;max-width:1120px;margin-inline:auto;grid-template-columns:1.08fr 1fr;gap:clamp(48px,5vw,80px)}
 .brand-transformation h2{font-size:clamp(55px,5vw,78px)}
 .brand-transformation .transformation-statement{font-size:clamp(19px,1.8vw,27px);margin-top:24px}
 .brand-transformation .brand-journey{display:block;margin:0}
 .brand-transformation .journey-line>p{font-size:clamp(30px,2.6vw,42px)}
 .brand-transformation .brand-journey>.caption{max-width:340px}
}
@media(min-width:761px) and (max-width:1000px){
 .brand-transformation .scene-content{max-width:600px;grid-template-columns:1fr;gap:32px}
 .brand-transformation .brand-journey{display:block}
 .brand-transformation h2{font-size:58px}
}

.site-footer{padding-bottom:38px}
.film-stage .film-panel:not(.film-active) .scene-frame{will-change:auto}
.film-stage .film-panel:not(.film-active) .opening-art,.film-stage .film-panel:not(.film-active) .opening-light{will-change:auto}

/* Phones share the desktop run, entry/exit curves and progress. Only composition changes. */
@media(max-width:760px){
 
 .site-header{background:#030907f2;backdrop-filter:none;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}
 .grain{opacity:.035}
 .scene-index:after{content:none}
 .cinematic[data-film='on'] .film-stage{contain:layout paint}
 .cinematic[data-film='on'] .film-stage .scene-frame{padding:0;display:block;min-height:0;background-color:#040907}
 .cinematic[data-film='on'] .film-stage .scene-index{top:calc(var(--header) + 30px);left:24px;right:24px;font-size:9px}
 .cinematic[data-film='on'] .film-stage .scene-note{bottom:max(24px,env(safe-area-inset-bottom))!important;left:24px;right:24px;font-size:8px;letter-spacing:.08em}
 .cinematic[data-film='on'] .film-stage .scene-note>span:last-child{display:none}
 .cinematic[data-film='on'] .film-stage .scene-content{position:absolute;left:24px;right:24px;top:calc(50% + 25px);bottom:auto;width:auto;max-width:none;margin:0;padding:0;align-self:auto;translate:0 calc(-50% + var(--copy-shift,0px))!important;transform:none!important;max-height:calc(var(--film-height) - 180px);overflow-y:auto;opacity:clamp(0,calc((var(--copy-opacity,1) - .25) / .75),1)}
 .cinematic[data-film='on'] .film-stage .kicker{font-size:9px;line-height:1.7;letter-spacing:.1em}
 .cinematic[data-film='on'] .film-stage .caption{font-size:13px;line-height:1.8}
 .cinematic[data-film='on'] .film-stage .text-link{font-size:12px;min-height:48px;white-space:normal;gap:16px}
 .art-opening .opening-art{inset:0;width:100%}
 .art-opening .opening-visual{inset:auto;left:50%;top:50%;width:min(100%,calc(var(--film-height,100svh) * .5628));height:auto;aspect-ratio:941/1672;translate:-50% -50%}
 .art-opening .opening-art picture>.opening-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}
 .art-opening .opening-lockup{display:flex;top:33%;width:27%;gap:7px;opacity:.78}
 .art-opening .opening-lockup>.opening-symbol{width:32%}
 .art-opening .opening-lockup>span{display:none}
 .art-opening .opening-atmosphere .opening-light{height:125%;left:-20%;width:140%;bottom:0;top:auto;transform-origin:50% 100%}
 .art-opening .opening-atmosphere:after{left:-5%;top:18%;width:110%;height:25%}
 .cinematic[data-film='on'] .film-stage .art-opening .scene-content{top:calc(67% + 25px);text-align:left}
 .cinematic[data-film='on'] .film-stage .art-opening h1{font-size:clamp(36px,11.2vw,50px);line-height:1.08}
 .cinematic[data-film='on'] .film-stage .art-opening .opening-lead{font-size:14px;line-height:1.8;margin:16px 0 0;max-width:290px}
 .cinematic[data-film='on'] .film-stage .art-opening .scroll-cue{font-size:9px;margin-top:14px;min-height:44px}
 .cinematic[data-film='on'] .film-stage .art-opening .opening-location{top:128px;font-size:8px;text-align:left;letter-spacing:.1em}
 .cinematic[data-film='on'] .film-stage .art-opening .scene-content,.cinematic[data-film='on'] .film-stage .art-opening .opening-location,.cinematic[data-film='on'] .film-stage .art-opening .scene-index{opacity:clamp(0,calc((var(--film-alpha,1) - .55) / .45),1)}
 .cinematic[data-film='on'] .film-stage .art-opening .scene-note{display:none}
 .cinematic[data-film='on'] .film-stage .brand-transformation .scene-content{display:block}
 .cinematic[data-film='on'] .film-stage .brand-transformation h2{font-size:clamp(36px,11vw,48px);line-height:1.08}
 .cinematic[data-film='on'] .film-stage .brand-transformation .kicker{margin-bottom:14px}
 .cinematic[data-film='on'] .film-stage .transformation-statement{font-size:19px;line-height:1.5;margin-top:18px}
 .cinematic[data-film='on'] .film-stage .brand-journey{display:block;margin-top:30px}
 .cinematic[data-film='on'] .film-stage .brand-journey>.caption{font-size:13px;line-height:1.8;margin:0 0 18px;max-width:none}
 .cinematic[data-film='on'] .film-stage .journey-line{padding:13px 0;gap:16px;grid-template-columns:18px 1fr;transform:translate3d(calc((1 - var(--enter))*18px),0,0)}
 .cinematic[data-film='on'] .film-stage .journey-line>p{font-size:clamp(27px,7.8vw,33px);line-height:1.2}
 .cinematic[data-film='on'] .film-stage .journey-line br{display:none}
 .cinematic[data-film='on'] .film-stage .project-image{position:absolute;inset:auto;left:0;top:50%;width:100%;height:auto;aspect-ratio:1348/926;margin:0;border:0;translate:0 -50%;opacity:clamp(0,calc((.35 - var(--p))*10),1);transform:translateX(calc((1 - var(--enter))*4vw))}
 .cinematic[data-film='on'] .film-stage .project-image>img{width:100%;height:auto;object-fit:contain;filter:none;transform:scale(calc(1.06 - var(--p)*.06));transform-origin:center}
 .cinematic[data-film='on'] .film-stage .project-image:after{display:none}
 .cinematic[data-film='on'] .film-stage .project .scene-content{opacity:calc(clamp(0,calc((var(--copy-opacity,1) - .25) / .75),1) * clamp(0,calc((var(--p) - .35)*10),1))}
 .cinematic[data-film='on'] .film-stage .project h2{font-size:clamp(48px,14vw,62px);line-height:1.06}
 .cinematic[data-film='on'] .film-stage .project h2 br{display:block}
 .cinematic[data-film='on'] .film-stage .project .kicker{font-size:9px;margin-bottom:18px}
 .cinematic[data-film='on'] .film-stage .project-detail{display:block;margin-top:22px}
 .cinematic[data-film='on'] .film-stage .project .caption{max-width:none}
 .cinematic[data-film='on'] .film-stage .project-link{margin-top:16px}
 .cinematic[data-film='on'] .film-stage .kings h3{font-size:clamp(38px,10.5vw,50px);line-height:1.1}
 .cinematic[data-film='on'] .film-stage .kings .kicker{font-size:9px}
 .cinematic[data-film='on'] .film-stage .kings .caption{font-size:14px;line-height:1.8}
 .cinematic[data-film='on'] .film-stage .kings-type{font-size:clamp(80px,25vw,160px);opacity:.08;top:23%;transform:translateX(calc(var(--p)*-10vw))}
 .cinematic[data-film='on'] .film-stage .services .scene-content{display:block}
 .cinematic[data-film='on'] .film-stage .services h2{font-size:38px;line-height:1.08}
 .cinematic[data-film='on'] .film-stage .services-intro .caption{font-size:12px;line-height:1.7;margin-top:16px}
 .cinematic[data-film='on'] .film-stage .service-lines{margin-top:28px}
 .cinematic[data-film='on'] .film-stage .service-line{padding:16px 0;grid-template-columns:18px 1fr 18px;gap:12px}
 .cinematic[data-film='on'] .film-stage .service-line h3{font-size:25px;line-height:1.2}
 .cinematic[data-film='on'] .film-stage .service-line p{font-size:12px;line-height:1.7;margin-top:8px}
 .cinematic[data-film='on'] .film-stage .human .scene-content{display:block;height:calc(var(--film-height) - 180px)}
 .cinematic[data-film='on'] .film-stage .human .portrait{position:absolute;left:50%;top:50%;width:min(65vw,280px);max-width:65%;margin:0;translate:-50% -50%;transform:translateY(calc((1 - var(--enter))*26px)) scale(calc(.96 + var(--enter)*.04));opacity:clamp(0,calc((.35 - var(--p))*10),1)}
 .cinematic[data-film='on'] .film-stage .human .portrait:before{display:none}
 .cinematic[data-film='on'] .film-stage .human-copy{display:block;position:absolute;top:50%;left:0;right:0;translate:0 -50%;opacity:clamp(0,calc((var(--p) - .35)*10),1)}
 .cinematic[data-film='on'] .film-stage .human h2{font-size:clamp(38px,10.5vw,50px);line-height:1.1;margin:18px 0 0}
 .cinematic[data-film='on'] .film-stage .human-copy>p:not(.kicker){font-size:14px;line-height:1.8;margin:24px 0}
 .cinematic[data-film='on'] .film-stage .founder-name{font-size:15px}
 .cinematic[data-film='on'] .film-stage .founder-role{font-size:9px;margin:9px 0 16px}
 .cinematic[data-film='on'] .film-stage .closing h2{font-size:clamp(44px,12vw,58px);line-height:1.08;margin:24px 0}
 .cinematic[data-film='on'] .film-stage .closing .caption{font-size:14px;line-height:1.8}
 .cinematic[data-film='on'] .film-stage .closing-cta{width:100%;font-size:12px;gap:16px;margin-top:28px;min-height:60px;justify-content:space-between}
 .cinematic[data-film='on'] .film-stage .closing-mark{opacity:.025}
}
@media(max-width:760px) and (max-height:740px){
 .cinematic[data-film='on'] .film-stage .brand-transformation h2{font-size:40px}
 .cinematic[data-film='on'] .film-stage .brand-journey{margin-top:22px}
 .cinematic[data-film='on'] .film-stage .journey-line{padding:10px 0}
 .cinematic[data-film='on'] .film-stage .services h2{font-size:32px}
 .cinematic[data-film='on'] .film-stage .service-lines{margin-top:18px}
 .cinematic[data-film='on'] .film-stage .service-line{padding:11px 0}
 .cinematic[data-film='on'] .film-stage .service-line h3{font-size:23px}
}
@media(max-width:360px){
 .cinematic[data-film='on'] .film-stage .scene-content{left:20px;right:20px}
 .cinematic[data-film='on'] .film-stage .brand-transformation h2{font-size:36px}
 .cinematic[data-film='on'] .film-stage .brand-journey>.caption{font-size:12px}
 .cinematic[data-film='on'] .film-stage .transformation-statement{font-size:17px}
 .cinematic[data-film='on'] .film-stage .journey-line>p{font-size:27px}
 .cinematic[data-film='on'] .film-stage .services h2{font-size:30px}
 .cinematic[data-film='on'] .film-stage .service-line h3{font-size:21px}
 .cinematic[data-film='on'] .film-stage .service-line p{font-size:12px;line-height:1.65}
 .cinematic[data-film='on'] .film-stage .human h2{font-size:36px}
 .cinematic[data-film='on'] .film-stage .human-copy>p:not(.kicker){font-size:13px;line-height:1.75;margin:20px 0}
}
/* Short windows and enlarged text keep the shared film, with a native reading area if needed. */
@media(max-width:760px) and (max-height:599px){
 .cinematic[data-film='on'] .film-stage .scene-content{top:calc(var(--header) + 66px);bottom:max(40px,env(safe-area-inset-bottom));translate:0 var(--copy-shift,0px)!important;overflow-y:auto;overscroll-behavior:auto}
 .cinematic[data-film='on'] .film-stage .art-opening .scene-content{top:53%;bottom:24px}
 .cinematic[data-film='on'] .film-stage .art-opening h1{font-size:32px}
 .cinematic[data-film='on'] .film-stage .human .scene-content{height:auto}
 .cinematic[data-film='on'] .film-stage .human-copy{position:relative;top:0;translate:none}
 .cinematic[data-film='on'] .film-stage .human .portrait{top:40%;width:150px}
}
@media(max-width:760px){
 .cinematic[data-motion='off'] .scene,.cinematic[data-motion='off'] .scene-frame{height:auto;min-height:0}
 .cinematic[data-motion='off'] .scene-frame{padding:130px 24px 90px}
 .cinematic[data-motion='off'] .art-opening .scene-frame{padding:440px 24px 70px}
 .cinematic[data-motion='off'] .art-opening .opening-art{height:430px}
 .cinematic[data-motion='off'] .art-opening .scene-content{position:relative;inset:auto;width:100%;text-align:left}
 .cinematic[data-motion='off'] .scene-note{bottom:30px!important}
 .cinematic[data-motion='off'] .human .scene-content,.cinematic[data-motion='off'] .services .scene-content{display:block}
 .cinematic[data-motion='off'] .human-copy{display:block}
 .cinematic[data-motion='off'] .portrait{width:220px;margin:0 0 36px}
}


@media(max-width:360px){
 .cinematic[data-film='on'] .film-stage .brand-transformation h2{font-size:33px}
 .cinematic[data-film='on'] .film-stage .brand-journey{margin-top:16px}
 .cinematic[data-film='on'] .film-stage .brand-journey>.caption{line-height:1.65}
 .cinematic[data-film='on'] .film-stage .journey-line{padding:8px 0}
 .cinematic[data-film='on'] .film-stage .services .scene-content{top:calc(50% + 40px)}
 .cinematic[data-film='on'] .film-stage .services h2{font-size:28px}
 .cinematic[data-film='on'] .film-stage .service-lines{margin-top:14px}
 .cinematic[data-film='on'] .film-stage .service-line{padding:8px 0}
 .cinematic[data-film='on'] .film-stage .service-line p{line-height:1.55}
}
@media(max-width:760px) and (min-height:600px) and (max-height:639px){
 .cinematic[data-film='on'] .film-stage .scene-content{top:calc(50% + 35px)}
}

@media(max-width:760px) and (min-height:640px){
 .cinematic[data-film='on'] .film-stage .scene-content{max-height:calc(var(--film-height) - 160px)}
}
/* Approved presentation refinements; scene choreography remains in immersive-v3.js. */
.service-line{grid-template-columns:26px 1fr}
.care-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap}
.care-price{font-size:12px;font-weight:600;color:#a5ddbc;white-space:nowrap;letter-spacing:0}
.service-line p{max-width:440px}
.service-line .care-scope{font-size:11px;color:#9bb6a7;margin-top:7px}
.care-cta{display:inline-block;font-size:12px;font-weight:700;padding:10px 0 5px;border-bottom:1px solid #719b8270}
.human h2{font-size:clamp(40px,4.2vw,67px);max-width:620px}
.human .scene-content{grid-template-columns:.9fr 1.1fr;gap:6vw}
.human-copy>.kicker{margin-top:0;margin-bottom:15px}
.founder-introduction{max-width:540px;margin:24px 0;color:#b9cbbf;font-size:14px;line-height:1.85}
.founder-introduction p+p{margin-top:16px}
.founder-role{margin-bottom:8px}
.founder-location{font-size:11px;color:#b9cbbf;margin-bottom:14px}
.text-link,.closing-cta{justify-content:center;gap:0}
.project-image{inset:18% 3% 4% 14%;background:#0c120d}
.project-image>img{object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cinematic[data-motion='full'] .project-image>img{transform:scale(calc(.915 - var(--p)*.165)) translateY(calc(var(--p)*-2%))}
@media(min-width:761px) and (max-height:760px){
 .human .scene-frame{padding-top:120px;padding-bottom:100px}
 .human h2{font-size:clamp(36px,3.6vw,52px)}
 .founder-introduction{font-size:13px;line-height:1.7;margin:18px 0}
 .human .human-copy{max-height:calc(var(--film-height,100svh) - 220px);overflow-y:auto}
}
@media(max-width:760px){
 .project-image{aspect-ratio:1333/893}
 .cinematic[data-film='on'] .film-stage .project-image{left:12.5%;width:75%;aspect-ratio:1333/893}
 .cinematic[data-film='on'] .film-stage .project-image>img{transform:scale(calc(1.06 - var(--p)*.06));mask-image:none}
 .cinematic[data-film='on'] .film-stage .project-image:after{display:block;background:linear-gradient(0deg,#03080633,transparent 45%)}
 .cinematic[data-film='on'] .film-stage .service-line{grid-template-columns:18px 1fr;padding:12px 0}
 .care-heading{display:block}
 .care-price{display:block;margin-top:7px}
 .cinematic[data-film='on'] .film-stage .service-line .care-scope{font-size:11px;line-height:1.6;margin-top:7px}
 .care-cta{font-size:12px;padding:9px 0 4px}
 .cinematic[data-film='on'] .film-stage .human h2{font-size:clamp(30px,8.3vw,40px);margin-top:14px;line-height:1.15}
 .cinematic[data-film='on'] .film-stage .human-copy{max-height:100%;overflow-y:auto}
 .cinematic[data-film='on'] .film-stage .founder-introduction{font-size:14px;line-height:1.75;margin:20px 0}
 .cinematic[data-film='on'] .film-stage .human-copy>.kicker{margin-top:0}
 .cinematic[data-film='on'] .film-stage .founder-role{margin-bottom:7px}
 .founder-location{margin-bottom:8px}
 .cinematic[data-film='on'] .film-stage .closing-cta{justify-content:center}
}
@media(max-width:760px) and (max-height:740px){
 .cinematic[data-film='on'] .film-stage .human h2{font-size:30px;margin-top:10px}
 .cinematic[data-film='on'] .film-stage .founder-introduction{font-size:13px;line-height:1.65;margin:15px 0}
 .founder-introduction p+p{margin-top:12px}
 .cinematic[data-film='on'] .film-stage .service-line{padding:9px 0}
 .cinematic[data-film='on'] .film-stage .service-lines{margin-top:16px}
}
@media(max-width:360px){
 .cinematic[data-film='on'] .film-stage .human h2{font-size:28px}
 .cinematic[data-film='on'] .film-stage .founder-introduction{font-size:13px}
 .cinematic[data-film='on'] .film-stage .service-line{padding:8px 0}
 .cinematic[data-film='on'] .film-stage .service-line h3{font-size:21px}
}
@media(min-width:761px){.project-image{background:transparent;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 91%,transparent)}.project-image:after{background:linear-gradient(90deg,#0c120df0,transparent 55%),linear-gradient(0deg,#0c120d, #0c120db3 17%,transparent 62%)}}

/* Owner-requested responsive corrections. Existing timeline lengths preserved. */
@media(min-width:761px){
 .care-heading{display:block}
 .care-price{display:block;margin-top:8px}
}
@media(max-width:760px){
 .cinematic[data-film='on'] .film-stage .project-image{inset:0;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;translate:none;opacity:1;background:#0c120d}
 .cinematic[data-film='on'] .film-stage .project-image>img{width:100%;height:100%;object-fit:cover;object-position:72% center;filter:brightness(.72) saturate(.8);transform:scale(calc(1.06 - var(--p)*.06));mask-image:none}
 .cinematic[data-film='on'] .film-stage .project-image:after{display:block;background:linear-gradient(0deg,#030806f0 0%,#030806b8 40%,#03080655 75%,#03080666),linear-gradient(90deg,#03080680,transparent)}
 .cinematic[data-film='on'] .film-stage .project .scene-content{opacity:clamp(0,calc((var(--copy-opacity,1) - .25) / .75),1);z-index:2}
 .cinematic[data-film='on'] .film-stage .human .portrait{width:min(78vw,336px);max-width:78%}
 .cinematic[data-motion='off'] .portrait{width:264px;max-width:100%}
}

/* Kings LOCAL: enter from the right, settle during the first half, then hold. */
.kings-type{--local-rest:7vw;left:var(--local-rest);white-space:nowrap}
.cinematic[data-motion='full'] .kings-type{
 --local-t:clamp(0,calc(var(--p)*2),1);
 --local-ease:calc(var(--local-t)*var(--local-t)*(3 - 2*var(--local-t)));
 --local-travel:calc(100vw - var(--local-rest) + 2px);
 transform:translate3d(calc((1 - var(--local-ease))*var(--local-travel)),0,0);
}
@media(max-width:760px){
 .kings-type{--local-rest:24px}
 .cinematic[data-film='on'] .film-stage .kings-type{transform:translate3d(calc((1 - var(--local-ease))*var(--local-travel)),0,0)}
}

/* Owner-approved navigation and Services typography; the film timeline is unchanged. */
.site-header .header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid #a8edc7;border-radius:6px;background:#a8edc7;color:#092115;font-size:14px;font-weight:650;white-space:nowrap}
.site-header .header-contact:hover{background:#c0f5d9;border-color:#c0f5d9;color:#092115}
html.rv-menu-open,html.rv-menu-open body{overflow:hidden!important;overscroll-behavior:none}
html.rv-menu-open{scrollbar-gutter:stable}
.mobile-nav{top:var(--header);bottom:0;z-index:99;max-height:none;padding:24px 24px calc(28px + env(safe-area-inset-bottom));background:#07100c;border:0;overflow-y:auto;overscroll-behavior:contain;display:block}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.mobile-menu-top>span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#a7bdb0}
.mobile-menu-close{min-width:72px;min-height:44px;padding:10px 16px;border:1px solid #819d8c;border-radius:4px;background:#101b14;color:#edf3ee;font-size:14px}
.mobile-menu-links{display:grid;gap:0}
.mobile-menu-links>a{display:flex;align-items:center;min-height:64px;padding:12px 0;border-bottom:1px solid #a8edc728;font-size:25px;line-height:1.3;letter-spacing:-.03em;font-weight:500}
.mobile-menu-links>a:hover{color:#a8edc7}
.mobile-menu-links>.mobile-menu-cta{justify-content:center;min-height:56px;margin-top:26px;padding:12px 18px;border:1px solid #a8edc7;border-radius:6px;background:#a8edc7;color:#092115;font-size:16px;letter-spacing:0;font-weight:700}
.services h2>span,.services h2>em{display:block}
@media(min-width:1101px){
 .services .scene-content{grid-template-columns:1.2fr 1fr;gap:4vw}
 .services h2{font-size:clamp(64px,5.6vw,96px);line-height:1.04;max-width:none}
 .services-intro .caption{font-size:17px;line-height:1.8;max-width:470px;margin-top:32px}
 .service-line{padding:22px 0}
 .service-line h3{font-size:clamp(36px,3.65vw,58px)}
 .service-line p{font-size:16px;line-height:1.75;max-width:480px}
 .service-line .care-scope{font-size:13px;line-height:1.65}
 .care-price{font-size:15px}
 .care-cta{font-size:14px;min-height:44px}
}
@media(min-width:761px) and (max-height:760px){
 .services .scene-content{grid-template-columns:1.2fr 1fr;gap:4vw}
 .services h2{font-size:clamp(44px,4.7vw,68px);line-height:1.05;max-width:none}
 .services-intro .caption{font-size:14px;line-height:1.7;max-width:440px;margin-top:25px}
 .service-line{padding:14px 0}
 .service-line h3{font-size:clamp(28px,2.7vw,39px)}
 .service-line p{font-size:14px;line-height:1.65;margin-top:9px}
 .service-line .care-scope{font-size:12px;line-height:1.6}
 .care-price{font-size:13px;margin-top:6px}
 .care-cta{font-size:13px;min-height:40px;padding-top:8px}
}
@media(max-width:760px){
 .header-end{gap:10px}
 .site-header .header-contact{min-height:44px;padding:9px 12px;font-size:12px}
}
@media(max-width:360px){.site-header .brand img{width:120px}.mobile-nav{padding-inline:20px}.mobile-menu-links>a{font-size:23px}}