:root {
  --color-onyx-canvas: #08090a;
  --color-carbon-surface: #141516;
  --color-graphite-surface: #1c1c1f;
  --color-smoke-surface: #23252a;
  --color-iron-surface: #2d2e31;
  --color-ash-border: #34343a;
  --color-ferrite-border: #3e3e44;
  --color-steel-text: #62666d;
  --color-pewter-text: #7f7f80;
  --color-fog-text: #8a8f98;
  --color-mist-text: #d0d6e0;
  --color-chalk-border: #e4e5e9;
  --color-snow: #f7f8f8;
  --color-void: #030404;
  --font-inter-variable: 'Inter Variable', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-berkeley-mono: 'Berkeley Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --text-caption: 12px;
  --leading-caption: 1.6;
  --tracking-caption: -0.12px;
  --text-body: 15px;
  --leading-body: 1.5;
  --tracking-body: -0.15px;
  --text-heading-sm: 24px;
  --leading-heading-sm: 1.33;
  --tracking-heading-sm: -0.288px;
  --text-heading: 32px;
  --leading-heading: 1.2;
  --tracking-heading: -0.416px;
  --text-display: 48px;
  --leading-display: 1.13;
  --tracking-display: -1.056px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-w510: 510;
  --font-weight-w590: 590;
  --spacing-unit: 4px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-80: 80px;
  --page-max-width: 1080px;
  --section-gap: 48px;
  --card-padding: 16px;
  --element-gap: 8px;
  --radius-md: 4.4625px;
  --radius-lg: 8px;
  --radius-full: 100px;
  --radius-full-2: 9999px;
  --radius-nav: 9999px;
  --radius-tags: 4px;
  --radius-cards: 8px;
  --radius-icons: 4.4625px;
  --radius-inputs: 4px;
  --radius-buttons: 9999px;
  --shadow-subtle: rgb(62, 62, 68) 0px 0px 0px 1px;
  --shadow-subtle-2: rgba(0, 0, 0, 0.01) 0px 5px 2px 0px, rgba(0, 0, 0, 0.04) 0px 3px 2px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 1px 0px;
  --shadow-subtle-3: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.04) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 4px 0px;
  --surface-onyx-canvas: #08090a;
  --surface-carbon: #141516;
  --surface-graphite: #1c1c1f;
  --surface-smoke: #23252a;
  --surface-iron: #2d2e31;
}
:root {
  --ink:var(--color-snow);--muted:var(--color-mist-text);--canvas:var(--color-onyx-canvas);
  --font-body:var(--font-inter-variable);--reading-width:720px;--prose-width:640px;
  --nav-height:56px;--tap-size:44px;--dock-space:144px;
  --motion-duration-short:.25s;--motion-duration-long:1.2s;--motion-distance-small:16px;
  --motion-ease-arrive:cubic-bezier(.2,.7,.2,1);--tracking-neutral:0;
  --hero-min-height:720px;--hero-veil:.8;--motion-dim:.65;--field-opacity:.32;
}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-height) + var(--spacing-24));background:var(--canvas);color-scheme:dark}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-weight:var(--font-weight-regular);word-break:keep-all;overflow-wrap:anywhere}
[hidden]{display:none!important}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:var(--spacing-4)}button:disabled{cursor:wait}img{display:block;max-width:100%;height:auto}button{background:none}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,audio:focus-visible{outline:2px solid var(--color-snow);outline-offset:var(--spacing-4)}:target{scroll-margin-top:calc(var(--nav-height) + var(--spacing-24))}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:var(--font-weight-w510)}h1{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}h2{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}p{text-wrap:pretty}p+p{margin-top:var(--spacing-16)}
.wrap{width:calc(100% - var(--spacing-32));max-width:var(--page-max-width);margin-inline:auto}.reading{max-width:var(--reading-width)}.meta,.eyebrow{font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-caption);color:var(--color-fog-text)}.eyebrow{color:var(--muted);margin-bottom:var(--spacing-16)}
.skip{position:fixed;top:var(--spacing-8);left:var(--spacing-16);z-index:20;background:var(--canvas);padding:var(--spacing-12);transform:translateY(-180%)}.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:10;background:var(--canvas);border-bottom:1px solid var(--color-smoke-surface)}.nav-shell{min-height:var(--nav-height);max-width:var(--page-max-width);margin:auto;padding-inline:var(--spacing-16);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.brand{text-decoration:none;font-weight:var(--font-weight-w590)}.desktop-nav{display:flex;gap:var(--spacing-16)}.desktop-nav a,.mobile-menu a{display:flex;align-items:center;min-height:var(--tap-size);text-decoration:none;color:var(--color-fog-text)}.desktop-nav a[aria-current],.mobile-menu a[aria-current]{color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--color-snow);border-radius:var(--radius-buttons);padding:var(--spacing-8) var(--spacing-16);min-height:var(--tap-size)}.mobile-menu{padding:var(--spacing-24);border-top:1px solid var(--color-smoke-surface)}
.hero{position:relative;isolation:isolate;min-height:var(--hero-min-height);display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.6}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas),transparent),linear-gradient(0deg,var(--canvas),transparent 60%)}.hero-copy{padding-block:var(--spacing-80);position:relative}.hero-copy h1{max-width:var(--reading-width)}.thesis{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);margin-top:var(--spacing-32)}.thesis span{display:block}.lead{color:var(--muted);margin-top:var(--spacing-24)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-block:var(--spacing-32) var(--spacing-16)}.button{min-height:var(--tap-size);padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--color-snow);border-radius:var(--radius-buttons);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);font-weight:var(--font-weight-w510);background:transparent}.quiet{border:none;padding:var(--spacing-8);min-height:var(--tap-size);text-decoration:underline;text-underline-offset:var(--spacing-4)}#resonance-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:var(--field-opacity)}#resonance-toggle{margin-top:var(--spacing-16);padding-left:0}#experience-status{display:block}
.section-intro{padding-block:var(--section-gap);max-width:var(--prose-width);margin:auto}.section-intro h2+p{margin-top:var(--spacing-24);color:var(--muted)}.chapter-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-top:var(--spacing-24)}.chapter-nav a{min-width:var(--tap-size);min-height:var(--tap-size);display:grid;place-items:center;border:1px solid var(--color-fog-text);border-radius:var(--radius-buttons);text-decoration:none}.chapter{margin-block:var(--section-gap)}.chapter-head{display:flex;gap:var(--spacing-16);align-items:baseline;margin-bottom:var(--spacing-16)}.chapter-head .meta{flex-shrink:0}.art-link{display:block;border-radius:var(--radius-cards)}.art-link img{width:100%;border-radius:var(--radius-cards)}.transcript{margin-top:var(--spacing-16);color:var(--muted);max-width:var(--prose-width)}summary{min-height:var(--tap-size);padding-block:var(--spacing-12)}.transcript p{margin:var(--spacing-8) 0}.chapter-bridge{padding-block:var(--section-gap);max-width:var(--prose-width);margin:auto}.chapter-bridge p{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);color:var(--ink)}
.text-section{padding-block:var(--section-gap)}.text-section>h2{margin-bottom:var(--spacing-24)}.lyrics{margin-top:var(--spacing-32);color:var(--muted)}.lyrics p{margin-block:var(--spacing-24)}.fact{margin-top:var(--section-gap)}.fact h3{margin-bottom:var(--spacing-16)}.fact p{color:var(--muted);max-width:var(--prose-width)}.citations{font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-caption)}.intro{margin-top:var(--spacing-24)}.note{border-left:1px solid var(--color-fog-text);padding-left:var(--spacing-16);margin-top:var(--spacing-32);color:var(--muted)}footer{padding-block:var(--spacing-80);color:var(--muted)}footer a{display:inline-block;margin-top:var(--spacing-24)}
.player-dock{position:fixed;bottom:0;left:0;right:0;z-index:12;background:var(--canvas);border-top:1px solid var(--color-fog-text);padding:var(--spacing-8) max(var(--spacing-16),calc((100% - var(--reading-width))/2));padding-bottom:max(var(--spacing-8),env(safe-area-inset-bottom))}.player-label{display:flex;align-items:center;gap:var(--spacing-12);min-width:0}.player-label #playback-status{color:var(--muted);flex:1}.player-dock audio{display:block;width:100%;min-width:0;max-width:100%;height:var(--spacing-48)}body[data-player-open]{padding-bottom:var(--dock-space)}#playback-error{padding-block:var(--spacing-8)}
@media(max-width:640px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{--hero-min-height:640px}.hero-copy{padding-block:var(--spacing-56)}h1{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.hero-art img{object-position:62% 28%}.hero-art:after{background:linear-gradient(90deg,var(--canvas),transparent),linear-gradient(0deg,var(--canvas),transparent)}.chapter-head{align-items:flex-start}.chapter-head h3{font-size:var(--text-heading-sm)}.player-label{flex-wrap:wrap}.player-label #playback-status{font-size:var(--text-caption)}.hero-actions{gap:var(--spacing-8)}}
@media(min-width:641px) and (max-width:1080px){.hero-copy{padding-inline:var(--spacing-32)}}
@media(hover:hover) and (pointer:fine){.button:hover,.chapter-nav a:hover{opacity:.75}.desktop-nav a:hover{color:var(--ink)}}
@media(hover:none),(pointer:coarse){.button,.chapter-nav a,.quiet{min-height:var(--tap-size)}.button:active,.chapter-nav a:active{opacity:.75}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}#resonance-field{display:none}[data-motion-caption]{transform:none!important;opacity:1!important}}