:root{--ink: #0d0f0e;--paper: #ece6da;--paper-dim: #b8b2a6;--moss: #7c9070;--gold: #d9a441;--line: rgba(236, 230, 218, .12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 20% 30%,rgba(124,144,112,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(217,164,65,.06),transparent 45%)}.wrap{max-width:920px;margin:0 auto;padding:0 28px;position:relative;z-index:1}.intro{padding-top:clamp(72px,14vh,140px);padding-bottom:clamp(48px,8vh,90px)}.eyebrow{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin-bottom:26px}.status{display:inline-flex;align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-dim);border:1px solid var(--line);border-radius:100px;padding:6px 13px;margin-bottom:22px}.sdot{width:7px;height:7px;border-radius:50%;background:var(--moss);box-shadow:0 0 #7c9070b3;animation:pulse 2.4s infinite}.socials{margin-top:26px;display:flex;flex-wrap:wrap;gap:22px}.socials a{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--paper-dim);text-decoration:none;transition:color .3s ease}.socials a:hover{color:var(--gold)}h1{font-family:Fraunces,serif;font-weight:400;font-size:clamp(2.4rem,6.2vw,4.3rem);line-height:1.04;letter-spacing:-.018em;max-width:16ch}.hl{color:var(--gold);font-style:italic;font-weight:500}.lede{margin-top:30px;max-width:56ch;font-size:clamp(1.02rem,2vw,1.18rem);color:var(--paper-dim)}.tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}.tags span{font-family:JetBrains Mono,monospace;font-size:.74rem;padding:5px 11px;border:1px solid var(--line);border-radius:100px;color:var(--paper-dim)}.work{display:flex;flex-direction:column;gap:18px}.card{display:block;text-decoration:none;color:inherit;background:#131614;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .35s ease,transform .35s ease,background .35s ease}.card:hover{border-color:#d9a44173;transform:translateY(-3px);background:#161a17}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.shot{aspect-ratio:16 / 10;background:linear-gradient(135deg,#1a1f1b,#121512);border-bottom:1px solid var(--line);overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}.card:hover .shot img{transform:scale(1.03)}.card-body{padding:clamp(26px,4vw,40px)}.card-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}.num{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--moss)}.kind{font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-dim)}.live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.dot{width:7px;height:7px;border-radius:50%;background:var(--moss);box-shadow:0 0 #7c9070b3;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #7c907099}70%{box-shadow:0 0 0 7px #7c907000}to{box-shadow:0 0 #7c907000}}.card h2{font-family:Fraunces,serif;font-weight:500;font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.01em;margin-bottom:14px}.summary{font-size:1.05rem;max-width:60ch}.detail{margin-top:13px;color:var(--paper-dim);font-size:.96rem;max-width:62ch}.stack{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.stack li{font-family:JetBrains Mono,monospace;font-size:.72rem;padding:4px 10px;background:#ece6da0d;border-radius:6px;color:var(--paper-dim)}.visit{margin-top:24px;display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.84rem;color:var(--gold)}.card:hover .visit svg{transform:translate(2px,-2px)}.visit svg{transition:transform .3s ease}.about{margin:clamp(70px,12vh,130px) 0 0;display:flex;align-items:center;gap:clamp(24px,5vw,48px)}.about-photo{flex-shrink:0}.about-photo img{width:clamp(120px,22vw,180px);height:clamp(120px,22vw,180px);border-radius:20px;object-fit:cover;object-position:center 15%;border:1px solid var(--line);background:linear-gradient(135deg,#1a1f1b,#121512);display:block}.about-text h2{font-family:Fraunces,serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,2.2rem);letter-spacing:-.01em;margin:4px 0 16px}.about-text p:last-child{color:var(--paper-dim);max-width:52ch;font-size:1.04rem}.contact{margin:clamp(80px,14vh,150px) 0 clamp(60px,10vh,110px)}.contact h2{font-family:Fraunces,serif;font-weight:400;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.015em}.contact p{margin-top:18px;max-width:50ch;color:var(--paper-dim);font-size:1.08rem}.mail{margin-top:28px;display:inline-block;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2.4vw,1.35rem);color:var(--paper);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px;transition:color .3s ease}.mail:hover{color:var(--gold)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:32px;padding-bottom:48px;border-top:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--paper-dim)}@media(max-width:620px){.about{flex-direction:column;align-items:flex-start;text-align:left}}@media(max-width:560px){.card-top{flex-wrap:wrap}.live{margin-left:0}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}