/* Re'Mi Music: Ink & Ember, v2 (editorial). ONE design system for every page. Self-contained: does not load /css/style.css.
   Tokens ------------------------------------------------------------------------------------------------ */
:root{
  --cream:#F4F1EA; --paper:#FBF9F4; --ink:#15141A; --graphite:#4A4752; --glow:#F0CC8F; --ember:#FF5A1F; --deep:#B8330A; --ember-hi:#FF7440;
  --line:rgba(21,20,26,.14); --line-strong:rgba(21,20,26,.5); --line-dark:rgba(244,241,234,.16); --on-dark:rgba(244,241,234,.74);
  --sans:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"DM Serif Display",Georgia,"Times New Roman",serif;
  --r:4px;                                   /* the one radius */
  --gut:clamp(20px,4vw,48px); --max:1200px;
  --sec:clamp(72px,9vw,128px);               /* section rhythm */
  --t:.18s ease;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
main{display:block}
a{color:var(--deep);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--t),background-color var(--t),border-color var(--t)}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.on-dark :focus-visible,.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--glow)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--ink);color:var(--cream);padding:.6rem 1rem}
::selection{background:var(--glow);color:var(--ink)}

/* Type scale --------------------------------------------------------------------------------------------- */
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;color:var(--ink);margin:0 0 .5em}
h1{font-size:clamp(2.75rem,5.6vw,4.75rem);line-height:1.04;letter-spacing:-.035em}
h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.1;letter-spacing:-.028em}
h3{font-size:1.375rem;line-height:1.25;letter-spacing:-.012em}
h4{font-size:1.0625rem;line-height:1.3}
p{margin:0 0 1.1em;max-width:65ch}
.lead{font-size:1.25rem;line-height:1.55;color:var(--graphite);max-width:58ch}
.eyebrow,.kicker,.hs-kicker,.pe-kicker{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:0 0 1.1rem;max-width:none}
.eyebrow .num{color:var(--graphite);margin-right:.9em}
.small,.note{font-size:.875rem;color:var(--graphite)}
em.accent,h1 em,.accent{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:860px}
section{padding:0}
.sec{padding:var(--sec) 0}
hr,.rule{border:0;border-top:1px solid var(--line);margin:0}

