:root{--paper:#f0eee7;--ink:#11100e;--coral:#ff5c35;--cobalt:#3158ff;--acid:#d8ff45;--pad:clamp(18px,3vw,46px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.web-header{position:sticky;z-index:20;top:0;min-height:90px;padding:14px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border-bottom:1px solid var(--ink);background:var(--paper)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none}.wordmark img{width:52px;height:52px;border-radius:11px}.wordmark strong{font:800 .7rem/.95 Manrope;letter-spacing:.14em}.web-header>span,.web-header nav a{font:500 .62rem DM Mono;text-transform:uppercase}.web-header nav{display:flex;gap:22px;align-items:center}.web-header nav a{text-decoration:none}.book-link{padding:13px 15px;border:1px solid var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink)}
.web-hero{min-height:calc(100vh - 90px);padding:54px var(--pad) 44px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--ink);overflow:hidden}.web-hero>p{margin:0;font:500 .65rem DM Mono}.web-hero h1{margin:30px 0;font:700 clamp(4rem,10vw,10rem)/.71 Space Grotesk;letter-spacing:-.08em}.web-hero h1 em{color:var(--cobalt);font-style:normal}.web-hero h1 mark{padding:0 .08em .06em;background:var(--coral);box-shadow:8px 8px 0 var(--ink)}.hero-bottom{max-width:600px}.hero-bottom p{margin:0;font:600 clamp(1.1rem,1.7vw,1.45rem)/1.45 Space Grotesk}
.build-story{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff}.build-copy{padding:80px var(--pad)}.build-kicker{margin:0 0 50px;color:var(--acid);font:500 .62rem DM Mono}.build-copy article{min-height:72vh;padding:50px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.25);opacity:.32;transition:opacity .35s ease}.build-copy article.is-active{opacity:1}.build-copy article>span{font:500 .6rem DM Mono;color:var(--acid)}.build-copy h2{margin:25px 0 18px;font:600 clamp(2.7rem,5vw,5.6rem)/.84 Space Grotesk;letter-spacing:-.06em}.build-copy article>p{max-width:580px;margin:0;color:#cfccc4;font:500 1rem/1.65 Manrope}.build-demo{position:sticky;top:90px;height:calc(100vh - 90px);padding:clamp(24px,4vw,60px);display:flex;flex-direction:column;justify-content:center;background:var(--cobalt)}.browser-shell{overflow:hidden;border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:13px 13px 0 var(--acid)}.browser-bar{height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--ink);background:#dedbd1}.browser-bar i{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%}.browser-bar span{margin-left:auto;font:500 .48rem DM Mono}.demo-page{position:relative;height:min(70vh,640px);overflow:hidden;background:#faf9f5}.demo-nav,.demo-hero,.demo-proof,.demo-benefit,.demo-action{opacity:0;transform:translateY(30px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,.8,.2,1)}.demo-nav{height:54px;padding:0 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ccc;font-size:.48rem}.demo-nav b{margin-right:auto}.demo-nav button,.demo-hero button,.demo-action button{border:1px solid var(--ink);background:var(--acid);font:600 .48rem DM Mono}.demo-nav button{padding:8px}.demo-hero{padding:42px 28px 34px;background:var(--paper)}.demo-hero small,.demo-benefit small{font:500 .48rem DM Mono}.demo-hero h3,.demo-benefit h3,.demo-action h3{margin:15px 0;font:700 clamp(1.8rem,3.4vw,3.7rem)/.85 Space Grotesk;letter-spacing:-.06em}.demo-hero p{max-width:370px;font-size:.68rem;line-height:1.5}.demo-hero button{padding:11px 13px;background:var(--coral)}.demo-proof{padding:20px 24px;background:var(--acid);font:500 .48rem DM Mono}.demo-proof div{margin-top:12px;display:flex;justify-content:space-between}.demo-benefit{padding:28px;background:#fff}.demo-action{padding:28px;display:flex;align-items:end;justify-content:space-between;background:var(--coral)}.demo-action button{padding:12px}.build-demo[data-stage="1"] .demo-nav,.build-demo[data-stage="1"] .demo-hero,.build-demo[data-stage="2"] .demo-nav,.build-demo[data-stage="2"] .demo-hero,.build-demo[data-stage="2"] .demo-proof,.build-demo[data-stage="3"] .demo-nav,.build-demo[data-stage="3"] .demo-hero,.build-demo[data-stage="3"] .demo-proof,.build-demo[data-stage="3"] .demo-benefit,.build-demo[data-stage="4"] .demo-nav,.build-demo[data-stage="4"] .demo-hero,.build-demo[data-stage="4"] .demo-proof,.build-demo[data-stage="4"] .demo-benefit,.build-demo[data-stage="4"] .demo-action{opacity:1;transform:none}.build-progress{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.build-progress>span{height:5px;background:linear-gradient(90deg,var(--acid) var(--progress,25%),rgba(255,255,255,.25) var(--progress,25%))}.build-progress b{font:500 .55rem DM Mono}.build-progress em{font-style:normal}
.web-cta{padding:100px var(--pad);background:var(--acid)}.web-cta>span{font:500 .62rem DM Mono}.web-cta h2{margin:45px 0 60px;font:700 clamp(3.5rem,8vw,8rem)/.78 Space Grotesk;letter-spacing:-.075em}.web-cta h2 em{color:var(--cobalt);font-style:normal}.web-cta>div{display:flex;align-items:center;gap:32px}.web-cta a{font:500 .65rem DM Mono;text-transform:uppercase}.cta-main{width:min(100%,440px);padding:18px;display:flex;justify-content:space-between;border:1px solid var(--ink);background:var(--coral);box-shadow:6px 6px 0 var(--ink);text-decoration:none}footer{padding:22px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;gap:20px;font:500 .58rem DM Mono}footer a{text-transform:uppercase}
@media(max-width:850px){.web-header{grid-template-columns:1fr auto}.web-header>span,.web-header nav>a:first-child{display:none}.web-hero{min-height:720px}.hero-bottom{grid-template-columns:1fr}.build-story{grid-template-columns:1fr}.build-copy{padding-bottom:0}.build-copy article{min-height:52vh}.build-demo{position:relative;top:auto;height:auto;min-height:650px}.web-cta>div{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}}
@media(max-width:520px){.web-header{min-height:78px}.wordmark img{width:44px;height:44px}.web-hero{min-height:650px;padding-top:42px}.web-hero h1{font-size:3.9rem}.build-copy{padding-top:58px}.build-copy article{min-height:430px}.build-demo{min-height:570px;padding:22px 16px}.demo-page{height:480px}.demo-nav span{display:none}.web-cta{padding-block:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-nav,.demo-hero,.demo-proof,.demo-benefit,.demo-action{transition:none}}

/* Refined site-build preview */
.build-demo{padding:clamp(34px,5vw,72px);align-items:center}.browser-shell{width:min(100%,650px);border:1px solid rgba(17,16,14,.85);border-radius:13px;box-shadow:0 24px 60px rgba(6,10,35,.28),10px 10px 0 var(--acid)}.browser-bar{height:32px;padding-inline:13px}.browser-bar i{width:7px;height:7px}.demo-page{height:min(65vh,590px)}.demo-nav{height:48px;padding-inline:22px}.demo-hero{padding:36px 32px 30px}.demo-hero h3,.demo-benefit h3,.demo-action h3{font-size:clamp(1.65rem,2.8vw,3rem)}.demo-proof{padding:17px 28px}.demo-benefit{padding:24px 32px}.demo-action{padding:25px 32px}.build-progress{width:min(100%,650px);margin-top:28px}.build-progress>span{height:4px}.build-progress b{white-space:nowrap}
@media(min-width:851px) and (max-height:800px){.build-demo{padding-block:28px}.demo-page{height:560px}.demo-hero{padding-block:28px}.demo-hero h3,.demo-benefit h3,.demo-action h3{font-size:2.25rem}.demo-benefit,.demo-action{padding-block:20px}}
@media(max-width:850px){.build-demo{padding:44px 24px 54px}.browser-shell{width:min(100%,620px)}.demo-page{height:560px}.build-progress{width:min(100%,620px)}}
@media(max-width:520px){.build-demo{min-height:0;padding:34px 16px 44px}.browser-shell{width:100%;border-radius:9px;box-shadow:7px 7px 0 var(--acid)}.demo-page{height:470px}.demo-hero{padding:28px 22px 24px}.demo-hero h3,.demo-benefit h3,.demo-action h3{font-size:1.75rem}.demo-proof{padding:16px 20px}.demo-benefit,.demo-action{padding:22px}.demo-proof div{gap:12px}.build-progress{margin-top:20px}.build-progress b{font-size:.5rem}}
.demo-showcase{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);border-bottom:1px solid var(--ink);background:var(--paper)}.demo-showcase-heading{padding:clamp(48px,7vw,100px) var(--pad);display:flex;flex-direction:column;justify-content:center}.demo-showcase-heading>span{font:500 .6rem DM Mono}.demo-showcase-heading h2{margin:28px 0 0;font:700 clamp(3.3rem,6.5vw,7.5rem)/.8 Space Grotesk;letter-spacing:-.07em}.demo-showcase-heading em{color:var(--cobalt);font-style:normal}.demo-showcase .build-demo{position:relative;top:auto;height:auto;min-height:760px}.demo-showcase .build-progress>span{background:linear-gradient(90deg,var(--acid) var(--progress,25%),rgba(255,255,255,.25) var(--progress,25%));transition:background .4s ease}
@media(max-width:850px){.demo-showcase{grid-template-columns:1fr}.demo-showcase-heading{padding-bottom:42px}.demo-showcase .build-demo{min-height:620px}}
@media(max-width:520px){.demo-showcase-heading{padding-block:52px 32px}.demo-showcase-heading h2{font-size:3.25rem}.demo-showcase .build-demo{min-height:0}}
.site-work{padding:clamp(60px,8vw,120px) 0;background:var(--ink);color:#fff;overflow:hidden}.site-work-head{padding:0 var(--pad);display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:end}.site-work-head>span{grid-column:1/-1;color:var(--acid);font:500 .6rem DM Mono}.site-work-head h2{margin:0;font:700 clamp(3.4rem,7vw,8rem)/.8 Space Grotesk;letter-spacing:-.07em}.site-work-head h2 em{color:var(--coral);font-style:normal}.site-work-head>p{max-width:520px;margin:0 0 8px;color:#cfccc4;font:500 1rem/1.6 Manrope}.site-carousel{position:relative;margin-top:clamp(44px,6vw,80px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.site-stage{position:relative;height:clamp(520px,65vw,820px);perspective:1200px}.site-card{position:absolute;left:50%;top:50%;width:min(52vw,620px);height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:28px;background:#ddd;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translate(-50%,-50%) scale(.72);opacity:.38;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease;cursor:pointer}.site-card img{width:100%;height:100%;display:block;object-fit:cover}.site-card div{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;display:flex;justify-content:space-between;gap:16px;border:1px solid var(--ink);background:rgba(240,238,231,.93);box-shadow:4px 4px 0 var(--ink)}.site-card span{font:500 .54rem DM Mono}.site-card strong{font:700 .78rem Space Grotesk}.site-card.is-active{z-index:3;transform:translate(-50%,-50%) scale(1);opacity:1}.site-card.is-prev{z-index:1;transform:translate(-105%,-50%) rotateY(8deg) scale(.72);filter:saturate(.65)}.site-card.is-next{z-index:2;transform:translate(5%,-50%) rotateY(-8deg) scale(.72);filter:saturate(.65)}.site-arrow{position:relative;z-index:5;width:50px;height:50px;margin-inline:var(--pad);border:1px solid #fff;border-radius:50%;background:transparent;color:#fff;font:500 1rem DM Mono;cursor:pointer}.site-arrow:hover{background:var(--acid);color:var(--ink)}.site-swipe{margin:28px var(--pad) 0;text-align:center;color:#aaa;font:500 .55rem DM Mono}.site-swipe span{color:var(--acid)}
@media(max-width:850px){.site-work-head{grid-template-columns:1fr}.site-work-head>span{grid-column:auto}.site-work-head>p{margin-top:10px}.site-stage{height:640px}.site-card{width:min(68vw,500px)}.site-arrow{width:42px;height:42px;margin-inline:8px}.site-card.is-prev{transform:translate(-104%,-50%) scale(.68)}.site-card.is-next{transform:translate(4%,-50%) scale(.68)}}
@media(max-width:520px){.site-work{padding-block:58px}.site-work-head h2{font-size:3.3rem}.site-work-head>p{font-size:.9rem}.site-carousel{grid-template-columns:1fr;margin-top:38px}.site-stage{height:540px}.site-card{width:76vw;border-radius:20px}.site-card.is-prev{transform:translate(-110%,-50%) scale(.68)}.site-card.is-next{transform:translate(10%,-50%) scale(.68)}.site-arrow{position:absolute;z-index:6;bottom:-58px}.site-prev{left:calc(50% - 52px)}.site-next{right:calc(50% - 52px)}.site-swipe{margin-top:74px}}

/* Scroll-built website demo */
@media(min-width:851px){.demo-showcase{min-height:230vh;align-items:start}.demo-showcase-heading{position:sticky;top:90px;height:calc(100vh - 90px)}.demo-showcase .build-demo{position:sticky;top:90px;height:calc(100vh - 90px);min-height:0}}
.demo-showcase .browser-shell{transform:translateY(var(--lift,28px)) rotateX(calc((1 - var(--build,0)) * 4deg)) rotateZ(var(--tilt,0deg)) scale(calc(.94 + var(--build,0) * .06));transform-origin:center;transition:box-shadow .18s ease;will-change:transform;box-shadow:0 calc(34px - var(--build,0) * 10px) 70px rgba(6,10,35,.36),calc(15px - var(--build,0) * 5px) calc(15px - var(--build,0) * 5px) 0 var(--acid)}
.demo-showcase .demo-nav,.demo-showcase .demo-hero,.demo-showcase .demo-proof,.demo-showcase .demo-benefit,.demo-showcase .demo-action{transition:opacity .18s ease,transform .28s cubic-bezier(.16,.9,.25,1),filter .28s ease;will-change:transform,opacity}.demo-showcase .demo-nav{transform:translateY(-38px) scaleX(.88)}.demo-showcase .demo-hero{transform:translateX(-55px) scale(.96)}.demo-showcase .demo-proof{transform:translateX(60px) scale(.95)}.demo-showcase .demo-benefit{transform:translateY(55px) rotate(-1.5deg)}.demo-showcase .demo-action{transform:translateY(65px) scale(.94)}
.demo-showcase .build-demo[data-stage="1"] .demo-nav,.demo-showcase .build-demo[data-stage="1"] .demo-hero,.demo-showcase .build-demo[data-stage="2"] .demo-nav,.demo-showcase .build-demo[data-stage="2"] .demo-hero,.demo-showcase .build-demo[data-stage="2"] .demo-proof,.demo-showcase .build-demo[data-stage="3"] .demo-nav,.demo-showcase .build-demo[data-stage="3"] .demo-hero,.demo-showcase .build-demo[data-stage="3"] .demo-proof,.demo-showcase .build-demo[data-stage="3"] .demo-benefit,.demo-showcase .build-demo[data-stage="4"] .demo-nav,.demo-showcase .build-demo[data-stage="4"] .demo-hero,.demo-showcase .build-demo[data-stage="4"] .demo-proof,.demo-showcase .build-demo[data-stage="4"] .demo-benefit,.demo-showcase .build-demo[data-stage="4"] .demo-action{transform:none;filter:none}
.demo-showcase .browser-bar i{animation:browserBlink 1.8s ease-in-out infinite}.demo-showcase .browser-bar i:nth-child(2){animation-delay:.14s}.demo-showcase .browser-bar i:nth-child(3){animation-delay:.28s}.demo-showcase .build-progress>span{transition:none}.demo-showcase .build-progress b{transform:translateX(calc((1 - var(--build,0)) * 12px));opacity:calc(.55 + var(--build,0) * .45)}
@keyframes browserBlink{0%,100%{background:transparent}45%,55%{background:var(--coral)}}
@media(max-width:850px){.demo-showcase{min-height:1450px;display:block}.demo-showcase-heading{position:relative}.demo-showcase .build-demo{position:sticky;top:78px;height:calc(100vh - 78px);min-height:570px}}
@media(max-width:520px){.demo-showcase{min-height:1250px}.demo-showcase .build-demo{height:calc(100vh - 78px);padding-top:24px}.demo-showcase .browser-shell{transform:translateY(var(--lift,20px)) rotateZ(var(--tilt,0deg)) scale(calc(.96 + var(--build,0) * .04))}}
@media(prefers-reduced-motion:reduce){.demo-showcase{min-height:auto!important}.demo-showcase .build-demo,.demo-showcase-heading{position:relative!important;top:auto!important;height:auto!important}.demo-showcase .browser-shell{transform:none}.demo-showcase .browser-bar i{animation:none}}

/* Preserve the original project screenshot proportions */
.site-stage{height:clamp(520px,66vw,860px)}.site-card{width:auto;height:min(100%,820px);aspect-ratio:1050/2280;border-radius:0;background:transparent}.site-card img{width:100%;height:100%;object-fit:contain}.site-card[data-project="flip-pal"]{width:min(78vw,1120px);height:auto;aspect-ratio:2880/1604}.site-card[data-project="flip-pal"] img{object-fit:contain}.site-card div{bottom:14px}.site-card[data-project="flip-pal"] div{left:22px;right:22px}
@media(max-width:850px){.site-stage{height:660px}.site-card{height:min(100%,640px);width:auto}.site-card[data-project="flip-pal"]{width:86vw;height:auto}.site-card.is-prev{transform:translate(-112%,-50%) scale(.68)}.site-card.is-next{transform:translate(12%,-50%) scale(.68)}}
@media(max-width:520px){.site-stage{height:540px}.site-card{height:520px;width:auto}.site-card[data-project="flip-pal"]{width:92vw;height:auto}.site-card div{left:10px;right:10px;bottom:10px;padding:10px}.site-card[data-project="flip-pal"] div{left:10px;right:10px}.site-card.is-prev{transform:translate(-118%,-50%) scale(.64)}.site-card.is-next{transform:translate(18%,-50%) scale(.64)}}

.site-card{border:0;box-shadow:none;aspect-ratio:3015/5940}.site-card img{object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.48))}.site-card[data-project="flip-pal"]{aspect-ratio:2880/1604}.site-card[data-project="flip-pal"] img{filter:drop-shadow(0 24px 32px rgba(0,0,0,.46))}.site-card>div{display:none}
@media(max-width:520px){.site-card img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.48))}.site-card[data-project="flip-pal"] img{filter:drop-shadow(0 16px 20px rgba(0,0,0,.46))}}

