/* TYPE C's motion direction: open composition, sculptural play and scroll-led reveals. */
:root{--paper:#f0f2fa;--gutter:5vw;--scroll-speed:0}.header{position:fixed;left:0;right:0;top:0;height:145px;padding-top:24px;padding-bottom:24px;background:transparent;pointer-events:none;align-items:flex-start}.header>*{pointer-events:auto}.header .brand{margin-top:10px;background:#111419;width:76px;border-radius:10px;padding:6px 12px}.header-intro{font-size:clamp(23px,2.4vw,38px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:24px auto 0 13vw;transition:opacity .25s,transform .4s;max-width:560px}.header-actions{margin-top:25px;align-items:center}.header-scrolled .header-intro{opacity:0;transform:translateY(-15px);pointer-events:none}.header-scrolled .header{height:110px}.header-scrolled .header .brand{box-shadow:0 4px 20px #11141912}.header-scrolled .header-actions .pill{box-shadow:0 4px 20px #11141909}.hero{padding-top:185px}.hero-stage{height:calc(100svh - 235px);min-height:455px;border-radius:24px;isolation:isolate;transform-origin:50% 0%;will-change:transform}.hero-stage:after{background:linear-gradient(transparent 70%,#080e1970);pointer-events:none}.hero-topline{display:none}#scene{z-index:0;cursor:grab;touch-action:pan-y}#scene.dragging{cursor:grabbing}.hero-stage:after{z-index:1}.hero-foot{z-index:3;left:25px;right:25px;bottom:22px;pointer-events:none;align-items:center;gap:14px}.hero-foot>*{pointer-events:auto}.hero-foot .interaction-hint{margin-right:auto;font-size:9px;letter-spacing:.06em;pointer-events:none}.scene-shuffle{background:#ffffffdf;color:#111419;border:0;border-radius:40px;padding:14px 18px;font-size:10px;min-height:44px;cursor:pointer}.scene-play{font-size:9px;min-height:44px}.scene-fallback{z-index:-1;gap:10px}.scene-fallback img{width:35%;transform:rotate(-20deg);filter:drop-shadow(15px 20px 8px #0005)}.scene-fallback img:nth-child(2){transform:rotate(20deg)}.scroll-bar{height:50px}.section-meta{margin-bottom:55px}.about{position:relative;padding-top:145px;padding-bottom:25px;isolation:isolate;overflow:clip}.about h2{font-size:clamp(60px,9.3vw,160px);line-height:.98;letter-spacing:-.065em}.about h2 .indent{display:inline-block;margin-left:15vw}.intro-ribbon{position:absolute;left:-8%;top:0;width:112%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.intro-ribbon path{fill:none;stroke:#8cccf3;stroke-width:27;stroke-linecap:round;stroke-dasharray:4000;stroke-dashoffset:4000}.about-grid{margin-top:85px;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}.about-copy .large-copy{font-size:clamp(20px,1.7vw,27px);line-height:1.3}.about-copy>p:not(.large-copy){font-size:15px;max-width:570px;color:#343c47}.connection-note{display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.04em;padding-bottom:20px}.little-plus{font-size:30px;font-weight:400}.showcase{height:170svh;position:relative;margin-top:45px}.showcase-pin{height:100svh;position:sticky;top:0;padding:125px var(--gutter) 30px;display:flex;flex-direction:column;justify-content:center;perspective:1400px;overflow:hidden}.showcase-panel{position:relative;width:100%;height:calc(100svh - 175px);min-height:420px;border-radius:24px;overflow:hidden;transform-origin:0 50%;isolation:isolate;will-change:transform,clip-path;background:#a5d9f7}.showcase-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13243165,transparent 35%);pointer-events:none;z-index:1}#showcase-scene{position:absolute;inset:0;cursor:grab;touch-action:pan-y}#showcase-scene canvas{display:block;width:100%;height:100%}.showcase-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;pointer-events:none;z-index:2}.showcase-title{position:absolute;left:30px;right:30px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;font-size:clamp(54px,10vw,170px);line-height:1;letter-spacing:-.06em;pointer-events:none;color:#fff;mix-blend-mode:soft-light;z-index:2}.showcase-cta{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;background:#fff;color:#111419}.showcase-cta:hover{transform:translateX(-50%) translateY(-4px);background:#111419;color:#fff}.showcase-crosses{display:flex;justify-content:space-between;font-size:28px;margin-top:12px;line-height:1}.services{padding-top:100px}.services .section-title{align-items:center}.services .section-title h2{font-size:clamp(58px,7vw,120px)}.service-grid{gap:80px 28px}.service-card{will-change:transform}.card-visual{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s,border-radius .5s;will-change:transform}.service-card:hover .card-visual{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.985);border-radius:38px}.card-info h3{overflow:hidden}.card-info h3 .title-roll{display:inline-block;position:relative;transition:transform .55s cubic-bezier(.2,.7,.2,1);font-size:inherit}.card-info h3 .title-roll:after{content:attr(data-title);position:absolute;top:120%;left:0;white-space:nowrap}.service-card:hover .title-roll{transform:translateY(-120%)}.creators{position:relative;overflow:hidden}.creators:after{content:'';width:600px;height:600px;border:1px solid #11141925;border-radius:50%;position:absolute;left:-250px;top:-120px;pointer-events:none}.creator-mark{transform:rotate(var(--arrow-turn,0deg));will-change:transform}.closing{min-height:90svh;padding-top:150px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;background:var(--paper);color:var(--ink);border-radius:0;overflow:hidden}.closing-sculpture{position:absolute;inset:0;z-index:-1;pointer-events:none;display:grid;place-items:center;opacity:.23;transform:scale(var(--closing-scale,.8)) rotate(var(--closing-turn,-12deg));will-change:transform}.closing-sculpture img{width:82%;height:110%;object-fit:contain;filter:brightness(.8) saturate(1.1)}.closing-link{font-size:clamp(80px,13vw,220px)}.closing-link em{color:var(--ink)}.closing-link:hover{color:#3a718f}.closing-link:hover em{color:#3a718f}.closing-bottom p{color:#313e4b}.closing .pill{background:var(--ink);color:white}.closing-kicker{margin-bottom:55px}.status-dot{background:#111419}.menu{inset:125px var(--gutter) 24px;background:#a5d9f7;transform-origin:100% 0;animation:menu-in .55s cubic-bezier(.2,.7,.2,1)}.menu-open .header{position:fixed;background:var(--paper)}.menu-links a{overflow:hidden}.menu-links a:hover{transform:translateX(8px);transition:transform .3s}.pill{will-change:transform}.reveal{opacity:1!important;transform:none!important;transition:none}.reveal .word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.reveal .word-inner{display:inline-block;transform:translateY(112%) rotate(3deg);transition:transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay,0s);will-change:transform}.reveal.visible .word-inner{transform:none}.play-cursor{position:fixed;left:0;top:0;width:76px;height:76px;border-radius:50%;background:#f1f7fcdf;color:#102634;display:grid;place-items:center;z-index:50;font-size:10px;font-weight:500;letter-spacing:.04em;pointer-events:none;opacity:0;scale:.3;transition:opacity .2s,scale .3s;transform:translate(-120px,-120px);backdrop-filter:blur(5px)}.play-cursor.active{opacity:1;scale:1}.play-cursor.pressed{scale:.8}.motion-paused .play-cursor{opacity:0}.motion-paused .hero-foot .interaction-hint{opacity:.4}@keyframes menu-in{from{opacity:0;clip-path:inset(0 0 100% 100% round 30px)}to{opacity:1;clip-path:inset(0 round 28px)}}
@media(min-width:1000px){.about .section-meta{display:none}.about-grid{margin-top:80px}.header-intro{margin-left:12vw}.header .brand{width:76px}.hero-stage{min-height:420px}}
@media(max-width:1000px){.header-intro{margin-left:8vw;font-size:23px;max-width:350px}.header{gap:15px}.hero{padding-top:170px}.hero-stage{height:calc(100svh - 220px);min-height:520px}.about h2{font-size:9vw}.about h2 .indent{margin-left:10vw}.showcase-panel{min-height:420px}.showcase-top{font-size:9px}.header-actions .pill{font-size:10px;padding:16px 19px;gap:18px}.showcase-title{font-size:10vw}}
@media(max-width:650px){:root{--gutter:20px}.header{height:85px;padding:12px 20px;align-items:flex-start}.header .brand{width:52px;margin-top:0;padding:3px 6px}.header-actions{margin-top:10px}.header-actions .pill{font-size:10px;padding:14px 17px;gap:16px}.header-intro{display:block;position:absolute;top:95px;left:20px;right:20px;margin:0;font-size:clamp(20px,5.5vw,30px);line-height:1.1;max-width:none}.header-intro br:nth-of-type(1){display:none}.header-intro br:nth-of-type(2){display:none}.hero{padding-top:195px}.hero-stage{height:calc(100svh - 245px);min-height:470px;border-radius:19px}.hero-foot{left:16px;right:16px;bottom:17px;flex-wrap:wrap;gap:8px}.hero-foot .interaction-hint{width:100%;font-size:8px;margin-bottom:2px}.scene-shuffle{font-size:8px;padding:11px 13px}.scene-play{font-size:8px;margin-left:auto;padding:11px 13px}.scroll-bar{height:45px}.about{padding-top:85px;padding-bottom:5px}.about .section-meta{margin-bottom:36px}.about h2{font-size:clamp(39px,10.8vw,67px);line-height:1.02}.about h2 .indent{margin-left:5vw}.intro-ribbon{left:-30%;width:160%;height:90%;top:60px;opacity:.8}.intro-ribbon path{stroke-width:35}.about-grid{margin-top:40px;grid-template-columns:1fr;gap:30px}.about-copy .large-copy{font-size:22px}.about-copy>p:not(.large-copy){font-size:14px}.connection-note{grid-row:2;font-size:8px;gap:12px;padding:0}.showcase{height:130svh;margin-top:20px}.showcase-pin{padding:100px 20px 25px;height:100svh}.showcase-panel{height:calc(100svh - 150px);min-height:470px;border-radius:20px}.showcase-title{font-size:15vw;left:18px;right:18px}.showcase-top{font-size:7px;letter-spacing:0;left:18px;right:18px;top:20px}.showcase-cta{font-size:9px;padding:15px 18px;bottom:20px}.showcase-crosses{font-size:22px}.services{padding-top:75px}.services .section-title h2{font-size:12vw;max-width:290px}.service-grid{gap:50px}.card-visual{transition:transform .3s}.card-info h3{font-size:33px}.creators{margin:0 10px}.closing{min-height:75svh;padding-top:90px;padding-bottom:80px}.closing-link{font-size:15vw}.closing-sculpture img{width:130%;max-width:none;height:100%}.closing-bottom p{font-size:14px}.menu{inset:90px 12px 12px}.play-cursor{display:none}.header-scrolled .header{height:85px}}
@media(max-width:360px){.header{gap:8px}.header .brand{width:46px}.header .pill{padding:12px 13px;gap:12px;font-size:9px}.header .menu-toggle{min-width:76px}.header-actions{gap:6px}.header-intro{font-size:22px}.hero-stage{min-height:450px}.hero{padding-top:180px}.hero-foot .interaction-hint{font-size:7px}.scene-shuffle,.scene-play{font-size:7px}.about h2{font-size:10.4vw}.card-info h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.reveal .word-inner{transform:none!important}.intro-ribbon path{stroke-dashoffset:0!important}.showcase{height:auto}.showcase-pin{position:relative;height:auto;min-height:650px}.showcase-panel{transform:none!important;clip-path:none!important}.hero-stage,.service-card,.closing-sculpture,.creator-mark{transform:none!important}.play-cursor{display:none}.menu{animation:none}.header-intro{transition:none}}

[hidden]{display:none!important}
/* Responsive finishing: fluid cards, reachable controls and short-screen layouts. */
html{scroll-padding-top:120px}body{overflow-x:clip}.header{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.header-intro{min-width:0;margin-left:clamp(20px,7vw,110px);font-size:clamp(20px,2.3vw,36px)}.service-card,.card-info,.section-title>*{min-width:0}.card-info h3{font-size:clamp(24px,3vw,46px)}.card-info h3 .title-roll{min-width:0;overflow-wrap:anywhere}.footer-nav a,footer a[href^="tel:"],footer a[href^="mailto:"]{min-height:44px;align-content:center}.menu-bottom a{overflow-wrap:anywhere;min-height:44px;align-content:center}.menu{overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}.hero-foot button{touch-action:manipulation}.header-actions .pill{white-space:nowrap}.closing,footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
@media(min-width:1600px){:root{--gutter:max(5vw,calc((100vw - 1760px)/2))}.card-visual{height:560px}}
@media(min-width:651px) and (max-width:1000px){.header-intro{margin-left:20px;font-size:22px}.header-actions{gap:8px}.header-actions .pill{padding:14px 16px;gap:12px}.menu-toggle{min-width:90px}.card-info h3{font-size:clamp(24px,3.3vw,33px);gap:10px}.creators{padding-left:32px;padding-right:32px}}
@media(max-width:650px){html{scroll-padding-top:100px}.header-intro{left:20px;right:20px;top:95px;margin:0;font-size:clamp(20px,5.3vw,30px)}.hero{padding-top:150px}.hero-stage{height:calc(100svh - 200px);min-height:340px;max-height:680px}.hero-foot .interaction-hint{font-size:9px}.scene-shuffle,.scene-play{font-size:10px;min-height:44px}.about{padding-top:65px}.section{padding-top:65px;padding-bottom:65px}.about{padding-bottom:10px}.section-meta{margin-bottom:32px}.services .section-title h2{font-size:clamp(36px,10.5vw,66px);max-width:none}.card-visual{height:auto;aspect-ratio:1.05}.card-info{padding-top:12px}.card-info h3{font-size:clamp(24px,6.7vw,36px);gap:12px}.service-grid{gap:32px}.phone-c{font-size:clamp(112px,39vw,210px)}.phone-star{font-size:clamp(90px,30vw,160px)}.phone>span{font-size:clamp(10px,3.2vw,17px)}.campaign-sheet{padding:clamp(14px,5vw,24px)}.campaign-sheet h4{font-size:clamp(28px,9vw,44px);margin:14px 0}.campaign-sheet>div{font-size:clamp(10px,3.3vw,15px);padding:8px 0}.campaign-sheet b{margin-right:8px}.approval-stamp{width:clamp(78px,26vw,115px);height:clamp(78px,26vw,115px);font-size:16px}.closing{min-height:0;padding-top:75px;padding-bottom:60px}.closing-kicker{margin-bottom:36px}.menu-links a{font-size:clamp(32px,10vw,48px);min-height:56px}.footer-nav{display:flex;flex-wrap:wrap;gap:0 14px}.footer-nav a{margin:0}.footer-bottom{align-items:center}.footer-bottom>a{min-height:44px;align-content:center}}
@media(max-height:500px) and (orientation:landscape){.header,.header-scrolled .header{height:76px;padding-top:8px;padding-bottom:8px}.header .brand{width:48px;padding:3px 6px;margin-top:0}.brand img{height:48px;width:36px}.header-actions{margin-top:7px}.header-intro{position:static;margin:18px auto 0 20px;font-size:20px}.hero{padding-top:95px}.hero-stage{height:calc(100svh - 140px);min-height:240px}.hero-foot{bottom:12px}.hero-foot .interaction-hint{width:auto;margin:0 auto 0 0}.menu{inset:80px 20px 12px;padding:16px 24px}.menu-links a{font-size:30px;min-height:44px;padding:3px 0}.menu-links a span{padding-top:10px}.menu-bottom{margin-top:16px}.section{padding-top:60px;padding-bottom:60px}}
@media(pointer:coarse){.play-cursor{display:none}.pill:hover,.service-card:hover .card-visual,.service-card:hover h3 span,.menu-links a:hover{transform:none}.title-roll:after{display:none}}
/* Original editorial image series, balanced across three services. */
.editorial-photo{height:auto!important;aspect-ratio:4/3;background:#a5d9f7}.editorial-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.service-card:hover .editorial-photo img{transform:scale(1.045)}}
@media(min-width:1000px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card-info h3{font-size:clamp(22px,2.2vw,36px);gap:10px}}
@media(min-width:651px) and (max-width:999px){.service-card:last-child{grid-column:1/-1;max-width:70%;justify-self:center;width:100%}}
@media(max-width:650px){.editorial-photo{aspect-ratio:4/3}.service-grid{gap:36px}}
@media(prefers-reduced-motion:reduce){.editorial-photo img{transition:none!important;transform:none!important}}
.services-board{display:block;max-width:1448px;margin:0 auto;border-radius:26px;overflow:hidden}.services-board img{width:100%;height:auto;display:block}.services-board:focus-visible{outline:3px solid #2885c0;outline-offset:6px}@media(max-width:650px){.services-board{margin:0 -10px;border-radius:16px}}