:root{--bg: #F4F1EA;--ink: #0A0A0A;--ink-dim: #4B4843;--ink-faint: #A09A8C;--line: rgba(10,10,10,.14);--accent: #0A0A0A;--accent-dim:#7C766A;--display: "Fraunces", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;font:16px/1.6 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}html:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(125% 95% at 50% 42%,transparent 60%,rgba(120,110,92,.16) 100%)}html:after{content:"";position:fixed;inset:0;z-index:18;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;top:0;left:0;right:0;height:175px;z-index:15;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 32%,rgba(244,241,234,.85) 56%,transparent 100%);pointer-events:none}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:110px;z-index:15;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%);pointer-events:none}#ball{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;display:block;touch-action:pan-y;pointer-events:auto;cursor:none!important}#ball.grab,#ball.grabbing{cursor:none!important}#cursor-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;display:block}body,a,button,[data-doc],[data-close],.row,.link-btn,.contact-links a{cursor:none!important}.boot{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:opacity .7s ease,transform .7s ease}.boot.is-done{opacity:0;transform:scale(1.045);pointer-events:none}.boot-core{position:relative;display:flex;align-items:center;justify-content:center;width:148px;height:148px}.boot-ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line)}.boot-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:var(--accent);animation:bootSpin 1.1s linear infinite}.boot-ring--2{inset:24px;opacity:.6}.boot-ring--2:after{border-top-color:var(--accent-dim);animation:bootSpin 1.7s linear infinite reverse}@keyframes bootSpin{to{transform:rotate(360deg)}}.boot-mark{font-family:var(--display);font-size:30px;color:var(--ink);letter-spacing:-.01em}.boot-mark span{color:var(--accent)}.boot-log{font-family:var(--mono);font-size:11px;line-height:1.95;min-width:300px;color:var(--ink-faint)}.boot-row{display:flex;align-items:center;justify-content:space-between;gap:24px;opacity:0;transform:translateY(6px);animation:bootRow .42s ease forwards}@keyframes bootRow{to{opacity:1;transform:none}}.boot-row .bt{letter-spacing:.05em}.boot-row .bk{color:var(--accent-dim);letter-spacing:.22em;text-transform:uppercase;font-size:9.5px}.boot-row--final .bt{color:var(--accent);letter-spacing:.1em}.boot-row--final .bk{color:var(--accent)}.boot-meta{display:flex;align-items:center;gap:16px}.boot-bar{width:220px;height:2px;background:var(--line);overflow:hidden}.boot-bar span{display:block;width:0%;height:100%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.boot-pct{font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.1em;min-width:26px}.brand{position:fixed;top:20px;left:30px;z-index:20;font-family:var(--display);font-size:clamp(38px,4.8vw,66px);color:var(--ink);text-decoration:none;line-height:1;display:inline-flex;align-items:center;gap:12px;letter-spacing:-.015em;transition:color .3s}.brand:hover{color:var(--accent)}.brand-port{position:relative;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);opacity:.75;transition:transform .15s ease,box-shadow .15s ease}.brand-port.hit{transform:scale(2);box-shadow:0 0 22px var(--accent),0 0 6px #fff}.brand-port:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--accent);opacity:0}.brand-port.hit:after{animation:portRing .55s ease-out}@keyframes portRing{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.6);opacity:0}}.status{position:fixed;top:30px;right:30px;z-index:20;display:flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.scroll-cue{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);transition:opacity .5s ease}.scroll-cue i{width:1px;height:40px;background:linear-gradient(var(--accent),transparent)}.dock{position:fixed;bottom:28px;left:30px;z-index:20;display:flex;gap:22px}.dock a{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;position:relative;transition:color .25s}.dock a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--accent);transition:width .25s ease}.dock a:hover{color:var(--accent)}.dock a:hover:after{width:100%}.ping{position:fixed;top:0;left:0;z-index:16;pointer-events:none;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;opacity:0;transition:opacity .4s ease}.ping.on{opacity:1}.ping:before{content:"";position:absolute;inset:1.5px;border-radius:50%;background:radial-gradient(circle,#eafff9,#6fe7ce 60%,#6fe7ce00);box-shadow:0 0 10px 2px #6fe7cee6}.ping:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #6FE7CE;animation:pingPulse 1.8s ease-out infinite}@keyframes pingPulse{0%{transform:scale(.6);opacity:.85}to{transform:scale(4.2);opacity:0}}.packets{position:fixed;inset:0;z-index:19;pointer-events:none}.packet{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:#6fe7ce;box-shadow:0 0 12px 2px #6fe7cee6,0 0 4px #eafff9;opacity:0}.packet--throw{width:6px;height:6px;background:#e8e8ea;box-shadow:0 0 11px var(--accent)}main{position:relative;z-index:5;pointer-events:none}.panel{pointer-events:none}.content,.hero-id,.duo,.row,.link-btn,.contact-links a,.rows{pointer-events:auto}.panel{min-height:100vh;display:flex;align-items:center;padding:10vh 7vw;position:relative}.panel--hero{justify-content:center;text-align:center}.panel--right{justify-content:flex-end}.panel--left{justify-content:flex-start}.content{max-width:470px}.content--center{max-width:620px;text-align:center}.panel--duo{justify-content:center}.panel--duo .duo{display:grid;grid-template-columns:1fr 1fr;gap:7vw;width:100%;max-width:1080px;align-items:center}.panel--duo .content{max-width:420px}.panel--compact{min-height:66vh;padding-top:7vh;padding-bottom:7vh}.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;display:flex;gap:10px;align-items:center;justify-content:inherit}.panel--hero .eyebrow,.content--center .eyebrow{justify-content:center}h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.4vw,60px);line-height:1;letter-spacing:-.03em;color:var(--ink);margin-bottom:26px;font-variation-settings:"opsz" 96,"wght" 400,"SOFT" 30,"WONK" 1}.body{font-size:15px;line-height:1.72;color:var(--ink-dim);margin-bottom:16px;max-width:44ch}.h-mark{background:var(--ink);color:var(--bg);padding:.06em .2em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.32}.h-outline{color:transparent;-webkit-text-stroke:1.5px var(--ink);text-stroke:1.5px var(--ink)}.h-ul{position:relative;white-space:nowrap}.h-ul:after{content:"";position:absolute;left:0;bottom:.04em;height:.12em;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;animation:hUl .7s .3s cubic-bezier(.6,0,.2,1) forwards}@keyframes hUl{to{transform:scaleX(1)}}.smash-w{display:inline-block}.smash-i{display:inline-block;will-change:transform}.hero-id{position:relative;z-index:6}.hero-name{font-family:var(--display);font-weight:400;font-size:clamp(64px,12vw,168px);line-height:.84;letter-spacing:-.04em;color:var(--ink);text-shadow:0 6px 40px rgba(40,34,22,.12);font-variation-settings:"opsz" 144,"wght" 360,"SOFT" 20,"WONK" 1}.hero-sub{margin-top:26px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.rows{list-style:none;margin-top:14px}.row{display:flex;align-items:baseline;gap:16px;padding:18px 4px;border-top:1px solid var(--line);cursor:pointer;transition:padding-left .3s ease,background .3s ease}.row:last-child{border-bottom:1px solid var(--line)}.row:hover{padding-left:14px;background:#0a0a0a09}.row-date,.row-idx{font-size:10.5px;letter-spacing:.16em;color:var(--ink-faint);min-width:58px;text-transform:uppercase}.row-name{font-family:var(--display);font-size:clamp(20px,2.4vw,30px);color:var(--ink);margin-right:auto;letter-spacing:-.02em;transition:color .3s}.row:hover .row-name{color:var(--accent)}.row-go{color:var(--accent);transition:transform .3s}.row:hover .row-go{transform:translate(5px)}.link-btn{margin-top:22px;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:11px 18px;cursor:pointer;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:color .25s,border-color .25s,background .25s}.link-btn:hover{color:var(--bg);border-color:var(--accent);background:var(--accent)}.contact-links{display:flex;flex-direction:column;gap:2px;margin-top:18px;align-items:center}.contact-links a{font-family:var(--display);font-size:clamp(20px,3vw,34px);color:var(--ink);text-decoration:none;padding:12px 0;transition:color .25s;letter-spacing:-.01em}.contact-links a:hover{color:var(--accent)}.credit{margin-top:30px;font-size:10.5px;letter-spacing:.08em;color:var(--ink-faint)}.credit a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--line)}.credit a:hover{color:var(--accent)}.rail{position:fixed;top:50%;right:26px;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:4px;pointer-events:auto}.rail-item{display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none;padding:7px 0;opacity:.4;transition:opacity .35s ease}.rail-item .rail-n{font-family:var(--sans);font-size:10px;letter-spacing:.12em;color:var(--ink-dim);min-width:20px;text-align:right}.rail-item .rail-l{font-family:var(--sans);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .4s ease,opacity .3s ease}.rail-item:after{content:"";width:14px;height:1px;background:var(--ink-dim);flex:none;transition:width .35s ease,background .35s ease}.rail-item:hover,.rail-item.is-active{opacity:1}.rail-item:hover .rail-l,.rail-item.is-active .rail-l{max-width:90px;opacity:1}.rail-item.is-active:after{width:30px;background:var(--accent)}.rail-item.is-active .rail-n{color:var(--accent)}.panel-num{position:absolute;z-index:4;pointer-events:none;font-family:var(--display);font-weight:400;font-size:clamp(180px,30vw,440px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(10,10,10,.11);letter-spacing:-.04em;top:50%;right:4vw;transform:translateY(-50%);font-variation-settings:"opsz" 144,"wght" 300,"WONK" 1;-webkit-user-select:none;user-select:none}.panel-num--left{right:auto;left:4vw}.panel-num--center{left:50%;right:auto;transform:translate(-50%,-50%)}.meta-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.meta-tags li{font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:100px;padding:6px 12px}.meta-stat{list-style:none;display:flex;gap:28px;margin-top:24px}.meta-stat li{display:flex;flex-direction:column;gap:3px}.meta-stat b{font-family:var(--display);font-weight:400;font-size:clamp(18px,2vw,26px);color:var(--ink);letter-spacing:-.02em;line-height:1}.meta-stat span{font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.content--wide{max-width:600px}.row-tag{font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-left:18px;white-space:nowrap}@media(max-width:980px){.row-tag{display:none}}.window{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.window.is-open{opacity:1;pointer-events:auto}.window-scrim{position:absolute;inset:0;background:#040507a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.window-panel{position:relative;width:min(820px,92vw);max-height:86vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfaf5,#f1ede3);border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 120px #28221647;will-change:transform,opacity}.window-bar{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line)}.window-id{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.window-title{font-family:var(--display);font-size:17px;color:var(--ink);margin-right:auto}.window-close{background:transparent;border:1px solid var(--line);color:var(--ink-dim);border-radius:8px;padding:7px 13px;font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:.25s}.window-close:hover{color:var(--ink);border-color:var(--accent)}.window-body{padding:30px 40px 40px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(10,10,10,.25) transparent}.window-body::-webkit-scrollbar{width:6px}.window-body::-webkit-scrollbar-thumb{background:#0a0a0a33;border-radius:3px}.win-doc .doc-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;display:block;padding-bottom:20px;border-bottom:1px solid var(--line)}.win-doc h4{font-size:10.5px;font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);margin:28px 0 12px;font-weight:600}.win-doc p{color:var(--ink-dim);font-size:14.5px;line-height:1.72;margin-bottom:14px}.win-doc ul,.win-doc ol{color:var(--ink-dim);margin:0 0 16px;padding-left:22px;font-size:14px;line-height:1.7}.win-doc li{margin-bottom:6px}.win-doc li::marker{color:var(--accent-dim)}.win-doc strong{color:var(--ink);font-weight:600}.win-doc em{color:var(--accent);font-style:italic}.win-doc code{font-family:var(--mono);font-size:12.5px;background:#0a0a0a0f;color:var(--ink);padding:2px 6px;border-radius:4px}.win-doc pre{background:#0a0a0a0d;border:1px solid var(--line);border-radius:8px;padding:16px 18px;overflow-x:auto;margin-bottom:16px}.win-doc pre code{background:transparent;color:var(--ink-dim);padding:0}.win-doc a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim)}@media(max-width:760px){.brand{top:16px;left:18px;font-size:30px}.status{top:22px;right:18px}.panel{padding:16vh 8vw;justify-content:center;text-align:center}.panel--right,.panel--left{justify-content:center}.content{max-width:100%}.eyebrow,.panel .eyebrow{justify-content:center}.body{max-width:100%;margin-left:auto;margin-right:auto}.row{justify-content:center}.panel--duo .duo{grid-template-columns:1fr;gap:7vh;max-width:100%}.panel--duo .content{max-width:100%}.panel--compact{min-height:auto}.dock,.rail{display:none}.panel-num{font-size:34vw;opacity:.8}.meta-tags,.meta-stat{justify-content:center}.meta-stat{gap:20px;flex-wrap:wrap}.boot-log{min-width:0;font-size:10px}#ball{opacity:.5}.window-body{padding:22px 20px 30px}}