/* Flip Pal stays wide at the front, then becomes an even portrait side-preview */
.site-card[data-project="flip-pal"]{transition:width .65s cubic-bezier(.2,.8,.2,1),height .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease}
.site-card[data-project="flip-pal"]:not(.is-active){width:auto;height:min(100%,820px);aspect-ratio:3015/5940}
.site-card[data-project="flip-pal"]:not(.is-active) img{width:100%;height:100%;object-fit:cover;object-position:center}
.site-card[data-project="flip-pal"].is-active{width:min(78vw,1120px);height:auto;aspect-ratio:2880/1604}
.site-card[data-project="flip-pal"].is-active img{width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.site-card[data-project="flip-pal"]:not(.is-active){width:auto;height:min(100%,640px)}.site-card[data-project="flip-pal"].is-active{width:86vw;height:auto}}
@media(max-width:520px){.site-card[data-project="flip-pal"]:not(.is-active){width:auto;height:520px}.site-card[data-project="flip-pal"].is-active{width:92vw;height:auto}}

/* Tighter page rhythm */
.web-hero{min-height:auto;padding-block:clamp(34px,5vw,64px)}.web-hero h1{margin:clamp(24px,4vw,46px) 0 0}.demo-showcase-heading{padding-block:clamp(34px,5vw,68px)}.demo-showcase-heading h2{margin:0}.site-work{padding-block:clamp(48px,6vw,82px)}.site-work-head{display:block}.site-work-head>span{display:block;margin-bottom:22px}.site-carousel{margin-top:clamp(30px,4vw,52px)}.site-swipe{margin-top:20px}.web-cta{padding-block:clamp(58px,7vw,86px)}.web-cta h2{margin:32px 0 44px}
@media(min-width:851px){.demo-showcase{min-height:170vh}.demo-showcase-heading{height:calc(100vh - 90px);padding-block:0}}
@media(max-width:850px){.web-hero{min-height:auto;padding-block:36px 48px}.demo-showcase{min-height:1080px}.demo-showcase-heading{padding-block:42px 28px}.site-work-head>span{margin-bottom:18px}}
@media(max-width:520px){.web-hero{min-height:auto;padding-block:30px 40px}.web-hero h1{margin-top:24px}.demo-showcase{min-height:920px}.demo-showcase-heading{padding-block:34px 22px}.site-work{padding-block:44px}.site-carousel{margin-top:26px}.web-cta{padding-block:54px}.web-cta h2{margin-block:28px 38px}}