/* Header (identical on every page) ----------------------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:30;background:var(--ink);color:var(--cream);border-bottom:1px solid var(--line-dark)}
.bar{max-width:var(--max);margin:0 auto;padding:0 var(--gut);height:72px;display:flex;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--cream);font-family:var(--serif);font-size:1.5rem;line-height:1;white-space:nowrap;letter-spacing:0}
.brand:hover{color:var(--cream)}
.brand img{width:36px;height:36px;object-fit:contain;filter:invert(1);border-radius:0;background:none}
.nav{margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.25rem}
.nav a{display:block;position:relative;padding:.55rem .85rem;color:var(--on-dark);text-decoration:none;font-size:.875rem;font-weight:500;letter-spacing:.01em;border-radius:var(--r)}
.nav a:hover{color:var(--cream)}
.nav a[aria-current=page]{color:var(--cream)}
.nav li:not(:last-child) a[aria-current=page]::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.25rem;height:1px;background:var(--ember)}
.nav li:last-child a{margin-left:.6rem;background:var(--ember);color:var(--ink);font-weight:600;padding:.6rem 1.15rem}
.nav li:last-child a:hover{background:var(--ember-hi);color:var(--ink)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line-dark);color:var(--cream);padding:.5rem .95rem;border-radius:var(--r);font:500 .875rem var(--sans);letter-spacing:.04em;cursor:pointer;transition:var(--t)}
.menu-btn:hover{border-color:var(--cream)}
@media (max-width:960px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);border-bottom:1px solid var(--line-dark);margin:0}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:.5rem var(--gut) 1.5rem}
  .nav li{border-bottom:1px solid var(--line-dark)}
  .nav li:last-child{border:0;margin-top:1rem}
  .nav a{padding:1rem 0;font-size:1.0625rem}
  .nav li:last-child a{margin:0;text-align:center;padding:.9rem 1rem}
  .nav li:not(:last-child) a[aria-current=page]::after{left:0;right:auto;width:1.5rem;bottom:.6rem}
}

/* Buttons & links ---------------------------------------------------------------------------------------- */
.btn,.cta-btn,.form button,a.soon.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.75rem 1.5rem;border:1px solid var(--ink);border-radius:var(--r);background:transparent;color:var(--ink);font:600 .8125rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--t),color var(--t),border-color var(--t)}
.btn:hover,.cta-btn:hover{background:var(--ink);color:var(--cream)}
.btn.primary,.form button,.cta-btn.primary{background:var(--ember);border-color:var(--ember);color:var(--ink)}
.btn.primary:hover,.form button:hover,.cta-btn.primary:hover{background:var(--ember-hi);border-color:var(--ember-hi);color:var(--ink)}
.on-dark .btn,.hero .btn,.site-footer .btn{border-color:rgba(244,241,234,.55);color:var(--cream)}
.on-dark .btn:hover,.hero .btn:hover,.site-footer .btn:hover{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.on-dark .btn.primary,.hero .btn.primary,.site-footer .btn.primary{background:var(--ember);border-color:var(--ember);color:var(--ink)}
.on-dark .btn.primary:hover,.hero .btn.primary:hover,.site-footer .btn.primary:hover{background:var(--ember-hi);border-color:var(--ember-hi);color:var(--ink)}
.link-arrow,.more{display:inline-flex;align-items:center;gap:.4em;font-weight:600;font-size:.9375rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color var(--t),color var(--t)}
.link-arrow:hover,a:hover>.more{border-color:var(--ember);color:var(--ink)}
.on-dark .link-arrow,.on-dark .more,.hero .link-arrow{color:var(--cream);border-color:rgba(244,241,234,.45)}
.on-dark .link-arrow:hover,.hero .link-arrow:hover,.on-dark a:hover>.more{border-color:var(--ember);color:var(--cream)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem}

/* Page head (inner pages) ------------------------------------------------------------------------------- */
.page-head{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,104px) var(--gut) clamp(40px,5vw,64px);text-align:left}
.page-head h1{margin:0 0 .35em;max-width:16ch}
.page-head .lead{margin:0}
.page-head+section,.page-head+.sec{border-top:0}
.page-rule{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.page-rule::before{content:"";display:block;border-top:1px solid var(--line)}
.sub-section{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.section-title{margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.section-title h2{margin:0 0 .3em}
.section-title .lead,.section-title p{margin:0;font-size:1.0625rem;color:var(--graphite);max-width:62ch}
.section-title a{font-weight:600}

/* Cards: ONE style -------------------------------------------------------------------------------------- */
.card,.album,.ep,.teaser,.credits,.svc-door,.price,.tile,.ss-card,.ss-more-card,.hs-story-card,.note.box,.vph,.info{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
a.card,a.teaser,a.svc-door,a.ss-card,a.ss-more-card{color:var(--ink);text-decoration:none;transition:border-color var(--t),background-color var(--t)}
a.card:hover,a.teaser:hover,a.svc-door:hover,a.ss-card:hover,a.ss-more-card:hover{border-color:var(--ink);background:#fff}
.on-dark .svc-door{background:rgba(244,241,234,.04);border-color:var(--line-dark);color:var(--cream)}
.on-dark a.svc-door:hover{background:rgba(244,241,234,.08);border-color:rgba(244,241,234,.5)}
.on-dark .svc-door h2,.on-dark .svc-door h3{color:var(--cream)}
.on-dark .svc-door p,.on-dark .svc-door li{color:var(--on-dark)}
.on-dark .svc-door .kicker{color:var(--ember)}

/* Home: hero --------------------------------------------------------------------------------------------- */
.hero{background:var(--ink);color:var(--cream);text-align:center;padding:clamp(72px,10vw,136px) 0 0;overflow:hidden;position:relative;border-bottom:1px solid var(--line-dark)}
.hero::before{content:"";position:absolute;left:50%;top:-10%;width:1100px;height:700px;max-width:140vw;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,90,31,.17),transparent);pointer-events:none}
.hero-in{position:relative;max-width:1000px;margin:0 auto;padding:0 var(--gut)}
.hero .eyebrow{color:var(--ember);margin-bottom:1.6rem}
.hero h1{color:var(--cream);font-size:clamp(3.25rem,8.2vw,7rem);line-height:1;letter-spacing:-.04em;margin:0 0 .3em;max-width:none}
.hero h1 em{color:var(--glow);font-size:1.04em}
.hero-sub{font-size:clamp(1.125rem,1.6vw,1.375rem);color:var(--on-dark);margin:0 auto;max-width:36ch;line-height:1.5}
.hero .actions{justify-content:center;margin-top:2.5rem}
.hero-tiles{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:clamp(12px,2vw,28px);padding:clamp(56px,7vw,96px) var(--gut) clamp(72px,8vw,112px)}
.tile-link{display:block;width:clamp(110px,15.5vw,206px);flex:none;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-dark);background:#000;transition:border-color var(--t)}
.tile-link img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tile-link:hover{border-color:rgba(244,241,234,.6)}
.tile-link:nth-child(1){transform:rotate(-2deg) translateY(34px)}
.tile-link:nth-child(2){transform:rotate(2deg) translateY(4px)}
.tile-link:nth-child(3){transform:rotate(-1.5deg) translateY(44px)}
.tile-link:nth-child(4){transform:rotate(2deg) translateY(10px)}
.tile-link:nth-child(5){transform:rotate(-1.5deg) translateY(38px)}
@media (max-width:700px){.tile-link:nth-child(n+4){display:none}.tile-link{width:27vw}.hero-tiles{gap:3vw}}

/* Home: editorial sections ------------------------------------------------------------------------------ */
.hs{padding:0 0 var(--sec)}
.hs.first{padding-top:var(--sec)}
.hs.on-dark{padding:var(--sec) 0}
.hs.on-dark+.hs{padding-top:var(--sec)}
.hs:not(.on-dark) .hs-grid{background:linear-gradient(var(--line),var(--line)) center top/calc(100% - 2*var(--gut)) 1px no-repeat;padding-top:clamp(28px,4vw,48px)}
.lead-d{font-size:1.1875rem;color:var(--on-dark);margin:0 0 2rem;max-width:56ch}
.hs-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);align-items:start}
.hs-head{position:sticky;top:112px}
.hs-head h2{margin:0}
.hs-stack .hs-grid{grid-template-columns:1fr;gap:0}
.hs-stack .hs-head{position:static;margin-bottom:clamp(32px,4vw,56px)}
.hs.on-dark{background:var(--ink);color:var(--cream)}
.hs.on-dark h2,.hs.on-dark h3{color:var(--cream)}
.hs.on-dark .eyebrow{color:var(--ember)}
.hs.on-dark .eyebrow .num{color:var(--on-dark)}
.hs.on-dark .hs-line{color:var(--on-dark)}
.hs-line{color:var(--graphite);margin:1.75rem 0 0;font-size:1rem}
.hs-more{margin:2.25rem 0 0}
.hs-more .link-arrow{font-size:.9375rem}
.hs-about .role{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;color:var(--ink);margin:0 0 1.25rem;max-width:none;letter-spacing:-.01em}
.hs-about>p:not(.role){font-size:1.1875rem;color:var(--graphite);max-width:58ch}
.hs-chips{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--line)}
.hs-chips li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.hs-chips strong{font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;font-family:var(--sans)}
.hs-chips span{color:var(--graphite)}
.hs-covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.hs-cover{display:block;color:var(--ink);text-decoration:none}
.hs-cover img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);margin-bottom:.75rem;transition:opacity var(--t)}
.hs-cover:hover img{opacity:.88}
.hs-cover span{display:block;font-size:.9375rem;font-weight:500;color:var(--ink)}
.hs .svc-grid{margin:0}
.hs .svc-door h3{margin:0}
.hs-stories{}
.hs-stories .hs-story:first-child{padding-top:.25rem}
.hs-story{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:1rem clamp(24px,4vw,56px);padding:1.75rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:start;transition:background-color var(--t)}
.hs-story img{display:none}
.hs-story .ss-date{grid-column:1;grid-row:1/span 4;margin:.3rem 0 0}
.hs-story h3,.hs-story p,.hs-story .more{grid-column:2}
.hs-story h3{margin:0;font-size:1.5rem;letter-spacing:-.02em}
.hs-story p{margin:0;color:var(--graphite);max-width:60ch}
.hs-story .more{justify-self:start;margin-top:.5rem}
.hs-story:hover h3{color:var(--deep)}
.hs-story:hover .more{border-color:var(--ember)}
.hs-teasers,.teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0;max-width:none}
.teasers.wrap{padding:0 var(--gut);margin:0 auto 0;max-width:var(--max);padding-bottom:clamp(48px,6vw,88px)}
.teaser{display:flex;flex-direction:column;overflow:hidden;min-width:0;scroll-margin-top:96px}
.teaser img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;border-bottom:1px solid var(--line)}
.teaser>div{padding:1.5rem 1.5rem 1.75rem;display:flex;flex-direction:column;flex:1}
.teaser h2,.teaser h3{font-size:1.75rem;letter-spacing:-.02em;margin:0 0 .4em}
.teaser p{color:var(--graphite);margin:0 0 1.25rem}
.teaser .more{margin-top:auto;align-self:flex-start}
.reveal-off{opacity:1}
.js-reveal .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js-reveal .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none;transition:none}}
@media (max-width:900px){
  .hs-grid,.hs-stack .hs-head{grid-template-columns:1fr}
  .hs-head{position:static;margin-bottom:2rem}
  .hs-stack .hs-head h2{grid-column:1;grid-row:auto}
  .hs-stack .hs-head{gap:.5rem}
  .hs-covers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hs-teasers,.teasers{grid-template-columns:1fr}
  .hs-story{grid-template-columns:1fr}
  .hs-story .ss-date{grid-row:auto}
  .hs-story h3,.hs-story p,.hs-story .more{grid-column:1}
  .hs-chips li{grid-template-columns:1fr;gap:.2rem}
}
@media (max-width:520px){.hs-covers{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* About -------------------------------------------------------------------------------------------------- */
.about-intro{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(40px,5vw,64px);border-top:1px solid var(--line);margin-top:0}
.about-intro h2{margin:0}
.about-intro .role{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;color:var(--ink);margin:0 0 .4rem;letter-spacing:-.01em}
.about-intro .role.second{font-family:var(--sans);font-style:normal;font-size:1.125rem;color:var(--graphite);letter-spacing:0}
.chapters{padding-bottom:clamp(56px,7vw,96px)}
.chapter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,5vw,80px);padding:clamp(28px,3.5vw,44px) 0;border-top:1px solid var(--line);margin:0}
.chapter .kicker{grid-column:1;grid-row:1;margin:0 0 .6rem}
.chapter h3{grid-column:1;grid-row:2;margin:0;font-size:1.5rem;letter-spacing:-.02em}
.chapter p:last-child{grid-column:2;grid-row:1/span 3;margin:0;font-size:1.0625rem;color:var(--ink);max-width:62ch}
.about-end{padding-top:0;padding-bottom:var(--sec)}
@media (max-width:800px){.about-intro,.chapter{grid-template-columns:1fr}.about-intro{gap:1rem}.chapter p:last-child{grid-column:1;grid-row:auto;margin-top:1rem}.chapter h3{grid-row:auto}}

