@import"https://fonts.googleapis.com/css2?family=Anton&family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--accent: #ff6a1f;--accent-soft: rgba(255, 106, 31, .14);--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--maxw: 920px;--ease: cubic-bezier(.22, 1, .36, 1);--flip: .6s ease}html[data-theme=light]{--bg: #f7f5f1;--fg: #1a1714;--muted: #716b62;--line: rgba(26, 23, 20, .12);--raise: rgba(26, 23, 20, .035);--term-bg: #161310;--term-fg: #f3f0ea;--term-muted: #8b8579;--term-line: rgba(243, 240, 234, .14)}html[data-theme=dark]{--bg: #16130f;--fg: #f3f0ea;--muted: #948d81;--line: rgba(243, 240, 234, .14);--raise: rgba(243, 240, 234, .04);--term-bg: #f4f1eb;--term-fg: #1a1714;--term-muted: #837d72;--term-line: rgba(26, 23, 20, .13);--accent: #ff7a33;--accent-soft: rgba(255, 122, 51, .16)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--flip),color var(--flip);overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.topbar{position:sticky;top:0;z-index:50;background-color:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background-color var(--flip),border-color var(--flip)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.55}}.nav{display:flex;align-items:center;gap:4px}.nav a{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--muted);padding:8px 12px;border-radius:8px;position:relative;transition:color .25s,background-color .25s}.nav a:hover{color:var(--fg);background:var(--raise)}.nav a.active{color:var(--fg)}.nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--accent);border-radius:2px}.nav .ext:after{content:"↗";font-size:10px;margin-left:4px;opacity:.55}.switch{margin-left:8px;width:62px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--raise);position:relative;cursor:pointer;flex:none;transition:background-color var(--flip),border-color var(--flip);-webkit-tap-highlight-color:transparent}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--fg);display:grid;place-items:center;transition:transform var(--flip),background-color var(--flip)}html[data-theme=dark] .switch .knob{transform:translate(32px)}.switch .knob .icon{width:12px;height:12px;position:relative;color:var(--bg)}.switch .knob .sun,.switch .knob .moon{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s,transform .4s var(--ease)}.switch .knob .sun{background:currentColor;border-radius:50%;transform:scale(.62)}.switch .knob .sun:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;box-shadow:0 -7px 0 -4.5px currentColor,0 7px 0 -4.5px currentColor,-7px 0 0 -4.5px currentColor,7px 0 0 -4.5px currentColor,-5px -5px 0 -4.5px currentColor,5px 5px 0 -4.5px currentColor,-5px 5px 0 -4.5px currentColor,5px -5px 0 -4.5px currentColor}.switch .knob .moon{border-radius:50%;box-shadow:inset -4px -1px 0 0 currentColor;opacity:0;transform:rotate(-40deg) scale(.8)}html[data-theme=dark] .switch .knob .sun{opacity:0;transform:scale(.4) rotate(40deg)}html[data-theme=dark] .switch .knob .moon{opacity:1;transform:rotate(0) scale(.92)}.hero{position:relative;min-height:calc(100vh - 65px);display:flex;flex-direction:column}.hero-stage{position:relative;flex:1 1 auto;min-height:300px;overflow:hidden}#warp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-name{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:0 24px;pointer-events:none;transition:transform .4s var(--ease);will-change:transform}.hero-name .kicker{margin:0}.hero-name h1{margin:0;font-size:clamp(40px,7.6vw,94px);line-height:.97;letter-spacing:-.04em;font-weight:700}.hero-name .role{font-family:var(--mono);font-size:clamp(12px,1.7vw,15px);color:var(--muted);letter-spacing:-.01em}.hero-name .role .accent{color:var(--accent)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:9px 0;transition:border-color var(--flip);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker .track{display:inline-block;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);animation:marq 34s linear infinite}.ticker .track i{color:var(--accent);font-style:normal;margin:0 2px}@keyframes marq{to{transform:translate(-50%)}}.bigtype{display:flex;align-items:center;justify-content:center;gap:.14em;padding:24px 16px 36px;font-family:"Anton",var(--sans);font-weight:400;text-transform:uppercase;font-size:clamp(50px,13.6vw,212px);line-height:.84;letter-spacing:.006em;color:var(--fg);transition:color var(--flip)}.bigtype .star{color:var(--accent);font-family:var(--sans);font-size:.4em;transform:translateY(-.06em)}@media (max-width: 600px){.bigtype{flex-direction:column;gap:0;line-height:.9}.bigtype .star{font-size:.55em;padding:6px 0}}.intro{padding:70px 0 20px}.intro .kicker{margin-bottom:24px}.bio{margin:54px 0 8px;display:grid;gap:2px;max-width:680px}.bio .line{font-size:clamp(20px,2.6vw,27px);line-height:1.34;letter-spacing:-.018em;font-weight:500;padding:7px 0 7px 26px;position:relative;color:var(--fg);opacity:0;transform:translateY(10px);animation:rise .7s var(--ease) forwards}.bio .line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line);transform:scaleY(0);transform-origin:top;transition:background-color .3s,transform .45s var(--ease)}.bio .line:hover:before{background:var(--accent);transform:scaleY(1)}.bio .line:hover{color:var(--fg)}.bio .line .lead{color:var(--accent);font-family:var(--mono);font-size:.62em;vertical-align:1.5px;margin-right:4px}@keyframes rise{to{opacity:1;transform:translateY(0)}}.bio .line.quirk{color:var(--muted);font-style:italic;font-weight:400}.bio .line.quirk:hover{color:var(--accent)}.section{padding:64px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:38px;padding-bottom:16px;border-bottom:1px solid var(--line);transition:border-color var(--flip)}.section-head h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.025em;font-weight:700;margin:0}.section-head .meta{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.terminal{background-color:var(--term-bg);color:var(--term-fg);border-radius:14px;font-family:var(--mono);font-size:13.5px;line-height:1.75;overflow:hidden;box-shadow:0 30px 60px -30px #00000073,0 1px 0 0 var(--term-line) inset;transition:background-color var(--flip),color var(--flip),box-shadow var(--flip);position:relative}.term-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--term-line);transition:border-color var(--flip)}.term-bar .lights{display:flex;gap:7px}.term-bar .lights i{width:11px;height:11px;border-radius:50%;background:var(--term-muted);opacity:.5;display:block}.term-bar .lights i:first-child{background:var(--accent);opacity:.9}.term-bar .title{font-size:11.5px;color:var(--term-muted);letter-spacing:.05em;margin-left:6px}.term-bar .clock{margin-left:auto;font-size:11.5px;color:var(--term-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}.term-body{padding:20px 20px 24px;min-height:318px}.term-line{white-space:pre-wrap;word-break:break-word}.term-line .pr{color:var(--accent)}.term-line .cmd{color:var(--term-fg)}.term-line .key{color:var(--accent)}.term-line .str{color:var(--term-fg);opacity:.92}.term-line .dim{color:var(--term-muted)}.term-out{color:var(--term-fg)}.term-json{color:var(--term-muted)}.term-json .key{color:var(--accent)}.term-json .str{color:var(--term-fg)}.cursor{display:inline-block;width:8px;height:1.05em;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.terminal{cursor:text}.terminal.focused{box-shadow:0 30px 60px -30px #00000073,0 0 0 1.5px var(--accent) inset}.term-capture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;font:inherit;outline:none;cursor:text;z-index:3}.term-hint .dim{letter-spacing:.02em}.about-grid{display:grid;grid-template-columns:1fr;gap:26px}@media (min-width: 760px){.about-grid{grid-template-columns:1fr;align-items:start}}.sidecard{display:grid;gap:14px;align-content:start}.stat{border:1px solid var(--line);border-radius:12px;padding:16px 18px;transition:border-color .3s,transform .3s var(--ease),background-color var(--flip)}.stat:hover{border-color:var(--accent);transform:translateY(-2px)}.stat .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat .val{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:4px}.stat .val .accent{color:var(--accent)}.hint{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);margin-left:12px;white-space:nowrap}.hint b{color:var(--accent);font-weight:700}@media (max-width: 720px){.hint{display:none}}.exp{display:grid;gap:0}.exp-item{display:block;padding:28px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color var(--flip)}.exp-item:last-child{border-bottom:1px solid var(--line)}.exp-title{margin:0;font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.012em;line-height:1.02;font-size:clamp(26px,4.4vw,50px);text-decoration:underline;text-decoration-thickness:clamp(2px,.18vw,3px);text-underline-offset:.12em;text-decoration-color:var(--fg);color:var(--fg);transition:color .2s,text-decoration-color .2s}.exp-title .co{font-family:var(--mono);font-size:.34em;color:var(--accent);font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}.exp-sub{margin:12px 0 0;font-family:var(--sans);font-style:italic;color:var(--muted);font-size:clamp(14px,1.5vw,17px);line-height:1.5;max-width:56ch}.exp-item:hover .exp-title{color:var(--accent);text-decoration-color:var(--accent)}@media (max-width: 560px){.exp-item{padding:22px 0}}.journal{display:grid;gap:0}.entry{display:grid;grid-template-columns:132px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line);align-items:start;transition:border-color var(--flip)}.entry:last-child{border-bottom:1px solid var(--line)}.entry .date{font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.02em;padding-top:4px;white-space:nowrap;transition:color .25s}.entry .body{position:relative}.entry .body .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:inline-block;margin-bottom:6px;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s var(--ease)}.entry .body p{margin:0;font-size:clamp(17px,2.2vw,21px);line-height:1.45;letter-spacing:-.012em;font-weight:500}.entry:hover .date{color:var(--accent)}.entry:hover .tag{opacity:1;transform:translateY(0)}@media (max-width: 560px){.entry{grid-template-columns:1fr;gap:6px}.entry .date{padding-top:0}}.memory{margin:18px 0 4px;width:min(320px,100%)}.memory figure{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:10px 10px 0;box-shadow:0 18px 40px -26px #00000080;transform:rotate(-1.4deg);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color var(--flip),background-color var(--flip)}.memory.r figure{transform:rotate(1.5deg)}.entry:hover .memory figure{transform:rotate(0) translateY(-4px);box-shadow:0 26px 50px -24px #0000008c}.memory image-slot{width:100%;display:block}.memory figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em;padding:10px 4px 12px;display:flex;justify-content:space-between;gap:10px}.memory figcaption .n{color:var(--accent)}.footer{padding:70px 0 56px;border-top:1px solid var(--line);margin-top:36px;transition:border-color var(--flip)}.footer .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.footer .links{display:flex;flex-wrap:wrap;gap:8px}.footer a.btn{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--fg);display:inline-flex;align-items:center;gap:8px;transition:border-color .25s,color .25s,background-color .25s,transform .25s var(--ease)}.footer a.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.footer a.btn .ar{opacity:.5;transition:transform .25s var(--ease)}.footer a.btn:hover .ar{transform:translate(2px,-2px);opacity:1}.footer .sig{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}.gallery-intro{padding:80px 0 20px}.gallery-intro h1{font-size:clamp(34px,5.5vw,62px);letter-spacing:-.035em;font-weight:700;margin:22px 0 0}.gallery-intro p{color:var(--muted);max-width:520px;margin:16px 0 0;font-size:18px}.collage{padding:40px 0 30px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px 18px}.polaroid{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:10px 10px 0;box-shadow:0 18px 40px -24px #00000080;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color var(--flip),background-color var(--flip);will-change:transform}.polaroid:hover{transform:rotate(0) translateY(-6px) scale(1.015)!important;box-shadow:0 30px 55px -22px #0000008c;z-index:5}.polaroid image-slot{width:100%;display:block}.polaroid .cap{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em;padding:11px 4px 13px;display:flex;justify-content:space-between;gap:10px}.polaroid .cap .n{color:var(--accent)}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}@media (max-width: 720px){.collage{gap:14px}.c4,.c5,.c6,.c7,.c8{grid-column:span 6}.polaroid{transform:none!important}}@media (max-width: 440px){.c4,.c5,.c6,.c7,.c8{grid-column:span 12}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.flip-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--accent);opacity:0;z-index:999;mix-blend-mode:overlay}.flip-flash.go{animation:flash var(--flip)}@keyframes flash{0%{opacity:0}22%{opacity:.16}to{opacity:0}}.moments{position:relative}.moments-track{position:relative;height:360vh}.moments-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);opacity:0;transform:scale(.96);transition:opacity .9s var(--ease),transform .9s var(--ease)}.moments-sticky.in{opacity:1;transform:none}.moments-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none}.m-kicker{position:absolute;top:38px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.m-hint{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.m-hint .arr{color:var(--accent);display:inline-block;animation:mbob 1.6s var(--ease) infinite}@keyframes mbob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.m-pill{position:absolute;z-index:1;width:132px;height:min(64vh,540px);border-radius:999px;background:#161310;color:#f3f0ea;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(rgba(243,240,234,.16) 1.2px,transparent 1.2px);background-size:13px 13px;box-shadow:0 40px 80px -40px #0000008c}.m-pill span{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--sans);font-weight:800;font-size:clamp(34px,5.4vh,58px);letter-spacing:-.06em;line-height:.82}.reel-stage{position:relative;z-index:2;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;perspective:1600px}.reel{position:relative;width:480px;height:320px;transform-style:preserve-3d;will-change:transform;--theta: 51.4286deg;--r: 380px}.moment{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:480px;height:320px;transform-origin:center center;transform:rotateX(calc(var(--i) * var(--theta))) translateZ(var(--r));backface-visibility:hidden;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px 12px 0;box-shadow:0 30px 60px -30px #0000008c;will-change:opacity,filter}.moment image-slot{width:100%;height:248px;display:block;border-radius:3px}.moment figcaption{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.02em;padding:12px 4px 14px;display:flex;justify-content:space-between;gap:10px}.moment figcaption .n{color:var(--accent)}@media (max-width: 620px){.reel{width:320px;height:232px;--r: 250px}.moment{width:320px;height:232px}.moment image-slot{height:168px}.m-pill{width:96px}.moments-sticky{perspective:1100px}}