@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600&family=Lato:wght@400;700&family=Lora:wght@400;700&display=swap";:root{--bg:#e7e7e7;--fg:#111;--muted:#686868;--line:#1f1f1f;--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:#f8f8f8;--accent:#ff1f1f;--sidebar-bg:#ff1f1f;--sidebar-ink:#0a0a0a;--font-display:"Archivo Black","Lato","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;position:relative;--edge-left-y:25%;--edge-right-y:25%}.site:after,.site:before{background:var(--line-ink);content:"";height:50%;position:absolute;top:var(--edge-left-y);width:var(--line-thickness)}.site:before{left:0}.site:after{right:0;top:var(--edge-right-y)}.sidebar{padding:20px 16px;position:relative;--divider-y:25%;background:var(--sidebar-bg);color:var(--sidebar-ink)}.sidebar:after{background:var(--line-ink);content:"";height:50%;position:absolute;right:0;top:var(--divider-y);width:var(--line-thickness)}.wordmark{color:var(--sidebar-ink);font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.04em;margin:0 0 18px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:0 0 8px}.nav-link{color:var(--sidebar-ink);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}.nav-link.router-link-active,.nav-link:hover{color:#fafafa;font-style:italic;text-shadow:0 1px 0 rgba(0,0,0,.4)}.sidebar-meta{color:#0a0a0ad1;font-family:var(--font-mono);font-size:.77rem;line-height:1.4;margin-top:24px;padding-top:16px;position:relative;--meta-line-x:25%}.sidebar-meta:before{background:var(--line-ink);content:"";height:var(--line-thickness);left:var(--meta-line-x);position:absolute;top:0;width:50%}.main{padding:18px 22px 30px;z-index:0}.main,.page-head{position:relative}.page-head{margin-bottom:24px;padding-bottom:8px;--head-line-x:25%}.page-head:after{background:var(--line-ink);bottom:0;content:"";height:var(--line-thickness);left:var(--head-line-x);position:absolute;width:50%}.kicker{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}.kicker,.title{text-transform:uppercase}.title{font-family:var(--font-display);font-size:clamp(2.1rem,7vw,4.9rem);font-weight:700;letter-spacing:-.01em;line-height:.95;margin:4px 0 0}.page-mystery{isolation:isolate;position:relative}.page-mystery .bg-image{filter:contrast(1.08) saturate(.9) blur(5px);height:100vh;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.82;pointer-events:none;position:fixed;transform:scale(1.04);width:100vw;z-index:-2}.page-mystery:before{background:radial-gradient(circle at 28% 22%,hsla(0,0%,100%,.06),transparent 52%),linear-gradient(180deg,#00000047,#0000000f 38%,#e7e7e700 55%,#e7e7e761);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.page-mystery[data-tone=light] .page-head .kicker,.page-mystery[data-tone=light] .page-head .title{color:#f6f6f6;text-shadow:0 2px 0 rgba(0,0,0,.55)}.page-mystery[data-tone=dark] .page-head .kicker,.page-mystery[data-tone=dark] .page-head .title{color:#111;text-shadow:0 1px 0 hsla(0,0%,100%,.35)}.floating-headshot{float:right;margin:0 0 8px 16px;position:relative;transform:translateY(-6px) rotate(-1.8deg);width:clamp(120px,21vw,260px)}.floating-headshot img{display:block;filter:contrast(1.03) saturate(.95);height:auto;width:100%}.floating-headshot:before{border-left:var(--line-thickness) solid var(--line-ink);border-top:var(--line-thickness) solid var(--line-ink);content:"";height:60%;inset:-8px 10% auto -8px;pointer-events:none;position:absolute}.lede{font-size:1.03rem;line-height:1.4;max-width:62ch}.page-mystery[data-tone=light] .main>section>.lede{color:#f6f6f6;text-shadow:0 1px 0 rgba(0,0,0,.45)}.page-mystery[data-tone=dark] .main>section>.lede{color:#111;text-shadow:0 1px 0 hsla(0,0%,100%,.25)}.split{display:grid;gap:20px;grid-template-columns:1.15fr 1fr;margin-top:24px}.panel{background:var(--panel);padding:14px;position:relative;--gb-top-x:25%;--gb-right-y:25%;--gb-bottom-x:25%;--gb-left-y:25%}.panel:before{background:linear-gradient(var(--line-ink),var(--line-ink)) var(--gb-top-x) 0 /50% var(--line-thickness) no-repeat,linear-gradient(var(--line-ink),var(--line-ink)) 100% var(--gb-right-y) /var(--line-thickness) 50% no-repeat,linear-gradient(var(--line-ink),var(--line-ink)) var(--gb-bottom-x) 100% /50% var(--line-thickness) no-repeat,linear-gradient(var(--line-ink),var(--line-ink)) 0 var(--gb-left-y) /var(--line-thickness) 50% no-repeat;content:"";inset:0;pointer-events:none;position:absolute}.panel h2,.panel h3{font-family:var(--font-display);margin-top:0;text-transform:uppercase}.panel p{margin-bottom:0}.collection-list{display:grid;gap:12px}.collection-item{padding-top:12px;position:relative;--collection-line-x:25%}.collection-item:before{background:var(--line-ink);content:"";height:var(--line-thickness);left:var(--collection-line-x);position:absolute;top:0;width:50%}.collection-item h3{font-family:var(--font-display);margin:0 0 6px;text-transform:uppercase}.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-player{width:100%}.writing-prose p{font-family:var(--font-serif)}@media(max-width:860px){.site{border-left:0;border-right:0;grid-template-columns:1fr}.sidebar{border-right:0;padding-bottom:28px}.sidebar:after{bottom:0;height:var(--line-thickness);left:var(--divider-y);right:auto;top:auto;width:50%}.audio-row,.split{grid-template-columns:1fr}.floating-headshot{float:none;margin:0 0 14px;transform:translateY(0) rotate(-1deg);width:min(72vw,280px)}}