/* Albums ------------------------------------------------------------------------------------------------- */
.strip{margin:0 auto clamp(32px,4vw,56px);max-width:var(--max);padding:0 var(--gut);line-height:0}
.strip img{width:100%;border-radius:var(--r);border:1px solid var(--line);aspect-ratio:1588/222;object-fit:cover}
.bc-cta{max-width:var(--max);margin:0 auto clamp(40px,5vw,72px);padding:0 var(--gut)}
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(20px,2.4vw,32px)}
.album{display:flex;flex-direction:column;overflow:hidden}
.album>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-bottom:1px solid var(--line)}
.album .body{padding:1.5rem 1.5rem 1.75rem;display:flex;flex-direction:column;flex:1}
.album h3{margin:0 0 .2em;font-size:1.5rem;letter-spacing:-.02em}
.album .meta{color:var(--graphite);font-size:.875rem;margin:0 0 1.25rem}
.tracks{margin:0 0 1.25rem;padding:0;list-style:none;counter-reset:t;font-size:.9375rem;border-top:1px solid var(--line)}
.tracks li{counter-increment:t;display:flex;align-items:baseline;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line);line-height:1.4}
.tracks li::before{content:counter(t,decimal-leading-zero);color:var(--graphite);font-size:.75rem;font-variant-numeric:tabular-nums;min-width:1.5rem}
.tracks li>span:not(.d):not(.ft){flex:1}
.tracks .d{order:3;margin-left:auto;color:var(--graphite);font-variant-numeric:tabular-nums;font-size:.8125rem;white-space:nowrap}
.tracks .ft{order:4;flex:0 0 100%;padding-left:2.25rem;margin-top:-.35rem;color:var(--graphite);font-size:.8125rem}
.tracks li{flex-wrap:wrap}
a.soon{display:inline-flex;margin-top:auto;font-weight:600;font-size:.9375rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px;align-self:flex-start;transition:border-color var(--t)}
a.soon:hover{border-color:var(--ember);color:var(--ink);background:none}
.players{display:grid;gap:clamp(16px,2vw,24px)}
.players.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.player iframe{width:100%;border:0;border-radius:var(--r);display:block;background:var(--paper)}
.credits-line{font-size:.8125rem;line-height:1.5;color:var(--graphite);margin:.6rem 0 0}
.ep{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:clamp(20px,3vw,40px);align-items:start;padding:clamp(20px,3vw,32px)}
.ep img{border-radius:var(--r);width:100%;aspect-ratio:1/1;object-fit:cover}
@media (max-width:760px){.ep{grid-template-columns:1fr}.ep img{max-width:280px}}
.bb-spotify{max-width:none;margin:0 0 clamp(20px,3vw,32px)}
.bb-link{margin:.9rem 0 0;font-size:.9375rem}
.bb-link a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.bb-link a:hover{border-color:var(--ember)}

