@font-face{font-family:"EB Garamond";src:url("assets/EBGaramond.woff2") format("woff2");font-display:swap;font-weight:400 800}
@font-face{font-family:Inter;src:url("assets/Inter.woff2") format("woff2");font-display:swap;font-weight:100 900}
:root{--paper:#fbf9f5;--ink:#202322;--gold:#e9b949;--night:#182329;--stone:#ede9e0;--muted:#60655f;--rule:#ddd9d0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #725312;outline-offset:5px}.wrap{max-width:1192px;margin:auto;padding:0 max(40px, env(safe-area-inset-right)) 0 max(40px, env(safe-area-inset-left))}.skip{position:absolute;top:-100px;left:20px;background:var(--gold);padding:12px;z-index:5}.skip:focus{top:12px}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:108px;border-bottom:1px solid var(--rule)}.brand{min-height:44px;display:flex;align-items:center;gap:12px;text-decoration:none;font:38px/1 "EB Garamond",Georgia,serif;letter-spacing:-1px}.brand img{width:42px;height:42px;border-radius:11px}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px}.nav-links a{min-width:44px;justify-content:center;display:inline-flex;align-items:center;min-height:44px}.nav-links a[aria-current=page]{text-decoration-thickness:2px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center;padding:66px 0 80px}.availability{font-size:14px;color:var(--muted);margin:0 0 24px}.availability:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a77717;margin-right:10px}h1,h2,h3{font-family:"EB Garamond",Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(52px,6.7vw,84px);margin:0 0 26px;max-width:680px}h2{font-size:clamp(38px,4.2vw,54px);margin:0 0 22px}h3{font-size:30px;margin:0 0 12px}.lead{font-size:19px;line-height:1.65;max-width:500px;color:var(--muted);margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border-radius:14px;background:var(--gold);font-size:15px;font-weight:600;text-decoration:none}.button:hover{background:#e3ae36;text-decoration:none}.quiet-link{font-size:14px;margin-left:22px;display:inline-flex;min-height:48px;align-items:center}.device{margin:0;width:100%;max-width:288px;justify-self:center}.device img{display:block;border:5px solid var(--ink);border-radius:36px;box-shadow:0 18px 48px #18232918}.device figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}.section{padding:78px 0;border-top:1px solid var(--rule)}.section-intro{max-width:690px;margin-bottom:38px}.section-intro p{color:var(--muted);max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.steps p{color:var(--muted);margin:0}.sound-section{background:var(--night);color:var(--paper);padding:74px 0}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.sound-section .muted{color:#bbc4c5}.sound-section p{max-width:470px}.sound-section a{color:var(--gold)}.sound-section audio{display:block;min-width:0;min-height:44px;width:100%;margin:12px 0 10px}.sound-section h3{font-size:34px;line-height:1.2}.byline{font-size:14px;color:#bbc4c5}.small{font-size:13px}.sound-section summary{min-height:48px;cursor:pointer;display:list-item;padding:12px 0}.sound-section details{border-top:1px solid #44525a;margin-top:20px}.transcript{font-family:"EB Garamond",Georgia,serif;font-size:22px;line-height:1.6}.pair{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pair p{color:var(--muted);max-width:490px}.book-list{font-family:"EB Garamond",Georgia,serif;font-size:27px;line-height:1.35;padding:0;margin:0;list-style:none}.book-list li{padding:17px 0;border-bottom:1px solid var(--rule)}.book-list span{display:block;font:13px/1.6 Inter,system-ui,sans-serif;color:var(--muted);margin-top:4px}.faq{max-width:760px}.faq details{border-bottom:1px solid var(--rule);padding:10px 0}.faq summary{font-size:17px;cursor:pointer;min-height:48px;padding:12px 24px 12px 0}.faq details p{color:var(--muted);max-width:650px}.company{display:grid;grid-template-columns:1.2fr .8fr;gap:64px}.company p{color:var(--muted);max-width:580px}.company-title{font-size:34px;letter-spacing:-.02em}.contact{padding:28px;border-radius:16px;background:var(--stone);align-self:start}.contact p{margin:0 0 12px}.contact a{overflow-wrap:anywhere}.footer{border-top:1px solid var(--rule);padding:32px 0 44px;font-size:12px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.footer-links a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}.prose{max-width:780px;padding:68px 0 84px}.prose h1{font-size:62px}.prose h2{font-size:34px;margin:42px 0 14px}.prose p,.prose li{color:var(--muted)}.prose ul,.prose ol{padding-left:23px}.prose li{margin:12px 0}.prose a{color:#725312}.notice{border-left:3px solid var(--gold);padding:4px 0 4px 20px;margin:30px 0}.prose .button{color:var(--ink);overflow-wrap:anywhere}.date{font-size:13px;color:var(--muted)}
@media(max-width:900px){.hero{gap:32px}.sound-grid,.pair{gap:40px}.steps{gap:25px}.company{gap:32px}}
/* Flexible containers allow long policy text and browser audio controls to shrink. */
.hero > *, .sound-grid > *, .pair > *, .company > * { min-width: 0; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
.hero-actions .quiet-link { margin-left: 0; }
.button { max-width: 100%; overflow-wrap: anywhere; text-align: center; }
.prose, .footer { overflow-wrap: anywhere; }

@media (max-width: 650px) {
  .wrap { padding-inline: max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right)); }
  .nav { min-height: 76px; gap: 8px; flex-wrap: wrap; padding-block: 12px; }
  .brand { font-size: 32px; gap: 10px; }
  .brand img { width: 36px; height: 36px; }
  .nav-links { gap: 4px; font-size: 14px; }
  .nav-links a { min-width: 44px; min-height: 44px; justify-content: center; padding-inline: 8px; }
  .nav-links .sample-nav { display: none; }
  .hero { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 30px 0 44px; }
  h1 { font-size: clamp(2.875rem, 13.6vw, 3.75rem); line-height: 1.04; letter-spacing: -.04em; margin-bottom: 20px; }
  h2 { font-size: clamp(2.125rem, 9.8vw, 2.625rem); line-height: 1.1; margin-bottom: 18px; }
  .lead { font-size: 17px; line-height: 1.6; margin-bottom: 22px; }
  .availability { margin-bottom: 16px; }
  .device { width: clamp(224px, 64vw, 260px); max-width: 100%; }
  .device img { border-width: 4px; border-radius: 32px; }
  .device figcaption { margin-top: 12px; }
  .section { padding: 44px 0; }
  .section-intro { margin-bottom: 26px; }
  .steps, .sound-grid, .pair, .company { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .steps h3 { font-size: 28px; }
  .steps article + article { padding-top: 24px; border-top: 1px solid var(--rule); }
  .sound-section { padding: 44px 0; }
  .sound-section h3 { font-size: 30px; }
  .sound-section summary, .faq summary { min-height: 56px; padding-block: 16px; }
  .transcript { font-size: 21px; line-height: 1.6; }
  .book-list { font-size: 25px; }
  .book-list li { padding: 14px 0; }
  .prose { padding: 34px 0 48px; }
  .prose h1 { font-size: clamp(2.5rem, 11.5vw, 3.125rem); }
  .prose h2 { font-size: 30px; margin-top: 32px; }
  .notice { padding-left: 16px; margin-block: 24px; }
  .company-title { font-size: 32px; }
  .company > div > a, .contact a { display: inline-flex; align-items: center; min-height: 44px; }
  .contact { padding: 22px; }
  .footer { font-size: 13px; padding-bottom: max(32px, env(safe-area-inset-bottom)); }
  .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
  .footer-links a { padding-block: 8px; }
}
@media (max-width: 480px) {
  .hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .hero-actions .button { width: 100%; min-height: 54px; }
  .hero-actions .quiet-link { justify-content: center; min-height: 48px; }
  .prose .button { display: flex; width: 100%; min-height: 54px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}