/* Revision from the owner's annotated browser feedback. */
.v2{--fg:#eeeae2;--fg-2:#b4b6b9;--fg-3:#9099a3;--sec-y:clamp(3.6rem,7.7vw,6.5rem)}
.v2 [hidden]{display:none!important}
.v2 [id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.v2 .header{background:rgba(11,14,18,.97);border-bottom-color:var(--rule)}
.v2 .nav{gap:1.25rem}.v2 .nav__list{gap:1.15rem}.v2 .nav__link{white-space:nowrap}
.v2 .header .brand__type--author{font-size:1.1rem;letter-spacing:.02em;text-transform:none;white-space:nowrap}
.v2 .brand__mark{width:24px;height:24px;object-fit:contain}
.band-white{background:var(--paper);color:var(--paper-fg);--fg:var(--paper-fg);--fg-2:var(--paper-fg-2);--fg-3:var(--paper-fg-3);--rule:var(--paper-rule);--rule-2:var(--paper-rule-2);--brass:var(--brass-paper)}
.band-white .eyebrow{color:var(--brass-paper)}
.band-white .toc__list li span:nth-child(2){font-family:var(--sans);font-size:.9375rem;color:var(--paper-fg)}
.about-intro{text-align:center}
.about-intro .eyebrow{justify-content:center}
.about-intro .h1{margin-bottom:1.25rem}
.about-intro .lead,.about-intro .muted{max-width:50ch;margin-inline:auto}
.about-intro .muted{margin-top:1rem}
.sig{display:block;width:min(290px,70%);height:auto;margin:1.7rem auto 2rem;color:var(--fg-2);opacity:.92;transform:rotate(-2.5deg)}
.about-intro__action{display:flex;justify-content:center}
.v2 .foot__bot{justify-content:center;text-align:center}
@media(min-width:820px){.v2 .foot__top>nav{grid-column:3}}
.v2 .h1 em,.v2 .h2 em{color:var(--brass-lift);font-weight:400;font-style:normal}
.v2 .band-paper .h2 em{color:var(--brass-paper)}
.v2 .btn{gap:.8rem;letter-spacing:0;text-transform:none;font-weight:600}
/* On paper bands the base sheet gives the solid button a dark brown border
   (#7E5B2E) against its gold fill, which reads as an unwanted outline. Match
   the border to the fill in every state. Ghost buttons keep their own border. */
.v2 .band-paper .btn:not(.btn-ghost),.v2 .band-paper-2 .btn:not(.btn-ghost){--btn-bd:var(--cta)}
.v2 .band-paper .btn:not(.btn-ghost):hover,.v2 .band-paper-2 .btn:not(.btn-ghost):hover{--btn-bd:var(--cta-hover)}
.v2 .band-paper .btn:not(.btn-ghost):active,.v2 .band-paper-2 .btn:not(.btn-ghost):active{--btn-bd:var(--cta-active)}

.v2 .btn__price{border-left:1px solid #12100c40;padding-left:.8rem;white-space:nowrap}
.v2 .btn--block{justify-content:center}
.v2 .link-quiet{gap:.6rem}
.hero--conversion{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--header-h) + 2.5rem);padding-bottom:2.5rem}
.hero--conversion .hero__grid{grid-template-columns:minmax(0,1fr) clamp(330px,33vw,470px);gap:clamp(2.5rem,5.5vw,5rem);align-items:center;width:100%}
.hero--conversion .h1{font-size:clamp(3rem,4.6vw,4.6rem);line-height:1.04;max-width:none;margin-bottom:1.6rem}
.hero--conversion .eyebrow{font-size:.65rem;letter-spacing:.12em}
.hero--conversion .hero__sub{font-size:1.12rem;max-width:45ch;margin-bottom:2rem}
.hero__hook{font-size:1.125rem;max-width:38ch;margin-bottom:1.75rem;color:var(--fg)}
.hero--conversion .hero__actions{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1.3rem}
.hero--conversion .hero__actions>.btn{min-width:0;flex:0 0 auto;justify-content:center;padding-inline:1.2rem}
.hero--conversion .hero__actions>.link-quiet{font-size:.8125rem;line-height:1.45;min-width:0}
.purchase-note{display:flex;flex-wrap:wrap;gap:.4rem .65rem;font-size:.75rem;color:var(--fg-2);border-top:1px solid rgba(180,190,202,.26);padding-top:1.25rem;margin-top:1.5rem}
.purchase-note i{font-style:normal;color:var(--fg-3)}
.hero--conversion .hero__art{display:flex;justify-content:center}
.record-art{position:relative;padding:0;text-align:center;width:100%;margin-top:-1.75rem}
.record-art .book{--bw:clamp(220px,23vw,310px);margin-inline:auto}
.v2 .book__title{font-size:calc(var(--bw) * .09)}
.book-mockup{display:block;width:min(100%,450px);height:auto;max-height:74svh;object-fit:contain;margin:auto}
.recognition .h2{margin-bottom:2.5rem}
.recognition__list{border-top:1px solid var(--paper-rule)}
.recognition__list li{display:grid;grid-template-columns:24px minmax(0,.7fr) minmax(0,1.3fr);gap:1.6rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--paper-rule)}
.recognition__number{font:400 .7rem/1.5 var(--sans);color:var(--paper-fg-3);font-variant-numeric:tabular-nums}
.recognition__list h3{font:400 clamp(1.25rem,1.7vw,1.55rem)/1.25 var(--serif);text-wrap:pretty}
.recognition__list p{font-size:.9375rem;line-height:1.65;margin:0;color:var(--paper-fg-2)}
.recognition__closing{font:400 clamp(1.4rem,2.3vw,1.85rem)/1.35 var(--serif);color:var(--paper-fg);max-width:36ch;margin:2.3rem auto 0;text-align:center;text-wrap:balance}
.simple-story .wrap{max-width:840px;text-align:center}
.simple-story .h2{margin-bottom:1.4rem}
.simple-story p{font-size:1.125rem;line-height:1.65;max-width:45ch;margin:0 auto 2rem;color:var(--fg-2)}
.band-readers{background:#f6f0e7;color:var(--paper-fg);border-block:1px solid var(--paper-rule)}
.readers-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.readers-eyebrow{font:.7rem/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-paper);margin-bottom:1rem}
.reaction-section .h2{margin-bottom:.5rem}
.readers-intro{font-size:1rem;line-height:1.6;color:var(--paper-fg-2);margin:0}
.readers-controls{display:flex;gap:.7rem;flex:none;padding-bottom:.2rem}
.readers-arrow{display:grid;place-items:center;inline-size:48px;block-size:48px;border:1px solid #b88d6666;border-radius:50%;color:var(--paper-fg);font-size:1.3rem;transition:background .2s}
.readers-arrow:hover:not(:disabled){background:#e7ddcd}.readers-arrow:disabled{opacity:.35;cursor:default}
.facebook-gallery{display:flex;gap:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1rem}
.facebook-gallery::-webkit-scrollbar{display:none}
.facebook-post,.facebook-placeholder{position:relative;flex:0 0 calc((100% - 1.5rem)/2);min-width:0;aspect-ratio:16/10;scroll-snap-align:start;border:1px solid #cfc3b3;border-radius:5px;background:linear-gradient(135deg,#e6dac9,#eee7dd);margin:0}
.facebook-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--paper-fg-2);font-size:1rem;gap:.5rem}
.facebook-placeholder small{font-size:.8125rem;color:var(--paper-fg-3)}
.facebook-placeholder__number{position:absolute;left:1.25rem;top:1rem;font-size:.75rem;color:var(--paper-fg-3)}
.facebook-post{display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;padding:0}
.facebook-post img{display:block;width:100%;height:100%;object-fit:contain}
.readers-help{margin:1rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--paper-fg-3)}
.readers-arrow:focus-visible,.facebook-gallery:focus-visible,.facebook-post:focus-visible{outline:2px solid var(--brass-paper);outline-offset:-3px}
.reader-open{overflow:hidden}
.reader-dialog{inset:0;margin:auto;width:min(1000px,calc(100% - 2rem));max-width:none;max-height:90svh;padding:1rem;border:1px solid #cfc3b3;border-radius:6px;background:#f6f0e7;color:#17140f;overflow:auto;overscroll-behavior:contain}
.reader-dialog::backdrop{background:#080d13d9}
.reader-dialog__close{display:block;position:sticky;top:0;margin:0 0 1rem auto;min-height:44px;padding:.5rem 1rem;background:#f6f0e7;border:1px solid #cfc3b3;border-radius:4px;font-size:.9375rem;z-index:1}
.reader-dialog>img{display:block;width:100%;height:auto}
.section-action{display:flex;justify-content:center;margin-top:2rem}
.quote-section{text-align:center}
.quote-section .wrap{max-width:1000px}
.quote-section figure{margin:0}
.quote-section blockquote{font:400 clamp(1.75rem,3.2vw,3rem)/1.32 var(--serif);text-wrap:pretty;margin:0}
.quote-section blockquote{max-width:27ch;margin-inline:auto;text-wrap:balance}
.quote-section figcaption{font:400 .9375rem/1.5 var(--sans);color:var(--fg-2);margin-top:1.6rem}
.quote-section.band-paper figcaption{color:var(--paper-fg-2)}
.quote-section .btn{margin-top:2.25rem}
.closing-simple{text-align:center}
.closing-simple .h2{font-size:clamp(2.3rem,4vw,3.4rem);margin-bottom:1rem}
.closing-simple p{font-size:1rem;color:var(--fg-2);margin-bottom:1.65rem}
.closing-simple.band-paper p{color:var(--paper-fg-2)}
.closing-simple .btn{min-width:245px;justify-content:center}
.closing-simple .closing-simple__note{font-size:.75rem;margin:1rem 0 0}
.shared-faq .h2{margin-bottom:2.75rem}
.short-faq{border-top:1px solid var(--rule-2)}
.short-faq details{border-bottom:1px solid var(--rule-2)}
.short-faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;list-style:none;min-height:72px;padding:1.3rem 0;font-size:1rem;font-weight:500}
.short-faq summary::after{content:'+';font-size:1.3rem;color:var(--brass);flex:none}
.short-faq details[open] summary::after{content:'−'}
.short-faq details>p{font-size:.9375rem;line-height:1.6;color:var(--fg-2);padding-bottom:1.4rem;margin:0}
.v2 summary::-webkit-details-marker{display:none}
.v2 .sticky-cta{visibility:hidden}
.v2 .sticky-cta.is-visible{visibility:visible}
.v2 .sticky-cta .btn{gap:.45rem}
.v2 .sticky-cta .btn__price{padding-left:.45rem}
.v2 .sticky-cta__meta>span{letter-spacing:.02em}
.v2 .site-foot,.v2 body.sticky-on .site-foot{padding-bottom:1.4rem}
.v2 .foot__bot{gap:.65rem;padding-top:1.3rem}
.v2 .foot__blurb{max-width:34ch}
.v2 .toc__btn{pointer-events:auto}
.v2 .toc__chev{display:block}
.v2 .toc__panel{display:none}
.v2 .toc__panel.is-open,.v2.no-js .toc__panel{display:block}
.v2 .toc__btn[aria-expanded="true"] .toc__chev{transform:rotate(180deg)}
.v2 .toc{align-items:start}
.v2 .prod{align-items:start}
.v2 .prod__offer .offer__sub{color:var(--fg);max-width:37ch;font-size:1.25rem}
.v2 .offer__desc{font-size:1rem}
.v2 .prod__offer .offer__title{font-size:clamp(2.5rem,4vw,3.5rem)}
.v2 .section .sec-head--wide{max-width:64ch}
.v2 .offer__status{font-family:var(--sans);font-size:.8rem;letter-spacing:0;text-transform:none;gap:.65rem;color:var(--fg-2)}
.v2 .status-dot{position:relative;width:7px;height:7px;background:#82c992;box-shadow:0 0 9px 2px #82c99255;animation:status-glow 3.6s ease-in-out infinite}
@keyframes status-glow{0%,100%{box-shadow:0 0 6px 1px #82c99244;opacity:.8}50%{box-shadow:0 0 13px 4px #82c99277;opacity:1}}
.v2[data-page="contact"] .contact-grid{display:block;max-width:724px;margin-inline:auto}
.v2[data-page="contact"] .form{max-width:none}
.v2[data-page="contact"] .hero{padding-bottom:2.25rem}
.v2[data-page="contact"] .shared-faq{padding-top:2.25rem}
/* "What you can do" — one quiet line before the pull quote. Deliberately
   a single face, a single colour and no button, so it sets up the quote
   below instead of competing with it. */
.pass-on{text-align:center}
.pass-on .h2{max-width:21ch;margin:0 auto 1.5rem}
.pass-on__body,.pass-on__hint{font-size:1.0625rem;line-height:1.7;max-width:54ch;margin-inline:auto}
.pass-on__body{color:var(--fg-2)}
.pass-on__hint{color:var(--fg);margin-top:1.2rem}

/* Book page: same fixed art column and same gap as Home, so the two mockups
   match in size and the artwork is not crowded against the offer. */
.v2 .prod{grid-template-columns:clamp(330px,33vw,470px) minmax(0,1fr);gap:clamp(2.5rem,5.5vw,5rem)}
.v2 .prod__art{align-self:start}
.v2 .prod__frame{margin-top:-1.75rem}

@media(max-width:959px){
  .hero--conversion .hero__grid{grid-template-columns:minmax(0,1fr) 340px;gap:2.25rem}
  .v2 .prod{grid-template-columns:340px minmax(0,1fr);gap:2.25rem}
  .book-mockup{width:min(100%,340px)}
  .record-art{padding:0}.record-art .book{--bw:clamp(180px,23vw,230px)}
  .hero--conversion .h1{font-size:3.2rem}.hero--conversion .hero__sub{font-size:1rem}
  .hero__hook{font-size:1rem}
  .hero--conversion .hero__actions{gap:.8rem}
  .hero--conversion .hero__actions>.btn{font-size:.875rem;padding-inline:.9rem;gap:.6rem}
  .hero--conversion .hero__actions>.link-quiet{font-size:.75rem}
  .recognition__list li{grid-template-columns:20px minmax(0,.8fr) minmax(0,1.2fr);gap:1.2rem}
}
@media(max-width:639px){
  .v2{--gutter:1.35rem;--sec-y:3.6rem}
  .v2 .header__inner{height:64px}.v2 .brand__type{font-size:.625rem}
  .hero--conversion{padding-top:calc(var(--header-h) + 2rem);padding-bottom:2rem}
  .hero--conversion .hero__grid{grid-template-columns:1fr;gap:2.25rem}
  .v2 .prod{grid-template-columns:1fr;gap:2rem}
  .record-art{margin-top:0}.v2 .prod__frame{margin-top:0}
  .hero--conversion .h1{font-size:clamp(2.4rem,10.2vw,4rem);max-width:none;margin-bottom:1.15rem}
  .hero--conversion .eyebrow{font-size:.56rem;letter-spacing:.07em;gap:.5rem}
  .hero--conversion .eyebrow::before{width:1rem}
  .hero--conversion .hero__sub{font-size:1rem;line-height:1.6;max-width:42ch}
  .hero__hook{margin-bottom:1.35rem}
  .hero--conversion .hero__actions>.btn{padding-inline:.8rem;font-size:.8125rem;gap:.5rem;min-height:52px}
  .hero--conversion .hero__actions>.btn>span:last-child{display:none}
  .hero--conversion .hero__actions>.link-quiet{flex:1;font-size:.75rem;min-height:44px}
  .purchase-note{font-size:.65rem;gap:.35rem .5rem;margin-top:1.25rem;padding-top:1.1rem}
  .record-art .book{--bw:clamp(135px,37vw,165px);--bd:17px}
  .record-art .book__cover{padding:.7rem}.record-art .book__tag{font-size:.3rem;letter-spacing:.1em}.record-art .book__author{font-size:.32rem}.record-art .book__foot{padding-top:.5rem}
  .book-mockup{max-height:40svh;max-width:230px}
  .recognition .h2{font-size:2.25rem;margin-bottom:1.8rem}
  .recognition__list li{grid-template-columns:20px minmax(0,1fr);gap:.65rem 1rem;padding:1.3rem 0}
  .recognition__list h3{font-size:1.35rem}.recognition__list p{grid-column:2;font-size:.9375rem}
  .simple-story .h2{font-size:2.2rem}.simple-story p{font-size:1rem}
  .readers-heading{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem}
  .readers-controls{margin-left:auto}.readers-intro{font-size:.9375rem}
  .facebook-gallery{gap:1rem}.facebook-post,.facebook-placeholder{flex-basis:90%}
  .pass-on .h2{font-size:2.15rem;margin-bottom:1.2rem}
  .pass-on__body,.pass-on__hint{font-size:1rem}
  .quote-section blockquote{font-size:1.9rem}
  .short-faq summary{font-size:.9375rem;min-height:68px}
  .v2 .sticky-cta__meta>b{font-size:.85rem}.v2 .sticky-cta__meta>span{font-size:.5rem}.v2 .sticky-cta .btn{font-size:.78rem;padding-inline:.75rem}
  .v2[data-page="home"] .sticky-cta .btn>span:last-child{display:none}
  .v2[data-page="book"] .prod__offer{order:0}.v2[data-page="book"] .prod__art{order:1}.v2[data-page="book"] .prod__art .book{--bw:150px}
  .v2 .offer__formats{font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){.v2 *{scroll-behavior:auto!important;transition:none!important}.v2 .status-dot{animation:none}}

/* Keep emphasis to colour; display italics read as decorative here. */
.v2 .offer__desc em{font-style:normal}

/* =========================================================================
   DARK THEME — neutral ground, warm ink
   The darks carry no hue at all; the warmth lives in the text and in the
   gold, which appears mostly at low alpha as hairlines and washes. Bands
   differ by four points only, so a section change reads as a change of
   surface rather than as an edge.
   ========================================================================= */

.v2{
  --ink-950:#080808;
  --ink-900:#0A0A0A;
  --ink-850:#0E0E0E;
  --ink-800:#131313;
  --ink-750:#1A1A1A;

  /* the former light sections are now just the subtle lift, not brown */
  --paper:#0E0E0E;
  --paper-2:#0A0A0A;
  --paper-fg:#E8E0D4;
  --paper-fg-2:#9A938B;
  --paper-fg-3:#6B6560;
  --paper-rule:rgba(184,157,90,.12);
  --paper-rule-2:rgba(184,157,90,.22);
  --brass-paper:#C79A5E;

  --rule:rgba(184,157,90,.10);
  --rule-2:rgba(184,157,90,.20);
  --rule-3:rgba(184,157,90,.34);

  --fg:#E8E0D4;
  --fg-2:#9A938B;
  --fg-3:#6B6560;
}

/* --- bands: two tones, four points apart -------------------------------- */
.v2 .band-dark,.v2 .band-readers{background:var(--ink-900)}
.v2 .band-deep{background:var(--ink-950)}
.v2 .band-alt,.v2 .band-white,.v2 .band-paper{background:var(--ink-850)}

/* Every section change is articulated by a hairline rather than by a tonal
   step, so transitions never land hard and never look accidental. */
.v2 main > section{border-top:1px solid rgba(184,157,90,.10)}
.v2 .site-foot{border-top:1px solid rgba(184,157,90,.10)}

.v2 .band-paper.grain::after,.v2 .band-paper-2.grain::after{opacity:.04;mix-blend-mode:overlay}

/* --- the graticule, hero only ------------------------------------------- */
.v2 .hero{position:relative;overflow:hidden}
.v2 .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(184,157,90,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,157,90,.085) 1px,transparent 1px),
    linear-gradient(rgba(184,157,90,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,157,90,.032) 1px,transparent 1px);
  background-size:200px 200px,200px 200px,40px 40px,40px 40px;
  -webkit-mask-image:linear-gradient(#000 0,#000 55%,transparent 96%);
          mask-image:linear-gradient(#000 0,#000 55%,transparent 96%);
}
.v2 .hero > *{position:relative;z-index:1}
.v2 .hero{box-shadow:inset 0 -110px 130px -95px rgba(0,0,0,.85)}

/* --- the cover reacts to the pointer ------------------------------------ */
.v2 .record-art,.v2 .prod__frame{position:relative;isolation:isolate}
.v2 .record-art picture,.v2 .prod__frame picture{display:contents}
/* A dark cover on a near-black ground has nothing to separate it, and a black
   shadow adds nothing. A warm halo behind it does: soft and always on, lifting
   further under the pointer. */
.v2 .record-art::before,.v2 .prod__frame::before{
  content:"";position:absolute;inset:-32% -36%;z-index:0;pointer-events:none;
  background:
    radial-gradient(38% 38% at 50% 48%,rgba(184,157,90,.38),transparent 72%),
    radial-gradient(58% 54% at 50% 50%,rgba(184,157,90,.16),transparent 78%),
    radial-gradient(78% 70% at 50% 52%,rgba(150,170,205,.10),transparent 82%);
  filter:blur(52px);opacity:.74;transition:opacity .55s ease,transform .55s ease;
}
.v2 .book-mockup{position:relative;z-index:1;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.55));
  transition:transform .55s cubic-bezier(.22,.7,.25,1),filter .55s ease}
.v2 .record-art:hover::before,.v2 .prod__frame:hover::before{opacity:1;transform:scale(1.09)}
.v2 .record-art:hover .book-mockup,.v2 .prod__frame:hover .book-mockup{
  transform:translateY(-12px) scale(1.025);
  filter:drop-shadow(0 34px 46px rgba(0,0,0,.62)) brightness(1.07);
}

/* --- the contents index -------------------------------------------------
   The outer panel read as an empty frame around the groups. Each group is
   its own row now, separated by hairlines and lit by a gold wash on hover. */
.v2 .toc{background:none;border:0;padding:0}
.v2 .toc__group{border-top:1px solid rgba(184,157,90,.14);border-bottom:0}
.v2 .toc__group:last-child{border-bottom:1px solid rgba(184,157,90,.14)}
.v2 .toc__btn{padding-inline:.9rem;transition:background-color .2s ease}
.v2 .toc__btn:hover{background:rgba(184,157,90,.05)}
.v2 .toc__panel{padding-inline:.9rem}
@media(min-width:900px){
  /* The two-column index already underlines every group title, so a second
     rule above each one doubled the lines and filled the block with clutter. */
  .v2 .toc{columns:2;column-gap:clamp(2.5rem,4vw,3.5rem)}
  .v2 .toc__group{border-top:0;margin-bottom:1.9rem}
  .v2 .toc__btn{padding:.15rem .6rem .8rem;border-bottom:1px solid rgba(184,157,90,.22)}
  .v2 .toc__panel{padding-inline:.6rem}
}

/* --- FAQ reading surface ------------------------------------------------- */
.v2 .short-faq{
  background:rgba(184,157,90,.03);
  border:1px solid rgba(184,157,90,.16);
  border-radius:4px;
  padding-inline:clamp(1rem,2.5vw,1.75rem);
}
.v2 .short-faq details:last-of-type{border-bottom:0}

/* --- chrome ------------------------------------------------------------- */
.v2 .header{background:rgba(10,10,10,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.v2 .sticky-cta{background:rgba(10,10,10,.96)}
.v2 .menu{background:var(--ink-950)}
.v2 .facebook-post,.v2 .facebook-placeholder{
  border-color:rgba(184,157,90,.2);
  background:linear-gradient(135deg,#0E0E0E,#151515);
}
.v2 .facebook-placeholder{color:var(--fg-2)}
.v2 .facebook-placeholder small{color:var(--fg-3)}

/* The hero carries a single large call to action. */
.v2 .hero--conversion .hero__actions{gap:1rem}
.v2 .hero--conversion .hero__actions>.btn{min-height:66px;padding-inline:2.6rem;font-size:1.125rem;letter-spacing:.01em}

@media(prefers-reduced-motion:reduce){
  .v2 .book-mockup{transition:none}
  .v2 .record-art:hover .book-mockup,.v2 .prod__frame:hover .book-mockup{transform:none}
}

/* --- price: list price struck through beside the live one --------------- */
.v2 .offer__price{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.v2 .offer__was{position:relative;font-size:.52em;color:var(--fg-3);text-decoration:line-through;
  text-decoration-color:rgba(199,154,94,.75);text-decoration-thickness:2px}
/* Sized in rem, not em: as a fraction of the price it collapsed to under 7px. */
.v2 .offer__save{font-family:var(--sans);font-size:.8125rem;font-weight:700;letter-spacing:.08em;
  line-height:1;text-transform:uppercase;color:var(--cta-ink);background:var(--cta);
  padding:.5rem .7rem;border-radius:3px;white-space:nowrap;align-self:center;margin-left:.3rem}
@media(max-width:639px){.v2 .offer__save{font-size:.75rem;padding:.45rem .6rem}}

/* --- recent activity notice --------------------------------------------- */
.purchase-toast{
  position:fixed;left:1.25rem;bottom:1.25rem;z-index:90;
  display:flex;gap:.85rem;align-items:stretch;width:min(340px,calc(100vw - 2.5rem));
  padding:.7rem .85rem .7rem .7rem;
  background:rgba(16,16,16,.97);border:1px solid rgba(184,157,90,.22);border-radius:5px;
  box-shadow:0 18px 40px -12px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .45s ease,transform .45s cubic-bezier(.22,.7,.25,1);
}
.purchase-toast.is-open{opacity:1;transform:none;pointer-events:auto}
.purchase-toast__art{flex:none;width:58px;border-radius:3px;overflow:hidden;background:#0A0A0A}
.purchase-toast__art img{display:block;width:100%;height:100%;object-fit:cover}
.purchase-toast__body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.12rem}
.purchase-toast__who{font:600 .8125rem/1.35 var(--sans);color:var(--fg)}
.purchase-toast__what{font:400 .8125rem/1.35 var(--sans);color:var(--fg-2)}
.purchase-toast__title{font:500 .8125rem/1.35 var(--sans);color:var(--brass-lift);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-toast__when{font:400 .6875rem/1.4 var(--sans);color:var(--fg-3);margin-top:.2rem}
.purchase-toast__close{
  position:absolute;top:.3rem;right:.35rem;width:22px;height:22px;line-height:1;
  color:var(--fg-3);font-size:1rem;background:none;border:0;cursor:pointer;border-radius:2px;
}
.purchase-toast__close:hover{color:var(--fg)}
.purchase-toast__close:focus-visible{outline:2px solid var(--brass-lift);outline-offset:1px}
body.sticky-on .purchase-toast{bottom:calc(4.6rem + 1.25rem)}
@media(max-width:639px){
  .purchase-toast{left:.9rem;right:.9rem;bottom:.9rem;width:auto;padding:.6rem .75rem .6rem .6rem}
  .purchase-toast__art{width:48px}
  body.sticky-on .purchase-toast{bottom:calc(4.4rem + .9rem)}
}
@media(prefers-reduced-motion:reduce){
  .purchase-toast{transition:opacity .2s ease;transform:none}
}