/* Projects, references ---------------------------------------------------------------------------------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,32px);padding-bottom:clamp(40px,5vw,72px)}
.card{display:flex;flex-direction:column;overflow:hidden;text-align:left}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;border-bottom:1px solid var(--line);margin:0}
.card span{font-family:var(--sans);font-size:1.375rem;font-weight:600;letter-spacing:-.015em;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}
.card span::after{content:"→";font-weight:400;color:var(--deep)}
.project-entry{padding-top:0;padding-bottom:clamp(40px,5vw,72px);scroll-margin-top:96px}
.pe-kicker{margin:0 0 1.75rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.pe-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start;max-width:none;margin:0}
.pe-grid img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.pe-grid p{max-width:62ch}
.pe-links a{white-space:nowrap;font-weight:600}
.pe-fig{margin:0}.pe-fig figcaption{font-size:.8125rem;color:var(--graphite);margin-top:.6rem}
.credits{max-width:none;margin:clamp(36px,5vw,56px) 0 0;padding:clamp(20px,3vw,32px)}
.credits h3{margin:0 0 1rem}
.credits ul{list-style:none;margin:0;padding:0}
.credits li{display:grid;grid-template-columns:minmax(0,16rem) 1fr auto;gap:.3rem 1.5rem;padding:.85rem 0;border-top:1px solid var(--line)}
.credits .who{font-weight:600}.credits .what{color:var(--graphite)}
.credits .src{font-size:.75rem;color:var(--graphite);white-space:nowrap;letter-spacing:.04em}
.credits .note{border:0;padding:0;margin:1rem 0 0;font-size:.8125rem}
@media (max-width:760px){.pe-grid{grid-template-columns:1fr}.pe-grid img{max-width:360px}.credits li{grid-template-columns:1fr}}
blockquote{margin:0 0 clamp(20px,3vw,32px);padding:clamp(24px,3vw,40px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--ink)}
blockquote p{max-width:62ch}
blockquote p:last-of-type{margin-bottom:0}
blockquote footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);line-height:1.5}
blockquote footer a{color:inherit}
.pe-quote{max-width:none;margin:clamp(28px,4vw,48px) 0 0;padding:clamp(24px,3vw,40px)}
.pe-quote p{font-family:var(--serif);font-style:italic;font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.35;letter-spacing:-.005em}
.pe-quote.small{padding:1.5rem;margin:1.5rem 0 0}.pe-quote.small p{font-size:1.25rem}
.pe-quote footer{font-family:var(--sans)}
.ig-embed{max-width:540px;margin:0 auto}
.refs{padding-bottom:var(--sec)}
.refs blockquote p{font-size:1.0625rem}

/* Forms & contact ---------------------------------------------------------------------------------------- */
.form{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}
.form .full{grid-column:1/-1}
.form label{display:grid;gap:.45rem;font-size:.75rem;font-weight:600;color:var(--graphite);text-transform:uppercase;letter-spacing:.12em}
.form input,.form textarea{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);padding:.85rem 1rem;border-radius:var(--r);font:400 1rem/1.4 var(--sans);letter-spacing:0;text-transform:none;transition:border-color var(--t),box-shadow var(--t)}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(240,204,143,.75)}
.form button{justify-self:start}
.note{border:0;padding:0;margin:1.25rem 0 0;max-width:60ch}
.note a{color:var(--deep)}
@media (max-width:600px){.form{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start;border-top:1px solid var(--line);padding-top:clamp(28px,4vw,48px)}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.contact-grid h2{font-size:1.75rem;margin-bottom:1rem}
.contact-list{list-style:none;padding:0;margin:0 0 1.75rem;border-top:1px solid var(--line)}
.contact-list li{margin:0;padding:1rem 0;border-bottom:1px solid var(--line);display:grid;gap:.15rem}
.contact-list strong{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
.contact-list a{font-size:1.1875rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;justify-self:start}
.contact-list a:hover{border-color:var(--ember)}
.link-list{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}
.link-list a{font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.link-list a:hover{border-color:var(--ember)}
.contact-grid img{border-radius:var(--r);border:1px solid var(--line);margin-top:1.75rem}
.contact-actions{margin:0 0 .5rem}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,3vw,32px)}
.vph{position:relative;aspect-ratio:16/9;background:#000 center/cover;overflow:hidden}
.vph::after{content:"";position:absolute;inset:0;background:rgba(21,20,26,.5)}
.vph .lbl{position:absolute;inset:auto 0 0 0;z-index:1;padding:.9rem 1.1rem;font-size:.875rem;color:var(--cream);background:linear-gradient(transparent,rgba(21,20,26,.9))}
.vph .play{position:absolute;z-index:1;left:50%;top:46%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:1px solid var(--cream);display:grid;place-items:center}
.vph .play::before{content:"";border-left:15px solid var(--cream);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}

/* Services + lessons (same components as the rest of the site) ------------------------------------------ */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.svc-door{display:flex;flex-direction:column;gap:.5rem;padding:clamp(24px,3vw,40px)}
.svc-door .kicker{margin:0 0 .5rem}
.svc-door h2,.svc-door h3{font-size:clamp(1.75rem,2.6vw,2.25rem);letter-spacing:-.025em;margin:0 0 .25em}
.svc-door p{margin:0 0 .75rem;color:var(--graphite)}
.svc-door ul{margin:.5rem 0 1.5rem;padding:0;list-style:none;border-top:1px solid var(--line)}
.on-dark .svc-door ul{border-color:var(--line-dark)}
.svc-door li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;color:var(--ink)}
.on-dark .svc-door li{border-color:var(--line-dark)}
.svc-door .more{margin-top:auto;align-self:flex-start}
.svc{padding-bottom:var(--sec)}
.svc-strip{margin-top:clamp(20px,3vw,32px);padding:clamp(24px,3vw,36px);background:var(--paper);border:1px solid var(--line);border-left:2px solid var(--ember);border-radius:var(--r);display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}
.svc-strip p{margin:0;color:var(--ink);max-width:none}
.svc-strip a{color:var(--ink);font-weight:600}
@media (max-width:760px){.svc-grid,.svc-strip{grid-template-columns:1fr}}
.lp-hero h1{max-width:none}
.lp-hero h1 span{display:block}
.lp-hero .eyebrow{color:var(--deep)}
.lp-hero .lead{margin-bottom:0}
.lp-sec{padding:clamp(48px,6vw,88px) 0}
.lp-sec>.wrap>h2,.lp-head h2{margin:0 0 1.75rem}
.lp-sec.top{border-top:1px solid var(--line)}
.lp-grid{display:grid;gap:clamp(20px,2.4vw,32px)}
.lp-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.lp-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lp-grid.c4,.lp-grid.c3,.lp-grid.c2{grid-template-columns:1fr}}
.good{border-top:1px solid var(--ink);padding-top:1.1rem}
.good h3{font-size:1.1875rem;margin:0 0 .5rem}
.good p{margin:0;color:var(--graphite);font-size:1rem}
.tile{padding:clamp(22px,2.4vw,32px)}
.tile h3{margin:0 0 .5rem}.tile p{margin:0;color:var(--graphite)}
.course{background:var(--ink);color:var(--cream)}
.course h2{color:var(--cream)}
.course .eyebrow{color:var(--ember)}
.weeks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);border-top:1px solid var(--line-dark)}
.weeks li{padding:1rem 0;border-bottom:1px solid var(--line-dark);color:var(--on-dark);display:grid;grid-template-columns:5.5rem 1fr;gap:1rem}
.weeks b{color:var(--cream);font-weight:600}
@media (max-width:760px){.weeks{grid-template-columns:1fr}}
.price{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:.35rem}
.price .t{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}
.price .pr{font-size:clamp(2rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.price p{margin:0;color:var(--graphite);font-size:.9375rem}
.price.feat{background:var(--ink);border-color:var(--ink)}
.price.feat .t{color:var(--glow)}.price.feat .pr{color:var(--cream)}.price.feat p{color:var(--on-dark)}
.free-chat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1.5rem;padding:1.25rem 1.5rem;margin-bottom:clamp(20px,2.4vw,32px);background:var(--paper);border:1px solid var(--line);border-left:2px solid var(--ember);border-radius:var(--r)}
.free-chat h3{margin:0}.free-chat p{margin:0;color:var(--ink)}
.fine{font-size:.875rem;color:var(--graphite);margin-top:1.5rem}
.teach-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px)}
.teach-in p{font-size:1.1875rem;max-width:62ch;margin:0}
.course .teach-in p,.on-dark .teach-in p{color:var(--on-dark)}
.teach-in b{color:inherit;font-weight:600}
@media (max-width:800px){.teach-in{grid-template-columns:1fr;gap:1rem}}
.contact-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-bottom:clamp(16px,2vw,24px)}
.ctile{display:flex;flex-direction:column;gap:.15rem;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-decoration:none;color:var(--ink);transition:var(--t)}
.ctile strong{font-size:1.375rem;font-weight:600;letter-spacing:-.015em}
.ctile span{font-size:1rem;color:var(--graphite);overflow-wrap:anywhere}
.ctile:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.ctile.primary{background:var(--ember);border-color:var(--ember)}
.ctile.primary span{color:var(--ink)}
.ctile.primary:hover{background:var(--ember-hi);border-color:var(--ember-hi)}
.info{padding:1.25rem 1.5rem}
.info .k{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--deep);margin-bottom:.35rem}
.info .v{font-size:1.0625rem}
@media (max-width:760px){.contact-tiles{grid-template-columns:1fr}}
.link-note{margin-top:1.5rem;color:var(--graphite)}
.link-note a{font-weight:600}

