:root{--ink:#e9e9e5;--paper:#0c1012;--muted:#a9aeaa;--line:rgba(233,233,229,.2);--gold:#f3c75f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}button,a,select{font:inherit;color:inherit}.site-header{height:72px;padding:0 4vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:10}.logo{font-weight:800;font-size:1.4rem;letter-spacing:-.1em;text-decoration:none}.site-header p,.eyebrow{margin:0;font:.65rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:var(--muted)}.header-actions{justify-self:end;display:flex;gap:1rem}.header-actions button,#archive-close,.footer-intro button{padding:.5rem 0;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;font-size:.75rem}.hero{min-height:300px;padding:clamp(2rem,5vw,5rem) 8vw 3rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.55fr);gap:2rem;align-items:end;position:relative;overflow:hidden;isolation:isolate}.hero-image{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.3;filter:grayscale(1) contrast(1.12)}.hero h1{grid-column:1;margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.76;letter-spacing:-.09em;font-weight:500}.hero h1 em{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;font-style:normal;font-size:.35em;letter-spacing:.1em}.hero-copy{margin:0;max-width:320px;line-height:1.7;color:#d0d3cf}.controls{padding:0 4vw 1.3rem;display:flex;justify-content:space-between;gap:2rem;align-items:end}.controls>p{margin:0;color:var(--muted);font:.65rem ui-monospace,SFMono-Regular,monospace}.filters{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.filters button{padding:.55rem .78rem;border:1px solid var(--line);border-radius:2rem;background:transparent;cursor:pointer;font-size:.75rem}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stage{height:calc(100vh - 285px);min-height:510px;margin:0 2vw;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 65% 35%,#18275b,transparent 35%),radial-gradient(circle at 24% 80%,#48262f,transparent 35%),#101617;isolation:isolate;perspective:1200px}.stage-grid{position:absolute;inset:-30%;opacity:.35;background-image:linear-gradient(rgba(233,233,229,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(233,233,229,.09) 1px,transparent 1px);background-size:62px 62px;transform:perspective(520px) rotateX(64deg) translateY(17%);transform-origin:center bottom}#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.instruction{position:absolute;z-index:5;bottom:1rem;left:1rem;margin:0;color:var(--muted);font:.6rem ui-monospace,SFMono-Regular,monospace}.orbit{position:absolute;inset:0;transform-style:preserve-3d;animation:turn 84s linear infinite;z-index:2}.card{position:absolute;left:50%;width:clamp(74px,8vw,114px);padding:0;border:0;background:none;cursor:pointer;transform-origin:center;backface-visibility:hidden}.card-art{display:grid;place-items:center;aspect-ratio:3/2;padding:4px;background:#f1efe7;box-shadow:0 8px 28px rgba(0,0,0,.42)}.card-art img{width:100%;height:100%;object-fit:contain}.card-label{display:block;padding-top:.35rem;text-align:left;text-shadow:0 1px 8px #000}.card-label strong{display:block;font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-label small{font:.56rem ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.footer-intro{padding:3rem 8vw 7rem;display:flex;justify-content:space-between;gap:3rem;align-items:end}.footer-intro p{max-width:420px;margin:0;color:var(--muted);line-height:1.65}.archive{padding:6vw 8vw 10vw;background:#e9e5de;color:#111}.archive-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.archive-heading h2{margin:.6rem 0 0;font:400 clamp(3rem,6vw,6rem)/.8 Georgia,serif;letter-spacing:-.08em}.archive-heading label{font-size:.75rem}.archive-heading select{margin-right:1rem;padding:.35rem;background:#f8f5ee;border:1px solid #999;color:#111}.archive-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.archive-card{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.archive-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.archive-card span{display:block;padding:.6rem 0}.archive-card strong,.archive-card small{display:block}.archive-card strong{font-size:.86rem;font-weight:500}.archive-card small{margin-top:.25rem;font-size:.62rem;color:#555}footer{padding:1.5rem 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:.65rem ui-monospace,SFMono-Regular,monospace}footer a{color:inherit}dialog{width:min(1100px,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:0;border:1px solid var(--line);background:#101719;color:var(--ink);box-shadow:0 24px 90px #000}dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(6px)}.close{position:absolute;z-index:3;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#eee;color:#111;font-size:1.7rem;cursor:pointer}.art-image{height:min(68vh,760px);display:grid;place-items:center;background:#060809}.art-image img{width:100%;height:100%;object-fit:contain}.art-copy{padding:2.3rem}.art-copy h2{margin:.5rem 0 1rem;font:400 clamp(2.8rem,5vw,5rem)/.85 Georgia,serif}.art-copy p{line-height:1.7;color:#c8ccc7}.art-copy a,.socials a{display:inline-block;margin-top:1rem;padding-bottom:.3rem;border-bottom:1px solid;color:inherit;text-decoration:none}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:min(760px,calc(100vh - 2rem))}.about-lead{padding:clamp(2rem,5vw,5rem);background:radial-gradient(circle at 25% 15%,#264ba0,transparent 42%),#151d20}.about-lead h2{margin:1rem 0 2rem;font:400 clamp(3.8rem,7vw,7rem)/.78 Georgia,serif;letter-spacing:-.09em}.about-lead h2 em{font-family:"Century Gothic",sans-serif;font-style:normal;font-size:.68em}.about-lead p{line-height:1.75;color:#d4d7d3}.alias{font:.75rem ui-monospace,SFMono-Regular,monospace;color:var(--muted)!important}.socials{display:flex;gap:1rem}.about-records{padding:clamp(2rem,5vw,5rem);overflow:auto}.cv-section+ .cv-section{margin-top:3rem}.cv-section h3{margin:0;font:.65rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:var(--muted)}.cv-section ul{padding:0;margin:1.2rem 0 0;list-style:none;border-top:1px solid var(--line)}.cv-section li{display:grid;grid-template-columns:74px 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(233,233,229,.15);font-size:.88rem;line-height:1.5}.cv-section time{color:var(--muted);font:.65rem ui-monospace,SFMono-Regular,monospace}@keyframes turn{to{transform:rotateX(-3deg) rotateY(-360deg)}}@media(max-width:720px){.site-header{height:64px;grid-template-columns:1fr auto}.site-header p{display:none}.header-actions{gap:.7rem}.header-actions button{font-size:.67rem}.hero{min-height:260px;padding:2.7rem 7vw 2rem;display:block}.hero h1{font-size:clamp(3.8rem,17vw,6rem)}.hero-copy{margin-top:2rem}.controls{display:block;padding:0 5vw 1rem}.controls>p{margin-bottom:1rem}.filters{justify-content:flex-start}.stage{height:65vh;min-height:490px;margin:0;border-left:0;border-right:0;perspective:700px}.card{width:clamp(57px,17vw,76px)}.card-label{display:none}.footer-intro{display:block;padding:2.5rem 7vw 5rem}.footer-intro button{margin-top:2rem}.archive{padding:5rem 5vw}.archive-heading{align-items:flex-start;flex-direction:column}.archive-list{grid-template-columns:repeat(2,1fr);gap:1rem}.about-layout{display:block}.about-lead{padding:5rem 7vw 3rem}.about-records{padding:3rem 7vw}.art-copy{padding:1.6rem}footer{flex-direction:column;gap:.8rem}}
