:root{--ink: oklch(.12 .01 280);--paper: oklch(.97 .004 90);--text: oklch(.96 .006 280);--muted: oklch(.7 .012 280);--cream: oklch(.94 .012 90);--card: oklch(.99 .004 90);--dark: oklch(.2 .02 280);--accent: oklch(.7 .19 40);--sans: "DM Sans", Helvetica, Arial, sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--ink)}a{color:inherit}::selection{background:#ffd16b;background:oklch(.88 .16 85);color:#0a0b10}input,textarea{outline:none}.root{background:var(--ink);color:var(--text);font-family:var(--sans);overflow-x:clip}.hero-wrap{height:325vh;position:relative;background:var(--ink)}.hero{position:sticky;top:0;height:100vh;background:var(--ink);color:var(--paper);display:flex;align-items:center;padding:0 7vw;overflow:hidden}.hero-inner{width:100%;position:relative}.name{display:flex;flex-direction:column;cursor:pointer;width:max-content;background:none;border:0;padding:0;color:inherit}.name-row{display:flex}.tile{display:inline-block;flex:none;width:.8em;text-align:center;font:700 min(14vw,18vh)/.95 var(--sans);color:var(--paper)}.tagline{margin:3vh 0 0;opacity:0;font:500 clamp(15px,1.6vw,22px) var(--mono);color:var(--paper)}.hint{position:absolute;left:50%;bottom:92px;transform:translate(-50%);opacity:0;display:flex;flex-direction:column;align-items:center;gap:6px;font:500 13px var(--mono);color:var(--muted);white-space:nowrap}.hint-arrow{font-size:15px;animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,55%,to{transform:none}25%{transform:translateY(5px)}}.reel{position:fixed;left:0;top:50%;z-index:60;pointer-events:none;white-space:nowrap;will-change:transform;visibility:hidden;font:700 min(14vw,18vh)/.95 var(--sans);letter-spacing:-.045em;color:var(--paper)}.work{height:700vh;position:relative}.work-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink)}.card{--w: min(66vh, 86vw);position:absolute;left:50%;top:50%;width:var(--w);height:90vh;margin:-45vh 0 0 calc(var(--w) / -2);border-radius:2.6vh;box-shadow:0 2vh 6vh #00000080;will-change:transform;container-type:inline-size}.card-num{position:absolute;font:700 2.4vh/1 var(--mono)}.card-num.top{top:3vh;left:4vh}.card-num.bottom{bottom:3vh;right:4vh;transform:rotate(180deg)}.card-body{position:absolute;top:10vh;right:4vh;bottom:10vh;left:4vh;display:flex;flex-direction:column;justify-content:center;gap:2vh}.card-title{line-height:.98;font-weight:700;letter-spacing:-.045em;text-wrap:balance;font-size:min(var(--fs),calc((100cqi - 8vh) / (var(--chars) * .56)))}.card-tags{display:flex;flex-wrap:wrap;gap:1vh;margin:0;padding:0;list-style:none}.card-tag{font:500 1.8vh/1 var(--mono);padding:.9vh 1.5vh;border:1.5px solid currentColor;border-radius:99px}.card-tag a{text-decoration:none}.card-link{font:500 1.9vh var(--mono)}.contact{min-height:100vh;background:var(--cream);color:var(--dark);display:flex;align-items:center;padding:8vh 7vw 14vh}.contact-grid{width:100%;display:grid;gap:6vw;align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.contact-kicker{font:500 14px var(--mono);margin-bottom:3vh}.contact-title{font-size:min(12vw,24vh);line-height:.88;font-weight:700;letter-spacing:-.06em;margin:0;transform-origin:30% 80%}.contact-title.shake{animation:shake .7s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{15%{transform:rotate(-5deg) translate(-2%)}30%{transform:rotate(4deg) translate(2%)}45%{transform:rotate(-3deg) translate(-1%)}60%{transform:rotate(2deg) translate(1%)}75%{transform:rotate(-1deg)}}.form{background:var(--card);border-radius:24px;padding:clamp(24px,3vw,44px);box-shadow:0 24px 70px #1e140a2e;transform:rotate(-1.2deg);display:flex;flex-direction:column;gap:22px;max-width:560px;justify-self:end;width:100%}.field{display:flex;flex-direction:column;gap:6px;font:500 12px var(--mono)}.field input,.field textarea{border:0;border-bottom:2px solid var(--dark);background:transparent;font:500 22px var(--sans);padding:8px 0;color:inherit;border-radius:0}.field textarea{resize:none}.field input:focus,.field textarea:focus{border-bottom-color:var(--accent)}.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.submit{cursor:pointer;border:0;border-radius:99px;padding:16px 30px;background:var(--dark);color:var(--text);font:500 15px var(--mono);transition:background .2s}.submit:hover{background:var(--accent)}.submit:disabled{cursor:progress}.status{font:500 13px var(--mono);color:#454753}.dock{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:18px;padding:6px 18px;border-radius:99px;background:#121218c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);color:var(--text);font:500 12px var(--mono);white-space:nowrap}.dock-label{min-width:15ch}.dock-nodes{display:flex;gap:5px;align-items:center}.dock-node{border:0;padding:0;background:none;cursor:pointer;height:32px;display:flex;align-items:center}.dock-seg{display:block;height:8px;width:12px;border-radius:4px;opacity:.35;transition:width .3s,opacity .3s}@media(max-width:480px){.dock{gap:10px;padding:4px 12px}.dock-label{min-width:0;max-width:14ch;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.dock-seg{transition:none}.hint-arrow{animation:none}}