:root{
  color-scheme:dark;--paper:#090a0c;--ink:#f1f0ec;--muted:#a6a7ac;
  --line:#2a2c32;--dark:#101115;--lcd:#a3e8e8;--mint:#da9dca;
  --cyan:#a3e8e8;--pink:#da9dca;--space:clamp(24px,6vw,96px);
  --ease:cubic-bezier(.2,.65,.3,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#406c74;color:#fff}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .22s var(--ease),text-shadow .22s var(--ease)}
a:hover{color:var(--cyan)}button{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
[hidden]{display:none!important}
.skip{position:absolute;left:20px;top:-80px;z-index:10;background:#f1f0ec;color:#111;padding:15px}.skip:focus{top:15px}
.wrap{max-width:1440px;margin:auto;padding-inline:var(--space)}
.review-banner{background:#111217;color:#a4a6ad;text-align:center;font-size:10px;letter-spacing:.13em;padding:9px 16px;border-bottom:1px solid #22242a}
header{background:#090a0c}
header .wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{font-size:18px;font-weight:650;letter-spacing:.18em;text-decoration:none;transition:color .25s,text-shadow .25s}
.brand:hover{color:#fff;text-shadow:-2px 0 15px #d780b54d,2px 0 15px #85dadd66}
nav{display:flex;gap:34px;align-items:center;font-size:13px}
nav a{position:relative;display:inline-block;padding-block:12px;text-decoration:none;color:#b8b9be}
nav a:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--pink));transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease),box-shadow .25s}
nav a[aria-current]{color:#fff}nav a[aria-current]:after{transform:scaleX(1);background:#777b83}
nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1);background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 9px #a3e8e85c}
.eyebrow{font-size:10px;font-weight:550;letter-spacing:.2em;line-height:1.8;text-transform:uppercase;color:var(--muted)}
.hero{position:relative;isolation:isolate;padding-block:68px 0}
.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 100px;background:radial-gradient(ellipse at 90% 35%,#bb71a50a,transparent 52%),radial-gradient(ellipse at 5% 54%,#68c5d20a,transparent 52%)}
.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:9vw;align-items:end;margin-bottom:62px}
.product-name{display:inline-block;font-size:clamp(88px,11vw,156px);line-height:.9;letter-spacing:-.065em;font-weight:600;margin:30px 0 28px;background:linear-gradient(160deg,#fff 15%,#e4e4e5 55%,#a3a6ae);background-clip:text;-webkit-background-clip:text;color:transparent}
h1{font-size:clamp(39px,4.6vw,68px);font-weight:450;letter-spacing:-.045em;line-height:1.07;margin:0}
h2{font-size:clamp(31px,3.5vw,51px);font-weight:450;letter-spacing:-.04em;line-height:1.12;margin:20px 0 28px}
h3{font-size:22px;line-height:1.25;font-weight:500;margin:0 0 14px}
p{font-size:17px;line-height:1.75}.lead{font-size:clamp(19px,1.8vw,26px);line-height:1.5;letter-spacing:-.015em}
.intro-copy .lead{color:#dedee1}.intro-copy>p:not(.lead){font-size:16px;color:var(--muted);line-height:1.7}
small,.fine{font-size:12px;line-height:1.7;color:var(--muted)}
.stage{position:relative;margin:0;padding:clamp(18px,3.3vw,48px);border:1px solid #33353e;background:linear-gradient(145deg,#17191e,#101115 60%);border-radius:4px;color:#eee;box-shadow:0 24px 65px #0007;transition:border-color .35s,box-shadow .35s}
.stage:after{content:"";position:absolute;pointer-events:none;bottom:-1px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#a3e8e850 35%,#da9dca50 65%,transparent);transition:opacity .3s;opacity:.6}
.instrument-preview{display:block;width:100%;height:clamp(145px,31vw,420px);object-fit:cover;object-position:center top;border-radius:2px;border:1px solid #ffffff0b}
.instrument-slot{height:clamp(180px,28vw,375px);border:1px solid #3e424c;background:#111318;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.slot-name{font-size:clamp(38px,5vw,72px);letter-spacing:.06em;font-weight:500}.slot-caption{text-transform:uppercase;font-size:11px;letter-spacing:.14em;text-align:center;padding:0 15px;color:var(--muted)}
.stage figcaption{margin-top:24px;padding-top:18px;border-top:1px solid #32343c;font-size:11px;line-height:1.6;color:#a6a8b0}
.under-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px 44px;border-bottom:1px solid var(--line)}
.price{display:flex;gap:22px;align-items:center}.price strong{font-size:42px;font-weight:450;letter-spacing:-.04em}.price span{display:block}.price div>span:not(.eyebrow){font-size:12px;color:var(--muted)}
.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.actions>a:not(.button){font-size:13px;color:#bbbcc2;text-decoration-color:#575b66}
.button{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:18px 26px;border:1px solid #efefec;border-radius:2px;background:#efefec;color:#111216;font-size:13px;font-weight:550;text-decoration:none;min-height:50px;cursor:pointer;transition:background .24s,color .24s,border-color .24s,box-shadow .3s var(--ease),transform .25s var(--ease)}
.button span[aria-hidden]{transition:transform .25s,color .25s}.button.secondary{background:transparent;color:var(--ink);border-color:#555966}
.section{padding-block:94px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.split>div>p:not(.lead):not(.eyebrow){color:var(--muted)}
.benefits{list-style:none;margin:0;padding:0}.benefits li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.benefits li:first-child{padding-top:0}.benefits .num{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9399a4;padding-top:6px}.benefits p{margin:0;color:var(--muted);font-size:16px}
.dark{position:relative;background:linear-gradient(125deg,#11141a,#101115 60%);color:var(--ink);border-block:1px solid #2c2e36}
.dark:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#a3e8e838, #da9dca30,transparent)}
.dark .eyebrow{color:#acb3bf}.dark p{color:#b5b8c1}
.flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:45px 0 30px;padding:0}
.flow li{position:relative}.flow li:not(:last-child):after{content:'→';position:absolute;right:-15px;top:47px;color:#777e8c}
.flow button{position:relative;display:block;width:100%;text-align:left;min-height:145px;background:#15171d;border:1px solid #414550;border-radius:3px;padding:21px 16px;color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s,box-shadow .3s,transform .25s}
.flow button[aria-pressed=true]{border-color:#87bdbf;background:#192227;box-shadow:inset 0 1px 0 #b9f4ed14}
.flow .num{display:block;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9da9b8;margin-bottom:18px}.flow button[aria-pressed=true] .num{color:var(--cyan)}
.flow strong{font-size:21px;font-weight:450;display:block}.flow small{display:block;color:#a7adba;margin-top:10px}
.explain{border-top:1px solid #383d48;padding-top:23px;max-width:780px;min-height:110px}.explain h3{margin-bottom:8px}.explain p{margin:0;font-size:16px}.dark .fine{color:#a4abb7}.flow-note{margin-top:25px;font-size:12px!important;color:#9399a5!important}
.prose{max-width:800px}.page{min-height:65vh;padding-block:65px 100px}.page h1{margin:25px 0 32px}.page .eyebrow{margin:0}
.prose>p:not(.lead):not(.eyebrow){color:var(--muted)}.prose h2{font-size:34px;margin-top:45px}
.notice{border-left:2px solid #899cae;padding:18px 24px;margin:30px 0;background:#13161d;color:#c0c6cf}.notice p{margin:0}
.status{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#a7bac0}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #a3e8e83d}
.trial-panel{border:1px solid var(--line);padding:40px;margin-top:35px;background:#121419}.trial-panel h2{font-size:31px}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-size:18px;line-height:1.5;list-style-position:outside;margin-left:20px;transition:color .22s,text-shadow .22s}details p{color:var(--muted);max-width:780px}
.offer{position:relative;border-top:1px solid var(--line);padding-block:80px;display:flex;justify-content:space-between;gap:50px;align-items:center}.offer .price strong{font-size:60px}.offer p{max-width:560px;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding-block:38px 45px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#b3b5bd}.footer p{font-size:11px;color:#969ba6;max-width:850px;margin-top:25px}
.config-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;list-style:none;padding:0}.config-list li{border-top:1px solid var(--line);padding-top:20px}.config-list p{color:var(--muted);font-size:16px}
noscript p{font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trial-steps{padding-left:24px;margin:40px 0}.trial-steps li{padding-left:12px;margin-bottom:22px}.trial-steps p{margin:8px 0;color:var(--muted)}
.instrument-workspace{margin:48px 0;padding:clamp(18px,3vw,38px);background:#111319;color:var(--ink);border:1px solid #383c47;border-radius:3px}
.player-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.player-heading h2{font-size:30px}.instrument-workspace .fine{color:#aeb5c2}
#instrument-host iframe{display:block;width:100%;height:760px;border:1px solid #4a505e;background:#0a0b0e}.page:has(.instrument-workspace) .prose{max-width:none}
.instrument-workspace:fullscreen{overflow:auto;background:var(--paper);padding:24px}.instrument-workspace:fullscreen iframe{height:calc(100vh - 220px);min-height:400px}
.trial-help{border-block:1px solid var(--line);padding:24px 0}#instrument-status{font-size:14px;color:#bcd3d8}#instrument-status:empty{display:none}
/* Light is a response to interaction, confined to the active edge or word. */
@media(hover:hover){
  .button:hover{background:#171e24;color:#f5fbfc;border-color:var(--cyan);box-shadow:0 0 0 1px #a3e8e81a,0 0 20px #83d9e325,inset 0 0 18px #83d9e308;transform:translateY(-1px)}
  .button:hover span[aria-hidden]{transform:translate(2px,-2px);color:var(--pink)}
  .flow button:hover{border-color:var(--cyan);background:#1a222b;box-shadow:0 0 18px #83d9e321,inset 0 0 18px #83d9e308;transform:translateY(-2px)}
  .stage:hover{border-color:#637b87;box-shadow:0 24px 65px #0007,-9px 0 35px #78cbd10d,9px 0 35px #ca7eb40d}.stage:hover:after{opacity:1;box-shadow:0 0 12px #a3e8e82b}
  nav a:hover,.actions>a:not(.button):hover,.footer a:hover,summary:hover{color:var(--cyan);text-shadow:0 0 14px #a3e8e83b}
}
.button:focus-visible,.flow button:focus-visible{border-color:var(--cyan);box-shadow:0 0 20px #83d9e325}
@media(max-width:760px){
  header .wrap{min-height:80px;gap:16px}.brand{font-size:14px}nav{gap:15px;font-size:12px}.intro,.split{grid-template-columns:1fr;gap:28px}.hero{padding-top:42px}.intro{margin-bottom:34px}.product-name{margin-top:25px}.intro-copy .lead{margin-top:0}.under-hero,.offer{align-items:flex-start;flex-direction:column}.section{padding-block:58px}.under-hero .actions{width:100%}.actions .button{width:100%}.flow{grid-template-columns:1fr;gap:22px}.flow button{min-height:100px;display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:center}.flow .num{grid-row:1/3;margin:0}.flow small{grid-column:2}.flow li:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-22px}.explain{min-height:0}.footer-top{flex-direction:column}.config-list{grid-template-columns:1fr}.trial-panel{padding:25px}.page{padding-top:40px}.price strong{font-size:38px}.offer .price strong{font-size:48px}
}
@media(max-width:600px){.player-heading{align-items:flex-start;flex-direction:column}.player-heading h2{margin:8px 0}.instrument-workspace{margin-inline:-10px;padding:18px 10px}#instrument-host iframe{height:680px}.review-banner{font-size:9px;letter-spacing:.08em}.stage{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.button:hover,.flow button:hover{transform:none}}
@media print{html{color-scheme:light}body,header,.dark,.stage,.instrument-workspace{background:#fff;color:#111}p,.fine,.dark p,.dark .fine,.eyebrow,small{color:#333!important}.product-name{background:none;color:#111}.wrap{padding-inline:0}.stage{break-inside:avoid}.section{padding-block:30px}.review-banner,.actions{display:none}}

/* Separate intentions: invitation, discovery, specifications and play. */
.home-hero{padding-top:46px}.home-hero .intro{margin-bottom:40px}.home-hero .intro-copy .actions{margin-top:28px}.home-hero .under-hero{border-bottom:0;padding-bottom:38px}.home-hero .under-hero>p{text-align:right}.home-hero .instrument-preview{height:clamp(145px,28vw,380px)}
nav .nav-try{border:1px solid #555966;padding:10px 20px;border-radius:2px;color:var(--ink);transition:border-color .25s,box-shadow .25s,color .25s}nav .nav-try:after{display:none}nav .nav-try[aria-current]{border-color:#91babb;background:#182125}nav .nav-try:hover{border-color:var(--cyan);box-shadow:0 0 18px #83d9e321}
.page-intro{padding-block:72px 38px}.page-intro h1{margin-top:24px}.reading-width{max-width:720px}.discovery-body{padding-block:24px 20px}.discovery-body .split>div>h2{margin-top:0}.discovery-body p{color:var(--muted)}
.next-step{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:62px;border-top:1px solid var(--line);padding-block:48px 62px}.next-step h2{font-size:34px;margin:12px 0 18px}.next-step p{max-width:620px;color:var(--muted)}.next-step .actions{flex-shrink:0;flex-direction:column;align-items:flex-start}.next-step .actions>a:not(.button){font-size:13px}
.technical-content{padding-bottom:65px}.section-label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-top:35px;margin-bottom:20px;color:#c6ccd4}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:1fr 2.3fr;gap:48px;padding-block:22px;border-bottom:1px solid var(--line)}.spec-list dt{font-size:16px;line-height:1.7;color:var(--ink)}.spec-list dd{margin:0;font-size:16px;line-height:1.7;color:var(--muted);max-width:780px}
.trial-page .lead{margin-bottom:28px}.trial-page .instrument-workspace{margin-top:24px}.trial-page .player-heading h2{margin-top:0;margin-bottom:15px;font-size:25px}.trial-page #launch-instrument{margin-block:12px 22px}.page-related{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;font-size:14px}
@media(max-width:900px){.next-step{flex-direction:column;align-items:flex-start;gap:18px}.spec-list>div{gap:25px}.home-hero .intro{gap:28px}}
@media(max-width:760px){header .wrap{align-items:flex-start;flex-direction:column;gap:16px;padding-block:20px;min-height:0}header nav{width:100%;justify-content:space-between;gap:16px}nav .nav-try{padding:8px 14px}.home-hero{padding-top:32px}.home-hero .intro{margin-bottom:30px}.home-hero .intro-copy .actions{margin-top:20px}.home-hero .under-hero>p{text-align:left;margin:0}.home-hero .under-hero{gap:20px}.page-intro{padding-block:42px 22px}.page-intro h1{margin-top:20px}.page-intro .lead{margin-bottom:12px}.next-step{margin-top:36px;padding-block:36px 46px}.next-step h2{font-size:30px}.spec-list>div{grid-template-columns:1fr;gap:5px;padding-block:20px}.spec-list dt{font-weight:550}.spec-list dd{font-size:15px}.technical-content{padding-bottom:45px}.section-label{margin-top:28px}.trial-page{padding-bottom:55px}}

/* More subjects in the existing navigation; preserve the visual design. */
header nav{flex-wrap:wrap}
@media(max-width:760px){header nav{justify-content:flex-start;column-gap:22px;row-gap:4px}}

/* Complete instrument capture; retain the approved visual system. */
.home-hero .instrument-preview{height:auto;max-height:none;object-fit:contain;object-position:center}
/* Native proximity snapping gently settles near a subject; oversized sections remain scrollable. */
html.home-motion{scroll-snap-type:y proximity;scroll-padding:0}
.home-block{position:relative;isolation:isolate;scroll-snap-align:center;scroll-snap-stop:normal}
.home-block::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;opacity:0;background:linear-gradient(90deg,transparent 3%,#a3e8e8a6 33%,#da9dca99 67%,transparent 97%) top / 100% 1px no-repeat,radial-gradient(ellipse at var(--light-x,4%) var(--light-y,28%),#79cfe526,transparent 58%),radial-gradient(ellipse at var(--pink-x,96%) var(--pink-y,72%),#e19acb24,transparent 58%);transition:opacity .65s cubic-bezier(.2,.65,.3,1)}
.home-block.is-current::after,.home-block:focus-within::after{opacity:1}
@media(hover:hover){.home-block:hover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){html.home-motion{scroll-snap-type:none;scroll-behavior:auto}.home-block::after{display:none;transition:none}}
@media print{html.home-motion{scroll-snap-type:none}.home-block::after{display:none}}
/* Keep the initial header visible and allow free reading of the taller hero. */
.home-hero.home-block{scroll-snap-align:none}

/* Match the reference menu's visual presence using Retrosound's own typography. */
header nav{font-family:inherit;font-weight:500;font-size:16px;column-gap:24px;row-gap:6px}
@media(max-width:760px){header nav{font-size:14px;column-gap:20px;row-gap:4px}}

/* Shared panel rhythm, with natural expansion for text and the complete hero. */
.home-block:not(.home-hero){min-height:var(--home-panel-height,78svh);align-content:center;align-items:center;margin-block:0;padding-block:72px}
.home-block.dark{display:grid}
html.home-motion main{padding-bottom:var(--home-end-space,0px)}
@media(max-width:900px){.home-block.next-step{justify-content:center;align-items:flex-start}}
@media(max-width:760px){.home-block:not(.home-hero){padding-block:54px}}
@media print{.home-block:not(.home-hero){min-height:0;padding-block:30px}html.home-motion main{padding-bottom:0}}

/* Same bounded section width and inner alignment for every home panel. */
.home-block:not(.home-hero){display:grid}
.home-block>.wrap{width:100%}

.home-block{width:100%;max-width:1440px;margin-inline:auto}

/* Chapter names echo DANA's typography, at a smaller editorial scale. */
.home-chapter-title{font-family:inherit;font-size:clamp(58px,8vw,112px);font-weight:600;letter-spacing:-.065em;line-height:.94;margin:0 0 24px}
.home-chapter-title>span{display:block;background:linear-gradient(160deg,#fff 15%,#e4e4e5 55%,#a3a6ae);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-chapter-title>small{display:block;font-size:clamp(17px,1.4vw,20px);font-weight:550;letter-spacing:.10em;line-height:1.5;text-transform:uppercase;color:var(--muted);margin-top:18px}
.home-block .split>div>p.home-chapter-hook{font-size:clamp(34px,3.8vw,52px);font-weight:450;letter-spacing:-.045em;line-height:1.07;color:var(--ink);margin:0}
@media print{.home-chapter-title>span{background:none;color:#111}}

/* Group related copy with natural spacing rather than empty reserved lines. */
.home-block:not(.home-hero)>.split{min-height:360px;column-gap:clamp(32px,4vw,56px);align-items:start}
.home-block:not(.home-hero) .split>div:nth-child(2){display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.home-block:not(.home-hero) .split>div:nth-child(2)>p{margin:0}
.home-block:not(.home-hero) .split>div:nth-child(2)>.actions{margin-top:8px}
.home-block:not(.home-hero) .split>div:nth-child(2)>.fine{margin-top:-8px}
@media(max-width:760px){
 .home-block:not(.home-hero)>.split{min-height:0;row-gap:32px}
 .home-chapter-title{margin-bottom:20px}
 .home-chapter-title>small{margin-top:14px}
}

#home-history>small{font-size:clamp(23px,2vw,28px);font-weight:550;letter-spacing:.12em;line-height:1.4;color:var(--ink)}

/* Follow the hero: balance the groups along their lower reading edge. */
@media(min-width:761px){
 .home-block:not(.home-hero)>.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end}
 .home-block:not(.home-hero) .split>div:nth-child(2){position:relative;padding-bottom:7px}
 .home-block:not(.home-hero) .split>div:nth-child(2)>.fine{position:absolute;top:100%;left:0;margin-top:16px}
 .home-hero .intro{column-gap:6vw}
 .home-hero .intro-copy{padding-bottom:clamp(5.6px,.67vw,10px)}
}

/* One instrument page, with direct section access and optional deeper reading. */
.instrument-index{display:flex;flex-wrap:wrap;gap:12px 26px;padding-block:24px;margin-top:28px;border-block:1px solid var(--line);font-size:14px}
.instrument-index a{padding-block:8px}
.instrument-detail{border-bottom:1px solid var(--line);padding-block:22px}
.instrument-detail summary{font-size:20px;font-weight:500;cursor:pointer;line-height:1.5}
.instrument-detail[open] summary{margin-bottom:20px;color:var(--ink)}
.instrument-detail .spec-list{margin-left:0}
@media print{.instrument-detail>summary{font-weight:600}}

.home-block:not(.home-hero) .lead{max-width:38ch;text-wrap:balance}
.home-chapter-title>span{text-wrap:balance}

/* Each chapter repeats the hero's kicker, display title, hook and reading column. */
.home-block .split>div>p.home-chapter-kicker{font-size:clamp(17px,1.4vw,20px);font-weight:550;letter-spacing:.10em;line-height:1.5;text-transform:uppercase;color:var(--muted);margin:0 0 24px}
.home-block[aria-labelledby="home-history"] .split>div>p.home-chapter-kicker{font-size:clamp(23px,2vw,28px);letter-spacing:.12em;color:var(--muted)}
.home-chapter-title{margin-bottom:28px}
.home-block:not(.home-hero) .split>div:nth-child(2)>p:not(.lead):not(.fine){font-size:16px;line-height:1.7}
@media(min-width:761px){
 .home-block:not(.home-hero)>.split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:6vw}
 .home-block:not(.home-hero) .split>div:nth-child(2){padding-bottom:clamp(5px,.55vw,8px)}
}
@media(max-width:760px){.home-block .split>div>p.home-chapter-kicker{margin-bottom:18px}.home-chapter-title{margin-bottom:22px}}

/* Chapter dates and subtitles belong directly below their main title. */
.home-chapter-title{margin-bottom:18px}
.home-block .split>div>p.home-chapter-kicker{margin-bottom:24px}
@media(max-width:760px){.home-chapter-title{margin-bottom:14px}.home-block .split>div>p.home-chapter-kicker{margin-bottom:20px}}

/* Align visible glyph edges, independently of each letter's side bearing. */
.home-ink-line{display:inline-block;transform:translateX(var(--ink-shift,0px))}
.home-chapter-hook>.home-ink-line{display:block}
.home-chapter-title .home-ink-line{background:linear-gradient(160deg,#fff 15%,#e4e4e5 55%,#a3a6ae);background-clip:text;-webkit-background-clip:text;color:transparent}

/* Move each reading column and its buttons together, preserving text widths. */
@media(min-width:761px){.home-hero .intro-copy,.home-block:not(.home-hero) .split>div:nth-child(2){transform:translateX(clamp(-24px,-1.6vw,-12px))}}

.faq-group{margin-top:48px}.faq-group>h2{margin-bottom:24px}.faq-group details p{font-size:16px;line-height:1.75}

/* Purchase presentation, within the established black/white visual system. */
.purchase-section{padding-block:20px 64px}
.purchase-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.purchase-summary h2{font-size:clamp(64px,7vw,96px);font-weight:600;letter-spacing:-.065em;line-height:1;margin:20px 0 24px}
.purchase-summary>.lead{margin-top:0}
.purchase-price{margin-block:24px}
.purchase-price strong{font-size:clamp(48px,5vw,64px)}
.home-purchase .purchase-price{margin:0}
.format-badges{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}
.format-badges>span{border:1px solid var(--line);padding:10px 16px;font-size:17px}
.format-badges small{margin-left:10px}
.purchase-summary>.actions{margin-top:28px}
.purchase-action:disabled{cursor:default;opacity:.65}
.purchase-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);padding-block:48px 24px;border-top:1px solid var(--line)}
.purchase-notes h2{font-size:28px;letter-spacing:-.035em;margin-top:0}
.purchase-notes p{font-size:16px;color:var(--muted)}
.purchase-notes a{font-size:14px}
@media(max-width:900px){.purchase-layout{grid-template-columns:1fr}.purchase-notes{grid-template-columns:1fr;gap:32px}}

/* Native media slots on detail pages; homepage geometry and effects stay untouched. */
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);margin-top:40px}
.media-item{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.media-item h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:16px 0}
.media-item>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}
.media-item audio,.media-item video{display:block;width:100%;max-width:100%;margin-top:24px}
.media-item video{height:auto;background:var(--bg);aspect-ratio:16/9}
.media-transcript{margin-top:20px}.media-transcript summary{cursor:pointer}.media-transcript p{white-space:pre-line}
.media-walkthrough{max-width:800px;margin-top:32px}
@media(max-width:900px){.media-grid{grid-template-columns:1fr;gap:24px}}

/* Retrosound signature: one decorative current in the existing header divider. */
header .wrap{position:relative;border-bottom-color:transparent}
.retrosound-signal{position:absolute;left:0;right:0;bottom:-12px;height:24px;pointer-events:none;overflow:hidden;contain:layout paint}
.retrosound-signal svg{display:block;width:100%;height:24px;overflow:hidden}
.retrosound-signal path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.signal-ground{stroke:var(--line);stroke-width:1}
.signal-current{stroke:url(#retrosound-current);stroke-width:1;opacity:.76}
.signal-halo{stroke:url(#retrosound-current);stroke-width:3;opacity:.2;filter:blur(2px)}
@media(prefers-reduced-motion:reduce){.signal-current{opacity:.55}.signal-halo{opacity:.12}}
@media print{.retrosound-signal{display:none}header .wrap{border-bottom-color:var(--line)}}

/* Audio-shaped variant: taller peaks, with the original header layout preserved. */
.retrosound-signal{bottom:-32.5px;height:64px}
.retrosound-signal svg{height:64px}
.signal-current{stroke-width:1.35;opacity:.95}
.signal-halo{stroke-width:4;opacity:.27;filter:blur(2px)}
@media(prefers-reduced-motion:reduce){.signal-current{opacity:.7}.signal-halo{opacity:.16}}

/* Moving light follows a fixed rectangular edge; the button itself never rotates. */
@property --retrosound-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes retrosound-border-current{to{--retrosound-border-angle:360deg}}
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"])::before,
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"])::after{
 content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;
 background:conic-gradient(from var(--retrosound-border-angle),#a3e8e820 0deg,#a3e8e8 65deg,#a3e8e830 125deg,#da9dca25 180deg,#da9dca 245deg,#da9dca30 305deg,#a3e8e820 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 transition:opacity .22s ease;
}
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"])::after{inset:-3px;padding:3px;filter:blur(3px)}
@media(hover:hover){
 :is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):hover{border-color:transparent;box-shadow:0 0 16px #a3e8e80b,0 0 20px #da9dca0b}
 :is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):hover::before{opacity:1;animation:retrosound-border-current 3.6s linear infinite}
 :is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):hover::after{opacity:.4;animation:retrosound-border-current 3.6s linear infinite}
}
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):focus-visible{border-color:transparent}
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):focus-visible::before{opacity:1;animation:retrosound-border-current 3.6s linear infinite}
:is(.button,.flow button):not(:disabled):not([aria-disabled="true"]):focus-visible::after{opacity:.4;animation:retrosound-border-current 3.6s linear infinite}
.button:disabled:hover{background:#efefec;color:#111216;border-color:#efefec;box-shadow:none;transform:none}
@media(prefers-reduced-motion:reduce){
 :is(.button,.flow button)::before,:is(.button,.flow button)::after{animation:none!important;transition:none!important}
}