.ks-pg{background:var(--ks-ink,#0b0b09);--p:0;--sw:.18;--out:0;height:200vh;position:relative}.ks-pg-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.ks-pg-canvas{width:100%;height:100%;position:absolute;inset:0}.ks-pg-vignette{pointer-events:none;background:radial-gradient(120% 80%,#0000 35%,#0b0b098c 78%,#0b0b09 100%),linear-gradient(#0b0b09 0%,#0000 18% 82%,#0b0b09 100%);position:absolute;inset:0}.ks-pg-title{text-align:center;pointer-events:none;color:var(--ks-orange,#f4501e);flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.ks-pg-title:before{content:"";pointer-events:none;width:min(1100px,92vw);height:min(440px,46vh);opacity:calc(1 - var(--out) * .85);background:radial-gradient(closest-side,#0b0b09e0,#0b0b0900);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ks-pg-h1{transform:translate3d(0, calc(var(--out) * -7vh), 0) scale(calc(1 + var(--out) * .06));opacity:calc(1 - var(--out));will-change:transform, opacity;position:relative}.ks-pg-h1 em,.ks-pg-h1 .ks-pg-claim{transform:translate3d(0, calc(var(--p) * var(--drift,0px)), 0);display:inline-block}.ks-pg-h1 em{--drift:14px}.ks-pg-h1 .ks-pg-claim{--drift:-10px;position:relative}.ks-pg-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin:0 0 18px;font-size:11px}@keyframes ks-pg-rise{0%{opacity:0;transform:translateY(14px)}}.ks-pg-h1{font-family:var(--font-display,"Bricolage Grotesque", sans-serif);letter-spacing:-.03em;animation:ks-pg-rise .64s var(--ease-shift,cubic-bezier(.23, 1, .32, 1)) both;margin:0;font-size:clamp(2.4rem,1.2rem + 5vw,6rem);font-weight:800;line-height:.98}.ks-pg-h1 em{opacity:.62;font-style:italic;font-weight:500}.ks-pg-h1 .ks-pg-claim:after{content:"";opacity:.55;height:.055em;transform:scaleX(var(--sw));transform-origin:0;background:currentColor;border-radius:999px;position:absolute;bottom:-.04em;left:0;right:0}.ks-pg-sub{font-family:var(--font-body,sans-serif);opacity:.8;max-width:46ch;margin:22px 0 0;font-size:clamp(.95rem,.85rem + .3vw,1.15rem);line-height:1.5}.ks-pg-hint{text-align:center;pointer-events:none;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ks-washi,#f2efe8);animation:ks-pg-rise .64s var(--ease-shift,cubic-bezier(.23, 1, .32, 1)) .12s both;opacity:calc(1 - var(--out));font-size:10.5px;position:absolute;bottom:26px;left:0;right:0}.ks-pg-hint p{max-width:none;color:inherit;text-align:center;margin:0}.ks-pg-hint span{opacity:.45}.ks-pg-fine{display:none}.ks-pg-coarse{opacity:1;display:inline}@media (hover:hover) and (pointer:fine){.ks-pg-fine{opacity:1;display:inline}.ks-pg-coarse{display:none}}.ks-pg-rule{background:linear-gradient(to bottom, transparent, var(--ks-orange,#f4501e));width:1px;height:42px;animation:ks-pg-drop 2.4s var(--ease-shift,cubic-bezier(.2, .8, .2, 1)) infinite;transform-origin:top;margin:0 auto 14px;display:block}@keyframes ks-pg-drop{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.ks-pg-fallback{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;height:100%;padding:80px 24px;display:grid;overflow-y:auto}.ks-pg-fallback img{object-fit:cover;filter:brightness(.85);border-radius:10px;width:100%;height:160px;display:block}@media (max-width:640px){.ks-pg{height:160vh}.ks-pg-hint{bottom:18px}}@media (prefers-reduced-motion:reduce){.ks-pg-rule{opacity:.6;animation:none}.ks-pg-h1,.ks-pg-hint{animation-name:ks-pg-fade}.ks-pg-h1,.ks-pg-h1 em,.ks-pg-h1 .ks-pg-claim{transform:none}}@keyframes ks-pg-fade{0%{opacity:0}}
.pf{--washi:#f5f2ec;--ink:#0b0a08;--ink70:#464340;--ink50:#6d6a65;--ink30:#afaca5;--ink10:#dfdcd6;--orange:#ef4519;--on-ink:#efece8;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Bricolage Grotesque","Hanken Grotesk",Arial,sans-serif;--body:"Hanken Grotesk",Arial,sans-serif;--gut:max(clamp(16px,3.4vw,56px),env(safe-area-inset-left),env(safe-area-inset-right));background:var(--washi);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}@supports (color:lab(0% 0 0)){.pf{--washi:lab(95.6243% .224769 3.04761);--ink:lab(2.82165% .112705 1.07198);--ink70:lab(28.6824% .340387 2.66563);--ink50:lab(44.9259% .382155 3.0417);--ink30:lab(70.4573% .354886 3.81362);--ink10:lab(87.8541% .31054 3.42635);--orange:lab(55.7363% 64.4476 61.4847);--on-ink:lab(93.6484% .194877 2.66542)}}.pf ::selection{background:#ef451942;background:lab(55.7363% 64.4476 61.4847/.26)}.pf-sheet{padding:clamp(34px,5vw,84px) var(--gut) clamp(10px,1.4vw,20px)}.pf-sheet .clientgrid{margin-top:0}.pf-mark{top:18px;left:var(--gut);z-index:60;font-family:var(--disp);letter-spacing:.14em;color:var(--on-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0a0880;background:lab(2.82165% .112705 1.07198/.5);border:1px solid #efece81f;border:1px solid lab(93.6484% .194877 2.66542/.12);border-radius:999px;align-items:center;gap:9px;padding:7px 13px 7px 9px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .3s,border-color .3s,color .3s;display:inline-flex;position:fixed}.pf-mark:hover{background:#0b0a08d1;background:lab(2.82165% .112705 1.07198/.82);border-color:#ef451999;border-color:lab(55.7363% 64.4476 61.4847/.6)}.pf-mark span{color:var(--orange)}.pf-mark img{display:block}@media (max-width:560px){.pf-mark{padding:6px 11px 6px 8px;font-size:.72rem;top:12px}}.pf-how{border-top:1px solid var(--ink10);max-width:1240px;margin:clamp(46px,6vw,92px) auto 0;padding:clamp(34px,4vw,58px) 0 clamp(30px,4vw,56px)}.pf-how-head{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:clamp(18px,3vw,56px);margin-bottom:clamp(30px,3.4vw,50px);display:grid}.pf-kick{font-family:var(--mono);letter-spacing:.2em;color:var(--ink50);font-size:.68rem}.pf-kick b{color:var(--orange)}.pf-how-head p{color:var(--ink70);max-width:58ch;margin:0;font-size:clamp(1rem,.94rem + .3vw,1.18rem);line-height:1.55}.pf-how-list{background:var(--ink10);border:1px solid var(--ink10);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.pf-how-list li{background:var(--washi);padding:clamp(20px,2vw,28px)}.pf-how-n{font-family:var(--mono);letter-spacing:.12em;color:var(--ink30);margin-bottom:12px;font-size:.6rem;display:block}.pf-how-list b{font-family:var(--disp);letter-spacing:-.015em;margin-bottom:7px;font-size:clamp(1.02rem,.95rem + .3vw,1.22rem);font-weight:800;display:block}.pf-how-list span:not(.pf-how-n){color:var(--ink70);font-size:.94rem;line-height:1.5;display:block}.pf-how-foot{font-family:var(--mono);letter-spacing:.1em;color:var(--ink50);max-width:56ch;margin:clamp(20px,2.4vw,32px) 0 0;font-size:.68rem;line-height:1.7}@media (max-width:900px){.pf-how-head{grid-template-columns:1fr;gap:14px}.pf-how-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pf-how-list{grid-template-columns:1fr}.pf-how{margin-top:clamp(30px,7vw,46px)}}.pf-foot{padding:18px var(--gut) calc(28px + env(safe-area-inset-bottom));background:var(--ink);color:#efece880;color:lab(93.6484% .194877 2.66542/.5);flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.84rem;display:flex}.pf-mono{font-family:var(--mono);letter-spacing:.14em;font-size:.64rem}.clientgrid>span.cg-openable{cursor:pointer}.clientgrid>span.cg-openable:active{background:#fff}