:root{--acc: #c8f03c;--bg: #0b0c0f;--bone: #ece8df;--line: rgba(236,232,223,.14);--pad: clamp(20px,4vw,56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bone);-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque,sans-serif;overflow-x:hidden}::selection{background:var(--acc);color:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--acc)}h1,h2,h3,p{margin:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.mono{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.02em}.acc{color:var(--acc)}.dim{color:#ece8df8c}.dot{width:8px;height:8px;border-radius:50%;background:var(--acc);animation:pulse 2s ease-in-out infinite;display:inline-block}.pad{padding-left:var(--pad);padding-right:var(--pad)}.pad-x{padding:0 var(--pad)}.sec{padding-top:clamp(80px,12vw,160px);padding-bottom:40px}[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),background .35s,color .35s,padding .35s,border-color .4s}[data-reveal].in{opacity:1;transform:none}.app{position:relative;min-height:100vh}.field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#0b0c0f00 40%,#0b0c0fd9)}main{position:relative;z-index:1}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--pad);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0c0f73;border-bottom:1px solid rgba(236,232,223,.08)}.brand{display:flex;align-items:center;gap:10px;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;text-transform:none}.badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--acc);color:var(--bg);font-size:12px;font-weight:800}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);flex-wrap:wrap;justify-content:flex-end}.clock{display:flex;align-items:center;gap:8px;color:#ece8df99;white-space:nowrap}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(28px,4vw,48px);padding-top:140px;padding-bottom:40px}.hero>.mono{font-size:13px}.hero h1{display:flex;flex-wrap:wrap;column-gap:.24em;font-size:clamp(52px,10vw,168px);line-height:.9;letter-spacing:-.045em;font-weight:600;max-width:15ch}.hero h1>span{display:inline-block}.hero h1 .serif{padding-right:.06em}.glitch{display:inline-block;will-change:transform}.hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}.lede{max-width:52ch;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#ece8dfc7;text-wrap:pretty}.lede strong{color:var(--bone);font-weight:600}.ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-size:16px;white-space:nowrap;flex-shrink:0;transition:transform .3s,border-color .3s}.btn-acc{background:var(--acc);color:var(--bg);font-weight:600}.btn-acc:hover{color:var(--bg);transform:translateY(-3px)}.btn-ghost{border:1px solid rgba(236,232,223,.3);font-weight:500}.btn-ghost:hover{border-color:var(--acc)}.hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:20px;border-top:1px solid rgba(236,232,223,.12);letter-spacing:.05em;color:#ece8df99}.hud b{color:var(--bone);font-weight:400}.hud-l{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.hud-load{display:flex;align-items:center;gap:8px}.bar{position:relative;width:80px;height:4px;background:#ece8df26;border-radius:2px;overflow:hidden}.bar>span{position:absolute;inset:0 auto 0 0;width:0;background:var(--acc)}.reshuffle{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--bg);background:var(--bone);border:0;border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .2s}.reshuffle:hover{background:var(--acc)}.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:44px}.sec-head h2{font-size:clamp(38px,5.5vw,84px);line-height:.95;letter-spacing:-.04em;font-weight:600;max-width:14ch}.now-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:14px;min-height:280px;padding:28px;border-radius:22px;background:#14161b9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(236,232,223,.1)}.card.in{transition:transform .4s,border-color .4s}.card:hover{transform:translateY(-6px);border-color:var(--acc)}.card>.mono{color:var(--acc)}.card h3{margin-top:auto;font-size:28px;line-height:1.05;letter-spacing:-.03em;font-weight:600}.card p{font-size:15px;line-height:1.5;color:#ece8dfb3}.card-light{background:var(--bone);color:var(--bg);border:0}.card-light>.mono{color:#0b0c0f99}.card-light h3{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:34px;line-height:1;letter-spacing:-.01em}.card-light p{color:#0b0c0fb8}.card-light:hover{transform:translateY(-6px) rotate(-1deg)}.work{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:32px}.work-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:30px 20px;border-bottom:1px solid var(--line);background:#0b0c0f59}.work-row:hover{background:var(--acc);color:var(--bg);padding-left:34px}.num{flex:0 0 44px;font-size:13px;opacity:.6}.work-name{flex:1 1 280px;font-size:clamp(30px,3.6vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1}.work-body{flex:1 1 320px;font-size:16px;line-height:1.5;opacity:.75;text-wrap:pretty}.tags{display:flex;gap:6px;font-size:11px;letter-spacing:.06em}.tags span{padding:5px 10px;border:1px solid currentColor;border-radius:999px;opacity:.7}.arrow{font-size:26px}.underline{display:inline-flex;font-size:13px;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:4px}.path{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--line)}.path-item{display:flex;flex-direction:column;gap:12px;padding:32px 24px 40px 0;border-bottom:1px solid var(--line)}.when{display:flex;align-items:center;gap:10px}.path-item h3{margin-top:18px;font-size:30px;line-height:1.02;letter-spacing:-.03em;font-weight:600}.role{font-size:22px;color:#ece8dfd9}.path-item p{font-size:15px;line-height:1.55;color:#ece8dfad;max-width:34ch}.toolkit{display:flex;flex-direction:column;border-top:1px solid var(--line)}.tk-row{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:22px 0}.tk-label{position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-50%);font-size:11px;padding:6px 12px;border-radius:999px;background:var(--acc);color:var(--bg)}.tk-label-light{background:var(--bone)}.marquee{display:flex;width:max-content;gap:48px;font-size:clamp(40px,6vw,96px);letter-spacing:-.04em;line-height:1;white-space:nowrap;will-change:transform}.marquee-light{color:#ece8dfe6}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;gap:60px;padding-top:clamp(100px,14vw,180px);padding-bottom:32px}.contact-top{display:flex;flex-direction:column;gap:36px}.contact h2{font-size:clamp(40px,6.5vw,104px);line-height:.95;letter-spacing:-.045em;font-weight:600;max-width:16ch;text-wrap:balance}.contact .lede{max-width:48ch}.mail{align-self:flex-start;display:flex;align-items:center;gap:20px;padding:22px 34px;border-radius:999px;background:var(--bone);color:var(--bg);font-size:clamp(20px,3vw,42px);font-weight:600;letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere}.mail.in{transition:background .3s,transform .3s}.mail:hover{background:var(--acc);color:var(--bg);transform:scale(1.02)}.socials{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:12px 22px;border-radius:999px;border:1px solid rgba(236,232,223,.28);font-size:13px;letter-spacing:.06em;transition:border-color .3s}.pill:hover{border-color:var(--acc)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:24px;border-top:1px solid rgba(236,232,223,.12)}.wordmark{font-size:clamp(64px,16vw,260px);font-weight:700;letter-spacing:-.06em;line-height:.8}.foot-r{display:flex;gap:20px;letter-spacing:.06em}