/* v7 — Armand's story and the origin of the method: the page's one dark, cinematic chapter.
   Warm charcoal picks up the amber light of the product photograph; gold replaces copper as accent. */
.story-section,.origin-section {--night:#131517;--night-ink:#f3ece2;--night-text:#cfc5b8;--night-muted:#a79b8c;--night-line:#ffffff1f;background:var(--night);color:var(--night-ink);}
.story-section .eyebrow,.origin-section .eyebrow {color:var(--gold);}
.story-section h2,.origin-section h2 {color:var(--night-ink);}
.story-section :focus-visible,.origin-section :focus-visible {outline-color:var(--gold);}

/* Story: a portrait that stays beside the reader, and a text told in movements. */
.story-grid {display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2.5rem,6vw,6.5rem);align-items:start;}
.story-portrait {position:sticky;top:calc(82px + 2.5rem);margin:0;}
.story-portrait img {display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 12%;border-radius:2px;}
.story-portrait figcaption {margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--night-line);font-family:var(--serif);font-size:1.5rem;line-height:1.2;color:var(--night-ink);}
.story-portrait figcaption span {display:block;margin-top:.45rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--night-muted);}
.story-copy h2 {margin-bottom:clamp(1.8rem,3vw,2.6rem);}
.story-body {max-width:60ch;}
.story-body p {margin:0 0 1.2rem;font-size:1.075rem;line-height:1.8;color:var(--night-text);}
.story-body .story-lead {font-family:var(--serif);font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.4;color:var(--night-ink);}
.story-body .story-quote {margin:2.4rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:1px solid var(--gold);}
.story-body .story-quote p {margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.35;color:#f1e6d6;}
.story-body .story-statement {margin:2.8rem 0;padding-top:1.5rem;border-top:1px solid var(--night-line);font-family:var(--serif);font-size:clamp(1.95rem,3.3vw,2.9rem);line-height:1.15;letter-spacing:-.02em;color:var(--night-ink);}
.story-body .story-statement:last-child {margin-bottom:0;color:var(--gold);}
.story-list {list-style:none;padding:0;margin:1.8rem 0 2.2rem;}
.story-list li {padding:.8rem 0;border-bottom:1px solid #ffffff14;font-family:var(--serif);font-size:1.2rem;line-height:1.45;color:#e2d8ca;}
.story-list li:first-child {border-top:1px solid #ffffff14;}
.story-more {display:inline-flex;align-items:center;min-height:44px;margin-top:1.6rem;color:var(--gold);text-decoration:underline;text-underline-offset:5px;}
.story-more:hover {color:var(--night-ink);}

/* Origin: continues the chapter, then shows the method as an object of substance. */
.origin-section {padding-top:0;}
.origin-head {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5.5rem);padding-top:clamp(3.5rem,7vw,6rem);border-top:1px solid var(--night-line);}
.origin-head h2 {font-size:clamp(2.2rem,3.6vw,3.4rem);max-width:13ch;}
.origin-text {max-width:60ch;}
.origin-text .origin-moment {margin:0 0 1.5rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.45;color:#f1e6d6;}
.origin-text p {margin:0 0 1.2rem;font-size:1.05rem;line-height:1.8;color:var(--night-text);}
.calibre-figure {margin:clamp(3rem,6vw,5rem) 0 0;}
.calibre-figure img {display:block;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:cover;object-position:50% 50%;border-radius:3px;box-shadow:0 60px 100px -60px #000,0 0 0 1px #ffffff12;}
.calibre-contents {margin-top:2rem;}
.calibre-label {margin:0 0 1.1rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.calibre-contents dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.6rem);margin:0;}
.calibre-contents dl>div {padding-top:1rem;border-top:1px solid #ffffff2e;}
.calibre-contents dt {font-family:var(--serif);font-size:1.4rem;line-height:1.25;color:var(--night-ink);}
.calibre-contents dd {margin:.45rem 0 0;font-size:.95rem;line-height:1.65;color:var(--night-muted);}
.calibre-format {margin:1.8rem 0 0;font-size:.75rem;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;color:var(--night-muted);}
.origin-close {margin-top:clamp(3.5rem,7vw,6rem);text-align:center;}
.origin-close>p {max-width:26ch;margin:0 auto 2.2rem;font-family:var(--serif);font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.25;letter-spacing:-.02em;color:var(--night-ink);}
.origin-close>p em {display:block;margin-top:.35rem;color:var(--gold);}
.origin-cta p {margin:.9rem 0 0;font-size:.85rem;color:var(--night-muted);}

/* The buyer's own words on the offer page: was cream on cream, left over from the former dark theme. */
.lp-hero .lp-personal-bridge p {color:var(--navy);font-family:var(--serif);font-size:1.15rem;}

/* The product now has its own photograph; the intro reads as one column. */
.product-section .product-intro {grid-template-columns:minmax(0,1fr);max-width:820px;}

/* Modules as editorial rows: the discoveries are the content, not hidden behind an index. */
.module-list {list-style:none;padding:0;margin:clamp(2rem,4vw,3rem) 0 0;counter-reset:none;}
.module-row {display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(1.4rem,5vw,5rem);padding:clamp(2rem,3.5vw,2.8rem) 0;border-top:1px solid #c8d1cf;}
.module-row:last-child {border-bottom:1px solid #c8d1cf;}
.module-num {display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#905134;margin-bottom:.7rem;}
.module-head h3 {font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.15;color:var(--navy);margin:0;}
.module-promise {margin:.8rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.45;color:#5a4a3c;max-width:34ch;}
.module-start {display:inline-block;margin-top:1rem;padding:.25rem .6rem;border:1px solid #c9a27f;border-radius:2px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#7a4a2d;}
.fascinations {list-style:none;padding:0;margin:0;display:grid;gap:1rem;}
.fascinations li {position:relative;padding-left:1.6rem;font-size:1rem;line-height:1.65;color:#2f4656;}
.fascinations li::before {content:"";position:absolute;left:0;top:.8em;width:.75rem;height:1px;background:var(--copper);}
.module-more {margin-top:1rem;border:0;}
.module-more summary {display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:.9rem;color:#264a5e;text-decoration:underline;text-underline-offset:4px;list-style:none;}
.module-more summary::-webkit-details-marker {display:none;}
.module-more summary::after {content:none;}
.module-more[open] summary {display:none;}
.module-thesis {margin:1.4rem 0 0;padding-left:1.1rem;border-left:1px solid var(--copper);font-family:var(--serif);font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--navy);}
.module-row .module-personal {margin:1.2rem 0 0;font-size:.95rem;line-height:1.6;color:#50645b;}

@media(max-width:850px) {
  .module-row {grid-template-columns:1fr;gap:1.1rem;}
  .story-grid,.origin-head {grid-template-columns:1fr;}
  .story-portrait {position:static;}
  .story-portrait img {aspect-ratio:16 / 11;object-position:50% 16%;}
  .calibre-contents dl {grid-template-columns:1fr;gap:0;}
  .calibre-contents dl>div {padding:1rem 0;}
}
@media(max-width:720px) {
  .story-copy h2 {font-size:2.5rem;}
  .story-body p {font-size:1rem;line-height:1.75;}
  .story-body .story-quote {margin:2rem 0;padding-left:1.1rem;}
  .story-body .story-statement {margin:2.2rem 0;}
  .story-list li {font-size:1.1rem;}
  .origin-head h2 {font-size:2.35rem;}
  /* Full-bleed on phones; a 4:3 crop keeps both the manual and Armand in frame. */
  .calibre-figure {margin-inline:-1.4rem;}
  .calibre-figure img {aspect-ratio:4 / 3;object-position:34% 50%;border-radius:0;box-shadow:none;}
  .origin-close>p {font-size:1.85rem;}
  .origin-cta .button {width:100%;}
}