/* Sound Stories ------------------------------------------------------------------------------------------ */
.ss-list{display:grid;border-top:1px solid var(--line);gap:0}
.ss-card{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:.5rem clamp(24px,4vw,56px);padding:2rem 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);text-decoration:none;align-items:start}
a.ss-card:hover{background:none;border-color:var(--line)}
.ss-card img{display:none}
.ss-card>div{display:contents}
.ss-card .ss-date{grid-column:1;grid-row:1/span 4;margin:.45rem 0 0}
.ss-card h2,.ss-card p,.ss-card .more{grid-column:2}
.ss-card h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em;margin:0}
.ss-card p{margin:0;color:var(--graphite);max-width:62ch}
.ss-card .more{justify-self:start;margin-top:.5rem}
.ss-card:hover h2{color:var(--deep)}
.ss-card:hover .more{border-color:var(--ember)}
@media (max-width:760px){.ss-card{grid-template-columns:1fr}.ss-card .ss-date{grid-row:auto}.ss-card h2,.ss-card p,.ss-card .more{grid-column:1}}
.ss-date{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:0}
.ss-rss{font-size:.875rem;margin-top:2rem}
.ss-empty{padding:2.5rem 0;color:var(--graphite);border-top:1px solid var(--line)}
.ss-post{position:relative;max-width:860px;padding-top:clamp(40px,5vw,72px)}
.ss-aura,.ss-divider{display:none}
.ss-back{margin:0 0 2.25rem}
.ss-back a{font-size:.875rem;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px}
.ss-back a:hover{border-color:var(--ember)}
.ss-head .ss-date{display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem}
.ss-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--graphite)}
.ss-post h1{font-size:clamp(2.25rem,4.6vw,3.75rem);line-height:1.06;letter-spacing:-.032em;margin:0 0 2rem;text-align:left;max-width:20ch}
.ss-cover{margin:0 0 clamp(32px,4vw,56px)}
.ss-cover img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.ss-cover figcaption{font-size:.8125rem;line-height:1.5;color:var(--graphite);margin-top:.6rem}
.ss-cover-art{position:relative;height:200px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.ss-cover-art svg{position:absolute;inset:0;width:100%;height:100%}
.ss-cover-art stop{stop-color:var(--ink)}
.ss-cover-art stop:nth-child(2){stop-color:var(--ember)}
.ss-body{max-width:680px}
.ss-body p{font-size:1.125rem;line-height:1.75;color:var(--ink);max-width:none}
.ss-body p:first-child{font-size:1.3125rem;line-height:1.6;color:var(--ink)}
.ss-body h2,.ss-body h3{margin:2.5rem 0 1rem}
.ss-body img{width:100%;border-radius:var(--r)}
.ss-body figure{margin:2rem 0}
.ss-body figure img{display:block;border:1px solid var(--line)}
.ss-body figcaption{font-size:.8125rem;line-height:1.5;color:var(--graphite);margin-top:.6rem}
.ss-body a{color:var(--deep)}
.ss-body ul,.ss-body ol{padding-left:1.25rem}.ss-body li{margin-bottom:.4rem}
.ss-body p.ss-takeaway{margin:2.75rem 0 1.5rem;padding:.25rem 0 .25rem 1.5rem;background:none;border:0;border-left:2px solid var(--ember);border-radius:0;font-size:1.0625rem;line-height:1.65;color:var(--ink)}
.ss-source,.ss-body p.ss-source{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.875rem;line-height:1.6;color:var(--graphite);max-width:680px}
.ss-more{margin-top:clamp(48px,6vw,80px);padding-top:1.5rem;border-top:1px solid var(--line)}
.ss-more h2{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:0 0 1rem}
.ss-more-list{display:grid;gap:1rem}
.ss-more-card{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem}
.ss-more-card strong{font-weight:600;font-size:1.25rem;letter-spacing:-.015em;line-height:1.3}
.ss-more-card .more{align-self:flex-start;margin-top:.35rem}
.ss-endlink{margin-top:2.5rem}

/* Footer: the big finish --------------------------------------------------------------------------------- */
.site-footer{background:var(--ink);color:var(--on-dark);font-size:.9375rem;border-top:1px solid var(--line-dark);text-align:left;padding:0}
.site-footer a{color:var(--on-dark);text-decoration:none}
.site-footer a:hover{color:var(--cream)}
.f-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.f-cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end;padding:clamp(72px,9vw,128px) 0 clamp(56px,7vw,96px)}
.f-cta h2{color:var(--cream);font-size:clamp(2.5rem,5.6vw,4.75rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 .35em;max-width:12ch}
.f-cta h2 em{color:var(--glow)}
.f-cta p{margin:0;color:var(--on-dark);font-size:1.1875rem;max-width:40ch}
.f-actions{display:grid;gap:.75rem;width:min(100%,360px);justify-self:end}
.f-actions .btn{width:100%}
.f-main{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,2fr) minmax(0,2fr) minmax(0,3fr);gap:clamp(28px,3.5vw,56px);padding:clamp(48px,5vw,72px) 0;border-top:1px solid var(--line-dark)}
.f-brand{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.f-brand .fbrand{display:flex;align-items:center;gap:.8rem;font-family:var(--serif);font-size:1.75rem;color:var(--cream);letter-spacing:0;line-height:1}
.f-brand img{width:48px;height:48px;object-fit:contain;filter:invert(1)}
.f-brand p{margin:0;color:var(--on-dark);max-width:26ch;font-size:1rem}
.f-brand .tag{font-family:var(--serif);font-style:italic;font-size:1.375rem;color:var(--glow)}
.btn-donate{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.65rem 1.2rem;border:1px solid rgba(244,241,234,.55);border-radius:var(--r);color:var(--cream)!important;font-weight:600;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;transition:var(--t)}
.btn-donate:hover{background:var(--cream);border-color:var(--cream);color:var(--ink)!important}
.f-col h3{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin:0 0 1.25rem}
.f-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.f-col a{display:inline-block;border-bottom:1px solid transparent;transition:color var(--t),border-color var(--t)}
.f-col a:hover{border-color:var(--ember)}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding:1.5rem 0 2rem;border-top:1px solid var(--line-dark);font-size:.8125rem;color:rgba(244,241,234,.6)}
.f-bottom p{margin:0;max-width:none}
.f-bottom .to-top{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:var(--cream);border-bottom:1px solid rgba(244,241,234,.45);padding-bottom:1px}
.f-bottom .to-top:hover{border-color:var(--ember)}
.f-bottom a{color:inherit}
@media (max-width:1000px){.f-main{grid-template-columns:repeat(2,minmax(0,1fr))}.f-brand{grid-column:1/-1}}
@media (max-width:820px){.f-cta{grid-template-columns:1fr;align-items:start}.f-actions{justify-self:start}}
@media (max-width:620px){.f-main>.f-col:last-child{grid-column:1/-1}}

/* Misc -------------------------------------------------------------------------------------------------- */
.about-end .btn{margin-top:0}
.not-found{padding-bottom:var(--sec)}

section[id],div[id]{scroll-margin-top:88px}
.hs.first .hs-grid{background:none;padding-top:0}

.ss-body a,.refs a,.ss-sources a{overflow-wrap:anywhere}