*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f5f6f2;--ink:#191c1e;--ink2:#565d61;--ink3:#8b9297;--grid:#3460921a;--grid2:#34609233;--fil:#d4308f;--blue:#3b6ea5;--line:#191c1e26;--disp:"neue-haas-grotesk-display","Helvetica Neue",sans-serif;--mono:"JetBrains Mono",monospace}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:15px;overflow-x:hidden}::selection{background:var(--fil);color:#fff}#sheet{z-index:-1;background:linear-gradient(var(--grid) 1px,transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px), linear-gradient(var(--grid2) 1px,transparent 1px), linear-gradient(90deg,var(--grid2) 1px,transparent 1px), var(--paper);background-size:24px 24px,24px 24px,120px 120px,120px 120px;position:fixed;inset:0}#vase{z-index:25;pointer-events:none;position:fixed;inset:0}#vase canvas{background:0 0!important}.wrap{max-width:1360px;margin:0 auto;padding:0 clamp(22px,4vw,60px)}.lbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);font-size:11px}.lbl b{color:var(--fil);font-weight:700}.num{font-variant-numeric:tabular-nums}header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f6f2d1;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:60px;padding:0 clamp(22px,4vw,60px);display:flex}.brand{font-family:var(--disp);letter-spacing:-.01em;font-size:18px;font-weight:700}.brand i{color:var(--fil);font-style:normal}.nav .r{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);font-size:11px}#hud{z-index:40;pointer-events:none;font-family:var(--mono);position:fixed;bottom:24px;left:clamp(20px,3vw,48px)}#hud .layers{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:700}#hud .layers b{color:var(--fil)}#hud .bar{background:#191c1e1f;width:150px;height:3px;margin-top:8px;position:relative}#hud .bar i{background:var(--fil);width:0%;position:absolute;top:0;bottom:0;left:0}#hud .st{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:7px;font-size:10px}#rail{z-index:40;flex-direction:column;gap:22px;display:flex;position:fixed;top:50%;right:clamp(14px,2vw,30px);transform:translateY(-50%)}#rail a{padding:2px;display:block}#rail .dot{background:var(--ink3);opacity:.4;border-radius:1px;width:7px;height:7px;transition:all .3s;display:block}#rail a.on .dot{background:var(--fil);opacity:1;transform:rotate(45deg)scale(1.4)}.j1{flex-direction:column;justify-content:center;min-height:100vh;padding-top:10vh;display:flex;position:relative}.j1 .meta{opacity:0;gap:26px;margin-bottom:30px;animation:1s cubic-bezier(.16,1,.3,1) .15s forwards in;display:flex}.j1 h1{font-family:var(--disp);letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(3.2rem,10vw,9.6rem);font-weight:700;line-height:.9;position:relative}.j1 h1 .ln{display:block;overflow:hidden}.j1 h1 .ln span{animation:1s cubic-bezier(.16,1,.3,1) forwards rise;display:block;transform:translateY(110%)}.j1 h1 .ln:nth-child(2) span{animation-delay:.12s}.j1 h1 em{color:var(--fil);font-style:normal}.j1 .sub{max-width:40ch;color:var(--ink2);opacity:0;margin-top:34px;font-size:15.5px;line-height:1.75;animation:1s .55s forwards in}.j1 .dim{pointer-events:none;color:var(--blue);letter-spacing:.06em;font-size:11px;position:absolute}.j1 .dim .arrow{stroke:var(--blue);fill:none;stroke-width:1px}.j1 .cue{text-align:center;opacity:0;animation:1s 1.1s forwards in;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.j1 .cue .tick{background:var(--ink);transform-origin:top;width:1px;height:44px;margin:8px auto 0;animation:2s ease-in-out infinite pulse}@keyframes rise{to{transform:translateY(0)}}@keyframes in{to{opacity:1}}@keyframes pulse{50%{transform:scaleY(.4)}}.jhead{margin-bottom:6vh;position:relative}.jhead .jl{margin-bottom:14px;display:block}.jhead h2{font-family:var(--disp);letter-spacing:-.025em;text-transform:uppercase;clip-path:inset(0 100% 0 0);font-size:clamp(2rem,4.6vw,4rem);font-weight:700;line-height:1}.jhead .nozzle{background:var(--ink);opacity:0;width:10px;height:10px;position:absolute;bottom:-4px;left:0}.jhead .nozzle:after{content:"";background:var(--fil);height:3px;position:absolute;bottom:-3px;left:2px;right:2px}.j2{height:280vh;position:relative}.j2 .sticky{background:#101112;height:100vh;position:sticky;top:0;overflow:hidden}.j2 canvas{width:100%;height:100%;position:absolute;inset:0}.j2 .cap{justify-content:space-between;padding:0 clamp(22px,4vw,60px);display:flex;position:absolute;bottom:26px;left:0;right:0}.j2 .cap .lbl{color:#f0f2eed9}.j2 .big{font-family:var(--disp);letter-spacing:-.03em;color:#f5f6f2eb;text-transform:uppercase;white-space:nowrap;mix-blend-mode:screen;font-size:clamp(3rem,11vw,10rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.j3{padding-block:18vh;position:relative}.j3 .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,90px);display:grid}.choices{flex-direction:column;gap:10px;display:flex}.choices button{font-family:var(--mono);text-align:left;border:1px solid var(--line);color:var(--ink2);cursor:pointer;letter-spacing:.02em;background:#ffffff8c;padding:16px 18px;font-size:13.5px;transition:all .18s}.choices button:hover{border-color:var(--ink);color:var(--ink)}.choices button:focus-visible{outline:2px solid var(--fil);outline-offset:2px}.choices button.on{border-color:var(--fil);color:var(--ink);background:#fff;box-shadow:4px 4px #d4308f2e}.spec{border:1px solid var(--ink);background:#fff;position:relative}.spec .head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 76px 14px 20px;display:flex}.spec .body{padding:26px 20px 22px}.spec .name{font-family:var(--disp);letter-spacing:-.02em;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700}.spec .price{font-family:var(--mono);color:var(--fil);margin-top:6px;font-size:15px;font-weight:700}.spec p{color:var(--ink2);max-width:48ch;margin-top:16px;font-size:14px;line-height:1.75}.spec .rowz{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px;padding-top:16px;display:grid}.spec .rowz .v{font-family:var(--mono);font-size:15px;font-weight:700}.spec .rowz .k{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-top:4px;font-size:10px}.spec .corner{background:var(--fil);color:#fff;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;font-size:10px;position:absolute;top:-1px;right:-1px}.j4{padding-block:6vh 18vh}.j4 .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,90px);display:grid}.ctl{margin-bottom:26px}.ctl .lbl{margin-bottom:12px;display:block}input[type=range]{width:100%;accent-color:var(--fil)}.matz{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.matz button{font-family:var(--mono);border:1px solid var(--line);color:var(--ink2);cursor:pointer;background:0 0;padding:13px 6px;font-size:13px}.matz button.on{border-color:var(--fil);color:var(--ink);background:#fff}.readout{border-top:2px solid var(--ink);padding-top:22px}.readout .cost{font-family:var(--disp);letter-spacing:-.03em;font-size:clamp(3.6rem,8vw,7rem);font-weight:700;line-height:.9}.readout .cost small{color:var(--fil);letter-spacing:0;font-size:.3em}.readout .note{color:var(--ink2);max-width:44ch;margin-top:16px;font-size:13.5px;line-height:1.8}.readout .note b{color:var(--ink)}.j5{align-items:center;min-height:88vh;display:flex;position:relative}.stamp{border:3px solid var(--ink);background:#fff9;padding:26px 36px;display:inline-block;transform:rotate(-3deg)}.stamp .t{font-family:var(--disp);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2.2rem,6vw,5rem);font-weight:700;line-height:.95}.stamp .t i{color:var(--fil);font-style:normal}.stamp .mono-row{letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.j5 .aside{max-width:36ch;color:var(--ink2);font-size:15px;line-height:1.8}.j5 .inner{flex-wrap:wrap;align-items:center;gap:clamp(30px,6vw,110px);display:flex}.cta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);margin-top:26px;padding:18px 30px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.cta:hover{background:var(--fil)}footer{border-top:1px solid var(--line);color:var(--ink3);padding:34px 0;font-size:12px}footer .row{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.rv{transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1)}.rv.hide{opacity:0;transform:translateY(26px)}.vskew{transform:skewY(var(--vskew,0deg));will-change:transform}.j1 h1 .ln{position:relative}.pnoz{background:var(--ink);opacity:0;width:12px;position:absolute;top:18%;bottom:14%;left:0}.pnoz:after{content:"";background:var(--fil);height:5px;position:absolute;bottom:-6px;left:1px;right:1px}.dims{width:auto;height:52vh;position:absolute;top:16vh;right:clamp(10px,6vw,120px);overflow:visible}.dims .dline{stroke:var(--blue);stroke-width:1.4px;fill:none;opacity:0}.dims .dtext{font-family:var(--mono);letter-spacing:.12em;fill:var(--blue);opacity:0;font-size:11px}.j2 .sticky{clip-path:inset(44% 12%)}#cur{z-index:80;pointer-events:none;width:26px;height:26px;margin:-13px 0 0 -13px;position:fixed;top:0;left:0}#cur:before,#cur:after{content:"";background:var(--fil);position:absolute}#cur:before{width:2px;top:0;bottom:0;left:12px}#cur:after{height:2px;top:12px;left:0;right:0}#cur.big{transform:scale(1.7)!important}@media (pointer:coarse){#cur{display:none}}@media (width<=880px){#rail,.dims{display:none}.j3 .grid,.j4 .grid{grid-template-columns:1fr}#hud .bar{width:110px}.j1 .dim{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.j1 h1 .ln span{transform:none}.j1 .meta,.j1 .sub,.j1 .cue{opacity:1}.rv.hide{opacity:1;transform:none}.jhead h2{clip-path:none}}.j1 .inner,.jhead,.choices,.spec,.j4 .grid,.j5 .inner,footer{z-index:26;position:relative}