/* Intro now flows directly into the full-width build demo */
.demo-showcase{display:block}.demo-showcase .build-demo{width:100%}
@media(min-width:851px){.demo-showcase{min-height:280vh}.demo-showcase .build-demo{left:0;width:100%;height:calc(100vh - 90px)}}
@media(max-width:850px){.demo-showcase{min-height:300vh}.demo-showcase .build-demo{width:100%}}
@media(max-width:520px){.demo-showcase{min-height:280vh}}

/* Keep the carousel instruction clear of its controls */
.site-swipe{position:relative;z-index:2;margin-top:30px}.site-carousel{padding-bottom:0}
@media(max-width:520px){.site-arrow{bottom:-50px}.site-swipe{margin-top:92px;padding-top:8px}.site-prev{left:calc(50% - 54px)}.site-next{right:calc(50% - 54px)}}

/* Immersive opening sequence */
.web-intro{position:relative;height:430vh;background:#090909;color:#fff}.intro-stage{--intro:0;position:sticky;top:0;height:100vh;overflow:hidden;perspective:1100px;background:radial-gradient(circle at 50% 50%,rgba(49,88,255,.3),transparent calc(8% + var(--intro) * 35%)),#090909}.intro-stage:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(90deg,rgba(255,92,53,.12),transparent 22% 78%,rgba(216,255,69,.1));mix-blend-mode:screen;opacity:calc(.15 + var(--intro) * .55)}.intro-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:70px 70px;transform:rotateX(67deg) translateY(calc(38% - var(--intro) * 52%)) translateZ(calc(-180px + var(--intro) * 260px));opacity:calc(.12 + var(--intro) * .4)}.intro-counter{position:absolute;z-index:11;left:var(--pad);right:var(--pad);top:24px;margin:0;display:flex;justify-content:space-between;font:500 .58rem DM Mono;letter-spacing:.08em}.intro-counter b{color:var(--acid);font-weight:500}.intro-word{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;transform-style:preserve-3d}.intro-word span{display:inline-block;font:700 clamp(7rem,24vw,26rem)/.7 Space Grotesk;letter-spacing:-.12em;text-shadow:0 0 60px rgba(49,88,255,.38);transform:translate3d(calc((var(--i,0) - 4) * var(--intro) * 15vw),calc((var(--i,0) - 4) * var(--intro) * -3vh),calc(var(--intro) * -1700px)) rotateY(calc((var(--i,0) - 4) * var(--intro) * 21deg)) scale(calc(1 + var(--intro) * .8));opacity:calc(1 - var(--intro) * 1.45)}.intro-word span:nth-child(1){--i:0}.intro-word span:nth-child(2){--i:1}.intro-word span:nth-child(3){--i:2}.intro-word span:nth-child(4){--i:3}.intro-word span:nth-child(5){--i:4;color:var(--coral)}.intro-word span:nth-child(6){--i:5}.intro-word span:nth-child(7){--i:6}.intro-word span:nth-child(8){--i:7}.intro-word span:nth-child(9){--i:8}.intro-in{position:absolute;z-index:5;left:50%;top:50%;margin:0;color:var(--acid);font:700 clamp(9rem,32vw,32rem)/.7 Space Grotesk;letter-spacing:-.12em;transform:translate(-50%,-50%) translateZ(calc(-900px + var(--intro) * 1300px)) rotate(calc(-18deg + var(--intro) * 18deg)) scale(calc(.25 + var(--intro) * 1.2));opacity:clamp(0,calc((var(--intro) - .13) * 8),calc(1 - (var(--intro) - .48) * 8));filter:blur(calc((1 - var(--intro)) * 9px))}.intro-portal{position:absolute;z-index:3;left:50%;top:50%;width:min(55vw,680px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--intro) * 210deg)) scale(calc(.04 + var(--intro) * 1.55));opacity:clamp(0,calc((var(--intro) - .18) * 6),calc(1 - (var(--intro) - .7) * 6))}.intro-portal i{position:absolute;inset:0;border:2px solid var(--cobalt);border-radius:42% 58% 61% 39%;box-shadow:0 0 35px var(--cobalt),inset 0 0 35px var(--cobalt)}.intro-portal i:nth-child(2){inset:13%;border-color:var(--coral);transform:rotate(43deg)}.intro-portal i:nth-child(3){inset:28%;border-color:var(--acid);transform:rotate(-32deg)}.intro-buyers{position:absolute;z-index:6;left:50%;top:50%;width:max-content;margin:0;font:700 clamp(5.5rem,17vw,18rem)/.72 Space Grotesk;letter-spacing:-.1em;transform:translate(-50%,-50%) translateZ(calc(-1500px + var(--intro) * 2050px)) scale(calc(.15 + var(--intro) * .92));opacity:clamp(0,calc((var(--intro) - .43) * 7),calc(1 - (var(--intro) - .78) * 8));text-shadow:8px 8px 0 var(--cobalt)}.intro-buyers em{color:var(--coral);font-style:normal}.intro-message{position:absolute;z-index:7;left:50%;top:50%;width:min(88vw,1000px);text-align:center;transform:translate(-50%,-50%) translateY(calc((1 - var(--intro)) * 80px));opacity:clamp(0,calc((var(--intro) - .72) * 8),1)}.intro-message span{color:var(--acid);font:500 .62rem DM Mono;letter-spacing:.12em}.intro-message p{margin:24px auto 0;font:600 clamp(2.1rem,5vw,5.7rem)/.92 Space Grotesk;letter-spacing:-.06em}.intro-exit{position:absolute;z-index:10;left:50%;bottom:30px;margin:0;font:500 .55rem DM Mono;transform:translateX(-50%);opacity:clamp(0,calc((var(--intro) - .88) * 10),1)}.intro-exit span{color:var(--acid)}
@media(max-width:850px){.web-intro{height:350vh}.intro-word span{font-size:25vw}.intro-buyers{font-size:17vw}.intro-message p{font-size:clamp(2.3rem,9vw,4.8rem)}.intro-grid{background-size:46px 46px}}
@media(max-width:520px){.web-intro{height:320vh}.intro-counter{top:18px}.intro-counter span{font-size:.48rem}.intro-word span{font-size:27vw}.intro-in{font-size:40vw}.intro-buyers{font-size:19vw;text-shadow:4px 4px 0 var(--cobalt)}.intro-message{width:86vw}.intro-message span{font-size:.48rem;line-height:1.5}.intro-message p{margin-top:18px;font-size:2.6rem}.intro-exit{bottom:20px;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.web-intro{height:auto}.intro-stage{position:relative;height:min(82vh,720px);--intro:1!important}.intro-word,.intro-in,.intro-portal,.intro-buyers,.intro-grid{display:none}.intro-message{opacity:1;transform:translate(-50%,-50%)}.intro-counter{display:none}.intro-exit{opacity:1}}

/* Explicit per-letter vectors keep the 3D split stable across Safari and Chrome */
.intro-word span{--move-x:0vw;--move-y:0vh;--spin:0deg;transform:translate3d(calc(var(--intro) * var(--move-x)),calc(var(--intro) * var(--move-y)),calc(var(--intro) * -1700px)) rotateY(calc(var(--intro) * var(--spin))) scale(calc(1 + var(--intro) * .8))}.intro-word span:nth-child(1){--move-x:-60vw;--move-y:12vh;--spin:-84deg}.intro-word span:nth-child(2){--move-x:-45vw;--move-y:9vh;--spin:-63deg}.intro-word span:nth-child(3){--move-x:-30vw;--move-y:6vh;--spin:-42deg}.intro-word span:nth-child(4){--move-x:-15vw;--move-y:3vh;--spin:-21deg}.intro-word span:nth-child(5){--move-x:0vw;--move-y:0vh;--spin:0deg}.intro-word span:nth-child(6){--move-x:15vw;--move-y:-3vh;--spin:21deg}.intro-word span:nth-child(7){--move-x:30vw;--move-y:-6vh;--spin:42deg}.intro-word span:nth-child(8){--move-x:45vw;--move-y:-9vh;--spin:63deg}.intro-word span:nth-child(9){--move-x:60vw;--move-y:-12vh;--spin:84deg}

.intro-word{padding-inline:2vw;gap:0}.intro-word span{font-size:clamp(4.4rem,14.2vw,14rem);letter-spacing:-.13em}.intro-word span:last-child{margin-right:.13em}
@media(max-width:850px){.intro-word span{font-size:14.4vw}}
@media(max-width:520px){.intro-word{padding-inline:1vw}.intro-word span{font-size:14.8vw;letter-spacing:-.14em}.intro-word span:last-child{margin-right:.14em}}

/* Restrained entrance for the portfolio heading */
.site-work-head{overflow:hidden}.site-work-head>span,.site-work-head h2{opacity:0;transform:translateY(34px);transition:opacity .55s ease,transform .7s cubic-bezier(.16,.8,.2,1)}.site-work-head h2{transition-delay:.1s}.site-work-head h2 em{position:relative;display:inline-block}.site-work-head h2 em:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.045em;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .7s .42s cubic-bezier(.16,.8,.2,1)}.site-work-head.is-visible>span,.site-work-head.is-visible h2{opacity:1;transform:none}.site-work-head.is-visible h2 em:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.site-work-head>span,.site-work-head h2{opacity:1;transform:none}.site-work-head h2 em:after{transform:scaleX(1);transition:none}}