:root{--bg:#0a0a0a;--fg:#f2eee7;--muted:#7f7c77;--line:#282725;--panel:#111;--accent:#c49a66}body.light{--bg:#eee9e1;--fg:#151311;--muted:#706b64;--line:#cbc4ba;--panel:#e5dfd6;--accent:#885d35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;transition:.25s}a{text-decoration:none;color:inherit}button{font:inherit}header{height:74px;padding:0 4vw;display:grid;grid-template-columns:150px 1fr 60px;align-items:center;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.mark{font-weight:900;letter-spacing:.12em}nav{display:flex;justify-content:center;gap:30px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}header button{justify-self:end;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--fg)}.hero{min-height:650px;padding:7vw 4vw;display:grid;grid-template-columns:1fr .65fr;gap:6vw;align-items:center}.intro>span,.work-head span,.statement span,.contact>span{font-size:9px;letter-spacing:.18em;color:var(--muted)}.intro h1{font:700 clamp(64px,8vw,118px)/.86 Georgia,serif;letter-spacing:-.06em;margin:22px 0}.intro h1 em{font-weight:400;color:var(--muted)}.intro p{max-width:600px;color:var(--muted);line-height:1.75}.intro>a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--fg);padding-bottom:4px;font-size:11px}.portrait{height:500px;position:relative;border:1px solid var(--line);border-radius:220px 220px 28px 28px;background:radial-gradient(circle at 50% 30%,#7f5f4455,transparent 32%),linear-gradient(145deg,#1d1916,var(--panel));overflow:hidden}.face{position:absolute;width:58%;height:62%;left:21%;top:14%;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#be9979,#6c4c37);box-shadow:inset -30px -20px 60px #33201655}.face:before{content:"";position:absolute;left:17%;right:17%;top:-10%;height:38%;border-radius:50% 50% 35% 35%;background:#171310}.face i:before,.face i:after{content:"";position:absolute;width:9px;height:6px;border-radius:50%;background:#201611;top:39%}.face i:before{left:32%}.face i:after{right:32%}.face:after{content:"";position:absolute;width:48px;height:15px;border-bottom:3px solid #633a2d;border-radius:50%;left:50%;bottom:25%;transform:translateX(-50%)}.portrait-note{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#aaa}.portrait-note b{color:var(--accent)}.ticker{height:64px;border-block:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.17em}.work{padding:90px 4vw}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.work h2,.about h2,.contact h2{font:700 56px/1 Georgia;margin:8px 0}.filters{display:flex;gap:7px}.filters button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:8px 12px;font-size:9px}.filters button.active{background:var(--fg);color:var(--bg)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project{border:0;padding:0;text-align:left;color:var(--fg);background:transparent;cursor:pointer}.project-art{height:380px;border:1px solid var(--line);border-radius:18px;background:var(--art);position:relative;overflow:hidden}.project-art:after{content:"↗";position:absolute;right:18px;top:17px;width:38px;height:38px;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center}.shape{position:absolute;background:var(--shape);box-shadow:0 30px 80px #0005}.project:nth-child(1) .shape{width:62%;height:50%;left:19%;top:25%;border-radius:40% 12% 40% 12%;transform:rotate(-8deg)}.project:nth-child(2) .shape{width:48%;height:70%;left:27%;top:15%;border-radius:2px;transform:rotate(10deg)}.project:nth-child(3) .shape{width:68%;height:35%;left:16%;top:34%;border-radius:50%;transform:rotate(-12deg)}.project:nth-child(4) .shape{width:55%;height:55%;left:22%;top:23%;clip-path:polygon(50% 0,100% 100%,0 100%)}.project:nth-child(5) .shape{width:66%;height:54%;left:17%;top:23%;border-radius:40px}.project:nth-child(6) .shape{width:55%;height:65%;left:22%;top:18%;border-radius:50% 50% 20% 20%}.project-meta{display:flex;justify-content:space-between;padding:12px 2px 26px}.project-meta b{font-size:14px}.project-meta span{font-size:9px;color:var(--muted)}.about{padding:100px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.bio p{color:var(--muted);line-height:1.8;max-width:560px}.skills{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.skills span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:9px;color:var(--muted)}.bio a{font-size:11px;border-bottom:1px solid var(--fg)}.contact{padding:100px 4vw;background:var(--panel)}.contact h2{font-size:72px}.contact>a{font:700 clamp(30px,4vw,58px) Georgia;color:var(--accent)}.social{display:flex;gap:25px;margin-top:50px;color:var(--muted);font-size:10px}footer{height:90px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.lightbox{position:fixed;z-index:80;inset:0;background:var(--bg);display:none;grid-template-columns:1.4fr .6fr;gap:50px;padding:5vw;align-items:center}.lightbox.open{display:grid}.lightbox>button{position:absolute;right:25px;top:20px;border:0;background:none;color:var(--fg);font-size:34px}.lightbox-art{height:70vh;border:1px solid var(--line);border-radius:20px;background:var(--art);position:relative}.lightbox-art:after{content:"";position:absolute;width:55%;height:55%;left:22%;top:22%;border-radius:40px;background:var(--shape);box-shadow:0 35px 90px #0006}.lightbox span{font-size:9px;color:var(--muted);letter-spacing:.15em}.lightbox h3{font:700 52px Georgia;margin:10px 0}.lightbox p{color:var(--muted);line-height:1.7}@media(max-width:850px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr}.portrait{height:420px}.grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.work-head{display:block}.filters{margin-top:18px;flex-wrap:wrap}.lightbox{grid-template-columns:1fr;overflow:auto}.lightbox-art{height:50vh}.ticker{overflow:hidden;gap:25px;justify-content:flex-start;padding:0 20px}.contact h2{font-size:48px}}