@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Electrolize&family=Genos:ital,wght@0,400;0,500;0,600;1,500&family=Inter:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Major+Mono+Display&family=Manrope:wght@400;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,600&family=Share+Tech+Mono&family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#1a110f;--fg:#e3d9cf;--muted:#a99686;--line:#64564a;--line-r:0;--line-g:0;--line-b:0;--line-alpha:1;--line-thickness:2px;--line-ink:rgba(var(--line-r),var(--line-g),var(--line-b),var(--line-alpha));--panel:#231816;--accent:#ff1f1f;--sidebar-bg:#ff1f1f;--sidebar-ink:#0a0a0a;--font-display:"Archivo Black","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;--font-brand:"Genos","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Inter","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Monaco,Consolas,monospace;--font-serif:"Lora",Georgia,"Times New Roman",serif}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);font-family:var(--font-body);letter-spacing:.01em;margin:0;padding:0;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","pnum"}a{color:inherit}.site{display:grid;grid-template-columns:220px 1fr;margin:0 auto;max-width:1180px;min-height:100vh}.sidebar{background:#ff1f1f00;color:var(--fg);padding:20px 16px;transition:background-color .18s ease,color .18s ease}.sidebar:focus-within,.sidebar:hover{background:var(--sidebar-bg);color:var(--sidebar-ink)}.wordmark{color:inherit;font-family:var(--font-brand);font-size:1.5rem;font-weight:600;letter-spacing:.04em;margin:0 0 18px;text-transform:uppercase;transition:color .18s ease}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:0 0 8px}.nav-link{color:inherit;display:block;font-family:var(--font-mono);font-size:.84rem;font-weight:600;line-height:1.1;padding:3px 0;text-decoration:none;text-transform:uppercase;transition:color .18s ease}.nav-link.router-link-active,.nav-link:hover{color:var(--fg);font-style:italic}.sidebar:focus-within .nav-link,.sidebar:hover .nav-link{color:var(--sidebar-ink)}.sidebar:focus-within .nav-link.router-link-active,.sidebar:focus-within .nav-link:hover,.sidebar:hover .nav-link.router-link-active,.sidebar:hover .nav-link:hover{color:#fafafa;text-shadow:0 1px 0 rgba(0,0,0,.35)}.sidebar-meta{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.77rem;line-height:1.4;margin-top:24px;padding-top:16px;transition:color .18s ease,border-color .18s ease}.sidebar:focus-within .sidebar-meta,.sidebar:hover .sidebar-meta{border-top-color:#0006;color:#0a0a0ad1}.main{padding:36px 28px 44px}.page-head{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px}.kicker{display:block;font-family:var(--font-mono);font-size:.76rem;font-weight:400;letter-spacing:.08em}.kicker,.title{text-transform:uppercase}.title{font-family:var(--font-brand);font-size:clamp(2rem,6vw,4rem);font-weight:500;letter-spacing:.03em;line-height:1;margin:4px 0 0}.lede{font-size:1.03rem;line-height:1.4;max-width:62ch}.accent-word--blue,.accent-word--green,.accent-word--red{color:inherit}.page-audio{color:var(--fg);font-family:var(--font-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}.audio-tracks-slab{background:#201614;margin-top:4px;padding:18px 18px 20px}.split{display:grid;gap:20px;grid-template-columns:1.15fr 1fr;margin-top:24px}.panel{background:var(--panel);border:1px solid var(--line);padding:14px}.panel h2,.panel h3{font-family:var(--font-brand);font-weight:500;margin-top:0;text-transform:uppercase}.panel p{margin-bottom:0}.collection-list{display:grid;gap:12px}.collection-item{border-top:1px solid var(--line);padding-top:12px}.collection-item h3{font-family:var(--font-brand);font-weight:500;margin:0 0 6px;text-transform:uppercase}.portfolio-list{gap:26px}.portfolio-item{border-bottom:1px solid var(--line);border-top:0;padding-bottom:18px;padding-top:0}.portfolio-item img{display:block;height:auto;margin:10px 0 12px;width:100%}.portfolio-item p{color:var(--muted);margin:0}.audio-row{align-items:start;display:grid;gap:12px;grid-template-columns:1fr minmax(220px,360px)}.audio-meta p{color:var(--muted);font-family:var(--font-mono);font-size:.82rem;margin:0}.audio-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.audio-share-btn{background:transparent;border:0;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.77rem;font-weight:600;padding:2px 0;text-decoration:underline;text-transform:uppercase;text-underline-offset:2px}.audio-share-btn:hover{color:var(--fg)}.audio-share-toast{color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.audio-player{width:100%}.minimal-audio{align-items:center;display:flex;gap:12px}.minimal-audio-btn{background:transparent;border:1px solid var(--line);color:var(--fg);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:6px 10px;text-transform:uppercase}.minimal-audio-btn:hover{border-color:var(--fg)}.minimal-audio-timeline{cursor:pointer;flex:1;height:26px;min-width:130px;outline:none;position:relative}.minimal-audio-line{background:#e3d9cf;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.minimal-audio-marker{background:#e3d9cf;height:18px;position:absolute;top:4px;transform:translate(-50%);width:1px}.minimal-audio-timeline:focus-visible .minimal-audio-line,.minimal-audio-timeline:focus-visible .minimal-audio-marker{background:var(--fg)}.writing-prose p{font-family:var(--font-serif)}.writing-card-link{color:inherit;display:block;text-decoration:none}.writing-card-link:hover h3{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.writing-card-meta{color:var(--muted);font-family:var(--font-mono);font-size:.82rem;line-height:1.35;margin:0}.writing-card-date{display:block}.writing-card-sub{display:block;margin-top:2px}.writing-subtitle{color:var(--muted);font-family:var(--font-body);font-size:1rem;line-height:1.35;margin:6px 0 0;max-width:48ch}.writing-article{margin-bottom:0}.writing-back{margin:18px 0 0}.writing-back-link{display:inline-block;font-size:.84rem;text-decoration:none}.contact-title .swap-letter{display:inline-grid;place-items:center;vertical-align:baseline;width:1ch}.contact-title .swap-letter-default,.contact-title .swap-letter-hover{grid-area:1/1;line-height:1;transition:opacity .12s ease}.contact-title .swap-letter-default{opacity:1}.contact-title .swap-letter-hover,.contact-title .swap-letter:hover .swap-letter-default{opacity:0}.contact-title .swap-letter:hover .swap-letter-hover{opacity:1}.site--landing{display:block;max-width:920px}.site--landing .main{padding-top:64px}.landing-strip{display:grid;gap:44px;max-width:46rem}.landing-head{border-bottom:1px solid var(--line);padding-bottom:22px}.landing-name{font-family:var(--font-brand);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:500;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.landing-kicker,.landing-note{color:var(--muted);font-size:1rem;margin:0}.landing-links{display:grid;gap:14px}.landing-links a{font-family:var(--font-mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.landing-links a:hover{text-decoration:underline;text-underline-offset:3px}.font-test-module{border-top:1px solid var(--line);display:grid;gap:10px;padding-top:18px}.font-test-label{color:var(--muted);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;margin:0;text-transform:uppercase}.font-test-options{display:flex;flex-wrap:wrap;gap:8px}.font-test-btn{background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;padding:5px 8px;text-transform:uppercase}.font-test-btn.is-active,.font-test-btn:hover{border-color:var(--fg);color:var(--fg)}@media(max-width:860px){.site{border-left:0;border-right:0;grid-template-columns:1fr}.sidebar{border-right:0;padding-bottom:28px}.audio-row,.split{grid-template-columns:1fr}.site--landing .main{padding-top:42px}}@media(hover:none){.sidebar{background:var(--sidebar-bg)}.sidebar,.sidebar .nav-link{color:var(--sidebar-ink)}.sidebar .sidebar-meta{border-top-color:#0006;color:#0a0a0ad1}}
