:root{--paper:#eceae4;--paper-2:#f4f2ed;--ink:#111110;--ink-2:#4b4a46;--dark:#111110;--light:#eceae4;--light-2:#a9a69e;--accent:#ff4a1c;--pad:clamp(20px,4vw,64px);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Tight,system-ui,sans-serif;overflow-x:clip}a{color:inherit}img{max-width:100%;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.nav{z-index:20;padding:22px var(--pad);color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav a{pointer-events:auto;text-decoration:none}.wordmark{letter-spacing:-.02em;font-size:18px;font-weight:600}.nav ul{gap:clamp(16px,2.4vw,36px);margin:0;padding:0;font-size:15px;font-weight:500;list-style:none;display:flex}.nav ul a{padding:12px 0;display:inline-block}.nav sup{letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-left:3px;font-size:9px}.lens-root{touch-action:pan-y;cursor:none;position:relative}@media (hover:none){.lens-root{cursor:auto}}.under{clip-path:circle(0);will-change:clip-path;position:absolute;inset:0}.grain:before{content:"";opacity:.09;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.marker{width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.marker:before,.marker:after{content:"";opacity:.5;background:currentColor;position:absolute}.marker:before{width:2px;height:14px;top:0;left:6px}.marker:after{width:14px;height:2px;top:6px;left:0}.ring{mix-blend-mode:difference;pointer-events:none;z-index:30;color:#fff;letter-spacing:.08em;text-transform:uppercase;opacity:0;width:56px;height:56px;transition:opacity .3s var(--ease);border:1.5px solid #fff;border-radius:50%;place-items:center;margin:-28px 0 0 -28px;font-size:10px;font-weight:600;display:grid;position:fixed;top:0;left:0}.ring.on{opacity:1}@media (hover:none){.ring{display:none}}.hero{height:100svh;min-height:640px;overflow:hidden}.layer{padding:0 var(--pad) clamp(88px,12vh,140px);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.surface{background:var(--paper);color:var(--ink);z-index:0}.hero .under{z-index:1;background:var(--dark);color:var(--light)}.headline{z-index:3;letter-spacing:-.058em;margin:0;font-size:clamp(56px,min(13.2vw,21vh),232px);font-weight:600;line-height:.86;position:relative}.headline>span{display:block}.swap{display:inline-block}.under .headline .acc{color:var(--accent)}.sub{z-index:3;max-width:34ch;margin:clamp(20px,3vh,32px) 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.35;position:relative}.surface .sub{color:var(--ink-2)}.hero .under .sub{color:var(--light-2)}.frag{z-index:2;letter-spacing:-.01em;max-width:21ch;color:var(--light);margin:0;font-size:clamp(15px,1.25vw,19px);font-weight:500;line-height:1.3;position:absolute;transform:translate(-7px,-7px)}.frag:before{content:"";background:var(--accent);width:24px;height:2px;margin-bottom:12px;display:block}.chip{z-index:1;aspect-ratio:1;object-fit:cover;opacity:.9;width:min(7vw,11vh);position:absolute}.c1{top:9%;left:28%;transform:rotate(-5deg)}.c2{top:10%;left:60%;transform:rotate(4deg)}.c3{top:25%;left:89%;transform:rotate(-3deg)}.m1,.f1{top:17%;left:8%}.m2,.f2{top:22%;left:40%}.m3,.f3{top:14%;left:72%}.m4,.f4{top:46%;left:76%}.m5,.f5{top:33%;left:50%}.hero-bar{left:var(--pad);right:var(--pad);z-index:4;color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:28px}.hint .touch{display:none}@media (hover:none){.hint .mouse{display:none}.hint .touch{display:inline}}.chapters{background:var(--dark);color:var(--light);padding:clamp(96px,16vh,180px) var(--pad) clamp(120px,18vh,220px);overflow:clip}.ch-intro{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:clamp(56px,10vh,120px);display:grid}.ch-intro .label{color:var(--light-2);grid-column:1/span 3;padding-top:10px}.ch-intro h2{letter-spacing:-.035em;grid-column:4/span 9;margin:0;font-size:clamp(32px,4.2vw,64px);font-weight:500;line-height:1.02}.strip{perspective:1800px;perspective-origin:50% 0}.fold{transform-origin:50% 0;will-change:transform;background:var(--paper);color:var(--ink);backface-visibility:hidden;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:clamp(28px,4vw,56px);display:grid;position:relative}.fold:nth-child(2n){background:var(--paper-2)}.fold:after{content:"";opacity:var(--shade,0);pointer-events:none;background:#000;position:absolute;inset:0}.fold+.fold{border-top:1px solid #1111101f}.fold{align-items:end}.fold .num{letter-spacing:-.06em;grid-column:1/span 3;align-self:start;font-size:clamp(64px,7.5vw,128px);font-weight:600;line-height:.8}.fold-text{flex-direction:column;grid-column:4/span 5;gap:20px;display:flex}.fold .meta{color:var(--ink-2)}.fold h3{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(32px,3.4vw,56px);font-weight:600;line-height:.95}.fold h3 em{color:var(--accent);font-style:normal}.fold p{max-width:36ch;color:var(--ink-2);margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.45}.fold figure{grid-column:10/span 3;justify-self:end;width:clamp(140px,13vw,210px);margin:0}.fold .frame{aspect-ratio:1;clip-path:inset(calc((1 - var(--e,1))*100%) 0 0 0);background:var(--dark);overflow:hidden}.fold .frame svg{width:100%;height:100%;display:block}.fold .t{fill:#eceae4;opacity:.2;transition:opacity .4s var(--ease),fill .4s var(--ease)}.fold:hover .t{opacity:.07}.fold:hover .t.hl{fill:var(--accent);opacity:1}.fold .dots{fill:#eceae4;opacity:.35}.fold .lensc{fill:var(--accent);transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease)}.fold .lensr{fill:none;stroke:#eceae4;stroke-width:1px;opacity:.5;transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease);transform:scale(1.25)}.fold:hover .lensc{transform:scale(1.6)}.fold:hover .lensr{transform:scale(2)}.fold .gl{stroke:#eceae4;stroke-width:1px;opacity:.22;transition:stroke .4s var(--ease),opacity .4s var(--ease)}.fold .aa{fill:#eceae4;letter-spacing:-5px;transition:letter-spacing .6s var(--ease);font:600 92px/1 Inter Tight,sans-serif}.fold:hover .gl{stroke:var(--accent);opacity:.7}.fold:hover .aa{letter-spacing:4px}.fold .code{fill:#eceae4;letter-spacing:-2px;font:600 56px/1 Inter Tight,sans-serif}.fold .cl{fill:#eceae4;opacity:.3;transform-box:fill-box;transform-origin:0;transition:transform .6s var(--ease);transform:scaleX(.5)}.fold:hover .cl{transform:scaleX(1)}.fold:hover .cl:nth-of-type(2){transition-delay:80ms}.fold:hover .cl:nth-of-type(3){transition-delay:.16s}.fold .cur{fill:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.fold .cur{animation:none}}.fold figcaption{color:var(--ink-2);justify-content:space-between;gap:16px;margin-top:14px;display:flex}.about{background:var(--paper);padding:clamp(96px,16vh,180px) var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.photo{aspect-ratio:1;color:#fff;background:#222;grid-column:1/span 5;overflow:hidden}.photo>img{object-fit:cover;width:100%;height:100%}.photo .under{color:var(--light);background:#0b0b0a}.photo .under img{object-fit:cover;filter:grayscale()invert()contrast(1.35)brightness(.95);width:100%;height:100%}.photo .tint{background:var(--accent);mix-blend-mode:multiply;position:absolute;inset:0}.note{z-index:3;letter-spacing:.06em;text-transform:uppercase;background:var(--dark);color:var(--light);padding:6px 8px;font-size:12px;font-weight:600;position:absolute}.note b{color:var(--accent);margin-right:6px;font-weight:600}.n1{top:5%;left:5%}.n2{top:16%;left:58%}.n3{top:44%;left:5%}.n4{top:58%;left:60%}.n5{top:84%;left:5%}.n6{top:88%;left:56%}.pm1{top:8%;left:12%}.pm2{top:19%;left:66%}.pm3{top:47%;left:12%}.pm4{top:61%;left:68%}.pm5{top:87%;left:12%}.pm6{top:91%;left:64%}.photo-cap{color:var(--ink-2);grid-column:1/span 5;justify-content:space-between;margin-top:14px;display:flex}.about-text{grid-area:1/7/span 2/span 6}.about-text .label{color:var(--ink-2)}.about-text h2{letter-spacing:-.05em;margin:20px 0 40px;font-size:clamp(40px,5vw,84px);font-weight:600;line-height:.95}.about-text p{max-width:46ch;color:var(--ink-2);margin:0 0 20px;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.about-text p.lead{color:var(--ink);font-size:clamp(19px,1.7vw,24px);line-height:1.4}.about-text .aside{color:var(--ink);border-top:1px solid #11111033;margin-top:36px;padding-top:20px}.about-text .aside span{color:var(--accent)}.cta{background:var(--dark);height:260svh;color:var(--light);position:relative;overflow:clip}.cta-pin{height:100svh;min-height:560px;padding:0 var(--pad);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.cta-row{transition:opacity .4s var(--ease)}@media (prefers-reduced-motion:reduce){.cta{height:auto}.cta-pin{position:relative}}.cta .label{color:var(--light-2);opacity:0;align-items:center;gap:24px;margin-bottom:28px;display:flex}.reset{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:12px 0}.reset[hidden]{display:none}.ch.dragging{z-index:5;position:relative}.ch.found{color:var(--accent);transition:color .3s var(--ease)}.egg{z-index:40;background:var(--accent);color:var(--ink);padding:var(--pad);clip-path:circle(0px at var(--ex,50%) var(--ey,50%));place-items:center;transition:clip-path 1s cubic-bezier(.7,0,.2,1);display:grid;position:fixed;inset:0}.egg[hidden]{display:none}.egg.open{clip-path:circle(150vmax at var(--ex,50%) var(--ey,50%))}.egg-in{max-width:760px}.egg .label{color:var(--ink);opacity:.7}.egg h2{letter-spacing:-.058em;margin:16px 0 28px;font-size:clamp(56px,9vw,148px);font-weight:600;line-height:.88}.egg p{max-width:48ch;margin:0 0 16px;font-size:clamp(17px,1.4vw,20px);line-height:1.45}.egg p.lead{font-size:clamp(20px,1.9vw,28px);font-weight:500;line-height:1.3}.egg .actions{margin:32px 0 20px}.egg .btn{border-color:var(--ink);color:var(--ink);cursor:pointer;background:0 0;font-family:inherit}.egg .btn.primary{background:var(--ink);color:var(--paper)}.egg .btn:hover,.egg .btn:focus-visible{background:var(--paper);color:var(--ink);border-color:var(--paper)}.egg a:focus-visible,.egg button:focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion:reduce){.egg{transition:none}}.cta h2{letter-spacing:-.058em;margin:0;font-size:clamp(52px,10.4vw,184px);font-weight:600;line-height:.88}.chars{-webkit-user-select:none;user-select:none;display:block}.ch{will-change:transform;cursor:grab;touch-action:none;display:inline-block}.ch.dragging{cursor:grabbing;color:var(--accent)}.ch.sp{width:.24em}.word{white-space:nowrap;display:inline-block}.cta-row{flex-wrap:wrap;align-items:flex-end;gap:24px 40px;margin-top:clamp(36px,6vh,64px);display:flex}.cta-row p{max-width:40ch;color:var(--light-2);flex:320px;margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.45}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1.5px solid var(--light);min-height:52px;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--light);color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.btn.primary:hover,.btn.primary:focus-visible{background:var(--light);border-color:var(--light)}.site-footer.x{background:var(--dark);color:var(--light-2);padding:28px var(--pad);border-top:1px solid #eceae41f;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;display:flex}.site-footer.x a{text-decoration:none}.site-footer.x a:hover{color:var(--light)}@media (width<=860px){.m3,.f3,.m4,.f4,.m5,.f5,.c2,.c3{display:none}.m1,.f1{top:13%;left:7%}.m2,.f2{top:24%;left:46%}.c1{width:18vw;top:10%;left:62%}.ch-intro .label,.ch-intro h2,.fold-text,.fold .num{grid-column:1/-1}.fold figure{grid-column:1/-1;justify-self:start;width:46vw}.photo,.photo-cap,.about-text{grid-column:1/-1}.about-text{grid-row:auto;margin-top:48px}}@media (prefers-reduced-motion:reduce){.fold{transform:none!important}.fold:after{opacity:0!important}.ch{transform:none!important}}.work{background:var(--paper);padding:clamp(96px,16vh,180px) var(--pad) clamp(72px,10vh,120px);border-bottom:1px solid #1111101f}.sec-head{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:clamp(48px,8vh,96px);display:grid}.sec-head .label{color:var(--ink-2);grid-column:1/span 3;padding-top:10px}.sec-head h2{letter-spacing:-.035em;grid-column:4/span 9;margin:0;font-size:clamp(32px,4.2vw,64px);font-weight:500;line-height:1.02}.projects{border-top:1px solid #11111033;margin:0;padding:0;list-style:none}.project{cursor:default;transition:color .4s var(--ease);border-bottom:1px solid #11111033;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;padding:clamp(24px,4vh,40px) 0;display:grid}@media (hover:none){.project{cursor:auto}}.project .idx{color:var(--ink-2);grid-column:1/span 1}.project h3{letter-spacing:-.055em;transition:transform .5s var(--ease);grid-column:2/span 7;margin:0;font-size:clamp(36px,5vw,88px);font-weight:600;line-height:.9}.project .pmeta{color:var(--ink-2);flex-direction:column;grid-column:9/span 3;gap:6px;font-size:15px;line-height:1.4;display:flex}.project .pmeta strong{color:var(--ink);font-weight:500}.project .soon{text-align:right;color:var(--accent);grid-column:12/span 1;justify-self:end}.projects:hover .project{color:#11111047}.projects:hover .project:hover{color:var(--ink)}.project h3,.project .pmeta,.project .soon,.project .idx{z-index:2;position:relative}.projects:hover .project:hover h3{color:#fff;mix-blend-mode:difference;transform:translate(16px)}.project .thumb{display:none}.peek{aspect-ratio:1;pointer-events:none;z-index:1;clip-path:circle(0%);width:min(22vw,300px);transition:clip-path .6s var(--ease);margin:calc(min(22vw,300px)/-2) 0 0 calc(min(22vw,300px)/-2);position:fixed;top:0;left:0}.peek.on{clip-path:circle(50%)}.peek img{object-fit:cover;width:100%;height:100%}.project h3 a{color:inherit;text-decoration:none}.project.has-link{cursor:pointer}.tether{transform-origin:0;pointer-events:none;z-index:1;opacity:0;height:2px;transition:opacity .3s var(--ease);background:repeating-linear-gradient(90deg,var(--accent) 0 12px,transparent 12px 20px);background-size:20px 2px;animation:.6s linear infinite flow;position:fixed;top:0;left:0}.tether.on{opacity:1}@keyframes flow{to{background-position:20px 0}}.tether:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px}.tether:after{content:"";background:var(--accent);width:16px;height:16px;animation:ping2 1.4s var(--ease) infinite;border-radius:50%;position:absolute;top:-7px;right:-8px;box-shadow:0 0 #ff4a1c80}@keyframes ping2{0%{box-shadow:0 0 #ff4a1c8c}to{box-shadow:0 0 0 14px #ff4a1c00}}.project:hover .pmeta strong{color:var(--accent)}.project .pmeta{transition:transform .5s var(--ease)}.project:hover .pmeta{transform:translate(6px)}@media (hover:none){.peek,.tether{display:none}}.services{background:var(--dark);color:var(--light);padding:clamp(96px,16vh,180px) var(--pad)}.services .sec-head .label{color:var(--light-2)}.svc{border-top:1px solid #eceae42e;margin:0;padding:0;list-style:none}.svc li{border-bottom:1px solid #eceae42e;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:clamp(20px,3.4vh,32px) 0;display:grid}.svc .idx{color:var(--light-2);grid-column:1/span 1;padding-top:.6em}.svc h3{letter-spacing:-.04em;transition:color .3s var(--ease);grid-column:2/span 6;margin:0;font-size:clamp(28px,3.6vw,56px);font-weight:600;line-height:1}.svc p{color:var(--light-2);opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);grid-column:8/span 5;align-self:center;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.45;transform:translateY(8px)}.svc li:hover h3{color:var(--accent)}.svc li:hover p,.svc li:focus-within p{opacity:1;transform:none}@media (hover:none){.svc p{opacity:1;transform:none}}.svc-note{color:var(--light-2);margin:clamp(40px,6vh,64px) 0 0;font-size:clamp(17px,1.4vw,20px)}.svc-note span{color:var(--light)}@media (width<=860px){.sec-head .label,.sec-head h2{grid-column:1/-1}.project{grid-template-columns:72px 1fr;gap:16px}.project .thumb{aspect-ratio:1;object-fit:cover;grid-area:1/1/span 3;align-self:start;width:72px;display:block}.project .idx{display:none}.project h3,.project .pmeta,.project .soon{grid-column:2;justify-self:start}.svc h3,.svc p{grid-column:2/-1}}.process{background:var(--paper);height:320svh;color:var(--ink);position:relative}.process-pin{flex-direction:column;justify-content:center;gap:clamp(32px,6vh,64px);height:100svh;min-height:600px;padding:clamp(80px,12vh,120px) 0 clamp(40px,6vh,64px);display:flex;position:sticky;top:0;overflow:hidden}.process .sec-head{padding:0 var(--pad);margin:0}.thread{height:2px;margin:0 var(--pad);background:#11111024;position:relative}.thread i{background:var(--accent);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.thread b{background:var(--paper);width:12px;height:12px;transition:background .3s var(--ease),border-color .3s var(--ease);border:2px solid #1111104d;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%}.thread b.on{background:var(--accent);border-color:var(--accent)}.track{padding:0 var(--pad);will-change:transform;gap:clamp(24px,4vw,64px);display:flex}.step{opacity:.32;transition:opacity .5s var(--ease);flex:0 0 min(72vw,760px);grid-template-columns:auto 1fr;align-content:start;gap:12px clamp(20px,3vw,40px);display:grid}.step.on{opacity:1}.step .n{letter-spacing:-.06em;grid-row:1/span 3;font-size:clamp(72px,10vw,160px);font-weight:600;line-height:.8}.step h3{letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.6vw,60px);font-weight:600;line-height:.95}.step p{max-width:40ch;color:var(--ink-2);margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.45}.step .when{color:var(--ink-2);flex-wrap:wrap;gap:8px 20px;display:flex}.step .when span:first-child{color:var(--accent)}.process-note{padding:0 var(--pad);color:var(--ink-2);margin:0}@media (prefers-reduced-motion:reduce){.process{height:auto}.process-pin{height:auto;position:relative}.track{flex-direction:column;transform:none!important}.step{opacity:1;flex-basis:auto}.thread{display:none}}.svc{border-top:0}.svc li{cursor:default;outline-offset:-2px;border-bottom:0;position:relative}.svc li:before{content:"";transform-origin:0;height:1px;transition:transform 1.1s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*90ms);background:#eceae42e;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.svc:before{content:"";transform-origin:0;background:#eceae42e;height:1px;transition:transform 1.1s cubic-bezier(.7,0,.2,1);display:block;transform:scaleX(0)}.svc.in:before,.svc.in li:before{transform:scaleX(1)}.svc li:after{content:"";background:var(--accent);transform-origin:bottom;transition:transform .55s var(--ease);z-index:0;position:absolute;inset:0 -20px;transform:scaleY(0)}.svc li>*{z-index:1;position:relative}.svc h3{padding-bottom:.08em;overflow:hidden}.svc h3 .t{transition:transform .7s var(--ease);transition-delay:calc(var(--i)*90ms + .15s);display:inline-block;transform:translateY(110%)}.svc.in h3 .t{transform:none}.svc .idx{opacity:0;transition:opacity .6s var(--ease),color .3s var(--ease);transition-delay:calc(var(--i)*90ms + .3s)}.svc.in .idx{opacity:1}.svc .arr{opacity:0;transition:opacity .4s var(--ease),transform .5s var(--ease);grid-column:12/span 1;place-self:center end;font-size:clamp(24px,2.4vw,40px);transform:translate(-24px)}.svc li:hover:after,.svc li:focus-visible:after{transform:scaleY(1)}.svc li:hover h3,.svc li:focus-visible h3{color:var(--ink)}.svc li:hover h3 .t{transform:translate(14px)}.svc.done h3 .t,.svc.done .idx{transition-delay:0s}.svc li:hover p,.svc li:focus-visible p,.svc li:hover .idx,.svc li:focus-visible .idx{color:var(--ink)}.svc li:hover .arr,.svc li:focus-visible .arr{opacity:1;color:var(--ink);transform:none}.svc p{grid-column:8/span 4}.svc-note{opacity:0;transition:opacity .8s var(--ease) .7s,transform .8s var(--ease) .7s;transform:translateY(16px)}.svc.in+.svc-note{opacity:1;transform:none}.thread .head{top:50%;left:calc(var(--p,0)*100%);background:var(--accent);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 6px #ff4a1c2e,0 0 24px #ff4a1c8c}.thread b.on{animation:ping .7s var(--ease) 1}@keyframes ping{0%{box-shadow:0 0 #ff4a1c99}to{box-shadow:0 0 0 14px #ff4a1c00}}.step{transition:opacity .6s var(--ease),filter .6s var(--ease)}.step:not(.on){filter:blur(1.5px)}.step .n{transform:translateX(var(--par,0px));color:#0000;-webkit-text-stroke:1.5px var(--ink);transition:color .6s var(--ease);display:inline-block}.step.on .n{color:var(--ink)}.step h3,.step p,.step .when{opacity:.6;transition:transform .7s var(--ease),opacity .7s var(--ease);transform:translateY(18px)}.step.on h3{opacity:1;transition-delay:50ms;transform:none}.step.on p{opacity:1;transition-delay:.15s;transform:none}.step.on .when{opacity:1;transition-delay:.25s;transform:none}.step.on h3{color:var(--ink)}@media (prefers-reduced-motion:reduce){.svc:before,.svc li:before,.svc h3 .t,.svc .idx,.svc-note{opacity:1!important;transition:none!important;transform:none!important}.step,.step h3,.step p,.step .when,.step .n{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.step .n{color:var(--ink)}.thread .head{display:none}}.all-work{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(36px,6vh,56px);display:flex}.all-work .label{color:var(--ink-2)}.btn-ink{background:var(--ink);min-height:56px;color:var(--paper);transition:background .3s var(--ease),gap .3s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:0 28px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ink:hover,.btn-ink:focus-visible{background:var(--accent);color:var(--ink);gap:20px}.nav{transition:transform .5s var(--ease)}.nav.hide{transform:translateY(-110%)}