.web{position:relative;min-height:100svh;overflow:hidden}.web-copy{position:relative;z-index:6;pointer-events:none;max-width:min(520px,92vw);padding:clamp(112px,18vh,190px) var(--gut) 0}.web-title{margin:0;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(44px,6.2vw,104px);line-height:.86;letter-spacing:-.04em;text-shadow:0 2px 30px #050505}.web-title .ln{display:block}.web-dek{margin:20px 0 0;max-width:26ch;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,31px);line-height:1.15;color:color-mix(in srgb,var(--fg) 84%,transparent);text-shadow:0 2px 24px #050505}.web-hand{margin:20px 0 0;font-family:var(--hand);font-size:clamp(18px,1.5vw,22px);color:var(--accent);transform:rotate(-2.5deg);transform-origin:left;text-shadow:0 2px 20px #050505}.web-stage{position:absolute;inset:0;z-index:2}.web-silk{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.thread{fill:none;stroke:#f1ede433;stroke-width:1;stroke-linecap:round}.thread.spoke{stroke:#f1ede442}.thread.sh{animation:silk var(--sd,6s) ease-in-out var(--sl,0s) infinite}@keyframes silk{0%,to{stroke:#f1ede429}50%{stroke:#f1ede49e}}.thread.run{stroke:#fffffff2;stroke-width:1.6;stroke-dasharray:1.5 220;animation:run var(--rd,7s) linear var(--rl,0s) infinite}@keyframes run{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1200}}.dots{position:absolute;inset:0}.dot{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);padding:0;border:0;background:none;border-radius:50%;cursor:pointer;z-index:calc(2 + var(--z,0));-webkit-tap-highlight-color:transparent;transform:scale(var(--mag,1));transition:transform .18s cubic-bezier(.2,.9,.2,1),opacity .5s}.dot:before{content:"";position:absolute;inset:-9px;border-radius:50%}.dot img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #f1ede480,0 0 0 3px #050505e6,0 6px 14px -4px #000c;animation:twinkle var(--d,5s) ease-in-out var(--del,0s) infinite}@keyframes twinkle{0%,to{opacity:.72;filter:brightness(.88) saturate(.9)}50%{opacity:1;filter:brightness(1.18) saturate(1.05)}}.dot.glint:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,255,255,.9);opacity:0;animation:glint var(--gd,9s) ease-out var(--gl,0s) infinite;pointer-events:none}@keyframes glint{0%,86%{opacity:0;transform:scale(.8)}90%{opacity:.95}to{opacity:0;transform:scale(1.9)}}.web[data-hot] .dot:not(.lit){opacity:.28}.web[data-hot] .dot.lit img{animation:none;opacity:1;filter:none;box-shadow:0 0 0 2px var(--accent),0 0 0 4px #050505e6,0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.dot:focus-visible{outline:2px solid #fff;outline-offset:3px}.sec{position:absolute;z-index:40;transform:translate(-50%,-50%);padding:7px 12px 7px 14px;border-radius:999px;background:#050505c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(241,237,228,.22);color:var(--fg);text-decoration:none;white-space:nowrap;font-family:var(--display);font-stretch:112%;font-weight:700;font-size:13px;line-height:1;transition:background .25s,color .25s,border-color .25s}.sec small{margin-left:8px;font-weight:500;font-stretch:100%;opacity:.7}.web[data-hot] .sec:not(.lit){opacity:.35}.sec.lit,.sec:hover,.sec:focus-visible{background:var(--accent);color:#050505;border-color:var(--accent)}.sec:focus-visible{outline:2px solid #fff;outline-offset:3px}.lens{position:absolute;z-index:60;width:200px;pointer-events:none;opacity:0;transform:translate(-50%,-112%) scale(.94);transition:opacity .16s,transform .2s cubic-bezier(.2,.9,.2,1);padding:5px;border-radius:12px;background:#080807;border:1px solid rgba(241,237,228,.3);box-shadow:0 24px 50px -16px #000}.lens.show{opacity:1;transform:translate(-50%,-122%) scale(1)}.lens img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#141413}.lens span{display:block;min-height:1.2em;padding:6px 4px 2px;font-size:12px;line-height:1.25;color:#f1ede4e0}.wspider{position:absolute;left:0;top:0;z-index:30;width:34px;height:40px;color:#f1ede4;pointer-events:none;will-change:transform}.wspider svg{display:block;width:100%;height:100%;overflow:visible}.wspider .leg{transform-box:view-box;transform-origin:0 0}.wspider.walk .l1,.wspider.walk .l3{animation:wlegA .2s ease-in-out infinite alternate}.wspider.walk .l2,.wspider.walk .l4{animation:wlegB .2s ease-in-out infinite alternate}@keyframes wlegA{0%{transform:rotate(-12deg)}to{transform:rotate(9deg)}}@keyframes wlegB{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.web-index{position:absolute;z-index:7;left:var(--gut);bottom:clamp(18px,4vh,40px);display:flex;flex-wrap:wrap;gap:6px 18px;max-width:min(560px,70vw);list-style:none;margin:0;padding:0;font-size:14px}.web-index a{display:inline-block;padding:8px 0;color:color-mix(in srgb,var(--fg) 74%,transparent);text-decoration:none;border-bottom:1px solid rgba(241,237,228,.25)}.web-index a:hover,.web-index a:focus-visible{color:var(--fg);border-bottom-color:var(--fg)}.web:not(.ready) .web-stage{visibility:hidden}.web-note{padding-top:clamp(40px,7vh,80px);padding-bottom:clamp(20px,4vh,40px)}.web-note p{margin:0;max-width:48ch;font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);line-height:1.28;color:color-mix(in srgb,var(--fg) 86%,transparent)}.web-note a{text-decoration-color:var(--accent);text-underline-offset:6px}@media(max-width:760px){.web-copy{padding-top:100px}.web-hand{display:none}.web-index{max-width:calc(100% - 2 * var(--gut))}.sec{font-size:11px;padding:6px 10px}.lens{display:none}}@media(prefers-reduced-motion:reduce){.dot img,.dot.glint:after,.thread.sh,.thread.run{animation:none}.dot{transition:none}}.web-cue,.wlist{display:none}@media(max-width:760px){.web-cue{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(241,237,228,.4);background:#050505d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}.web-cue span{display:inline-block;animation:cueBob 1.8s ease-in-out infinite}@keyframes cueBob{50%{transform:translateY(3px)}}.wlist{display:block;padding:clamp(40px,7vh,72px) var(--gut) 8px;scroll-margin-top:70px}.wlist h2{margin:0 0 20px;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(30px,9vw,44px);line-height:.92;letter-spacing:-.035em}.wlist ul{display:flex;flex-direction:column;gap:22px;margin:0;padding:0;list-style:none}.wcard{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#121211,#0d0d0c);border:1px solid rgba(241,237,228,.13)}.wc-cover{position:relative;display:block;width:100%;padding:0;border:0;background:#0d0d0c;cursor:pointer;-webkit-tap-highlight-color:transparent}.wc-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.wc-cover:active img{transform:scale(1.02)}.wc-cover img{transition:transform .3s}.wc-badge{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:#050505c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;font-weight:600;color:var(--fg)}.wc-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 6px}.wc-body h3{margin:0;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:24px;line-height:1;letter-spacing:-.02em}.wc-body p{margin:0;font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.2;color:var(--accent)}.wc-strip{display:flex;gap:8px;margin:6px -16px 0;padding:2px 16px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.wc-strip::-webkit-scrollbar{display:none}.wc-strip button{flex:none;width:96px;height:54px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#0d0d0c;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.wc-strip img{display:block;width:100%;height:100%;object-fit:cover}.wc-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-bottom:6px;color:var(--fg);font-weight:600;font-size:16px;text-underline-offset:6px;text-decoration-color:var(--accent);text-decoration-thickness:2px}}.web-note .web-spec{margin-top:14px;font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--quiet)}