/* editorial.css — Proof + Origins folds (built by build-editorial.py). Mobile-first; desktop under one min-width query.
   Reuses .fold/.fold-hero/.fold-h2/.hero-sub/.cards-intro/.hero-bottles/.disc-visual (home.css) and .cta/.link-soft/
   .cards/.card-info/.card-name/.card-rule (site.css); tokens only. Motion lives in motion.css. */

.ed-ico{width:1.5rem;height:1.5rem;flex:none;stroke:var(--brand);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ed-ctas{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s4)}
.ed .fold img{width:100%}
.ed h3{font-size:var(--fs-h3);color:var(--ink-deep);letter-spacing:-.01em}

/* hero: .fold-hero (home.css) — statement left, one photograph right; only the sizes differ */
.ed-hero h1{font-size:clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem);line-height:1.15;max-width:20ch}
.ed-num{display:block;font-weight:700;font-size:clamp(5.5rem, 3rem + 8vw, 9rem);line-height:.9;letter-spacing:-.04em;margin-bottom:var(--s2);font-variant-numeric:tabular-nums}
.ed-hero-visual img{aspect-ratio:4/5;object-fit:cover}

/* method: three steps, a real sequence */
.ed-steps{list-style:none;display:grid;gap:var(--s4)}
.ed-step{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:0.0625rem solid var(--line)}
.ed-step p{color:var(--ink);max-width:22rem}

/* panel: four figures on one rule */
.ed-stats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s3);border-top:0.0625rem solid var(--line);padding-top:var(--s4)}
.ed-stat b{display:block;font-weight:600;color:var(--head);font-size:clamp(2.5rem, 1.6rem + 2.6vw, 4rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ed-stat span{display:block;margin-top:var(--s1);font-size:var(--fs-small);color:var(--ink-soft)}

/* per-perfume: five linked figures in the site's .cards grid (row list on phones, like .card) — own root class,
   since .card's hover swap would blank a swap-less image */
.ed-pcard{display:flex;background:var(--surface-2);border:0.0625rem solid var(--line);color:inherit;overflow:hidden}
.ed-pcard img{flex:0 0 38%;min-width:0;aspect-ratio:3/4;object-fit:cover}
.ed-pcard .card-rule{width:0.125rem;height:auto;flex:none}
.ed-pcard small{font-size:var(--fs-small);color:var(--ink-soft)}
.ed-pcard em{font-style:normal;font-weight:500;color:var(--ink-deep);padding-top:.35rem}
.ed-pcard:hover,.ed-pcard:focus-within{border-color:var(--h2);box-shadow:var(--shadow-hover)}
.ed-pcard:hover .card-name{color:var(--h2)}

/* climate: the photograph runs to the left edge; the caption panel overlaps it from the right (no bottle crop) */
.ed-band{max-width:none;padding:0;border-top:0;display:grid;align-items:center}
.ed-band img{aspect-ratio:4/5;object-fit:cover;object-position:center 55%}
.ed-band-copy{background:var(--bg);padding:var(--s4) var(--pad-x)}
.ed-band-copy .fold-h2{margin-bottom:var(--s2)}
.ed-band-copy p{max-width:30rem}

/* honesty + promise: three lines, one icon each */
.ed-honest,.ed-promise{display:grid;gap:var(--s4)}
.ed-lines{list-style:none}
.ed-lines li{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s3) 0;border-top:0.0625rem solid var(--line);font-size:var(--fs-lead);line-height:1.5;color:var(--ink-deep)}
.ed-lines li:last-child{border-bottom:0.0625rem solid var(--line)}
.ed-lines .ed-ico{margin-top:.15em}
.ed-promise .ed-lines{background:var(--surface-2);border:0.0625rem solid var(--line);padding:0 var(--s3)}
.ed-promise .ed-lines li:last-child{border-bottom:0}
.ed-promise .ed-lines li:first-child{border-top:0}
.ed-promise .ed-ico{stroke:var(--ink-deep)}
.ed-lines a{text-decoration:underline;text-underline-offset:.15em}

/* cta band: copy + one visual (.disc-visual / .hero-bottles from home.css) */
.ed-cta{display:grid;gap:var(--s4);align-items:center}
.ed-cta .fold-h2{margin-bottom:0}

/* origins: three rules, five silhouettes, the mark */
.ed-rules{display:grid;gap:var(--s5)}
.ed-rule{margin:0}
.ed-rule img{aspect-ratio:4/5;object-fit:cover}
.ed-rule figcaption{padding-top:var(--s3)}
.ed-rule p{margin-top:.35rem;color:var(--ink)}
.ed-five-row{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--pad-x));padding:0 var(--pad-x)}
.ed-five-row::-webkit-scrollbar{display:none}
.ed-five-row a{flex:0 0 58%;scroll-snap-align:start;color:inherit;text-align:center}
.ed-five-row img{aspect-ratio:3/4;object-fit:contain}
.ed-five-row b{display:block;margin-top:var(--s2);font-weight:600;font-size:var(--fs-h3);color:var(--head)}
.ed-five-row small{display:block;font-size:var(--fs-small);color:var(--ink-soft)}
.ed-five-row a:hover b{color:var(--h2)}
.ed-mark{text-align:center}
.ed-mark img{width:5.5rem;height:5.5rem;margin:0 auto var(--s4)}
.ed-mark .fold-h2,.ed-mark p{margin-left:auto;margin-right:auto}
.ed-mark p{max-width:34rem}

/* desktop */
@media (min-width:53.76rem){
  .ed-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
  .ed-step{padding-top:0;padding-left:var(--s3);border-top:0;border-left:0.0625rem solid var(--line)}
  .ed-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ed-pcard{flex-direction:column}
  .ed-pcard img{flex:none;width:100%}
  .ed-pcard .card-rule{width:auto;height:0.125rem}
  .ed-pcard em{margin-top:auto}
  .ed-band{grid-template-columns:1.15fr .85fr;padding-right:var(--pad-x)}
  .ed-band img{max-height:44rem}
  .ed-band-copy{position:relative;margin-left:calc(-1*var(--s6));padding:var(--s5);box-shadow:var(--shadow-card)}
  .ed-honest,.ed-promise{grid-template-columns:1fr 1.6fr;gap:var(--s6);align-items:start}
  .ed-honest .fold-h2,.ed-promise .fold-h2{margin-bottom:0}
  .ed-cta{grid-template-columns:1.1fr .9fr;gap:var(--s6)}
  .ed-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
  .ed-rule:nth-child(2){margin-top:var(--s6)}   /* the middle rule steps down: three figures, not a card row */
  .ed-five-row{overflow:visible;margin:0;padding:0;gap:var(--s3)}
  .ed-five-row a{flex:1 1 0}
}