/* V22 — a quieter editorial chapter after the cinematic product story.
   Deliberately scoped below .one-take: no camera, canvas or tour overrides. */
.product-summary--editorial, .routine--editorial, .faq--editorial, .ritual-section { --editorial-paper: #f5f4f0; --editorial-muted: #61635f; scroll-margin-top: var(--nav-height, 72px); }
.section-index { color: #be3734; margin-right: 12px; }
.product-summary--editorial { padding: 96px 7vw 64px; background: var(--editorial-paper); color: #171b1a; }
.product-summary--editorial .summary-heading { flex-direction: row; align-items: end; gap: 32px; margin-bottom: 56px; }
.product-summary--editorial .summary-heading .eyebrow { color: #62635f; margin: 0 0 24px; }
.product-summary--editorial .summary-heading h2, .ritual-heading h2 { font: 500 clamp(46px, 6.3vw, 86px)/1.02 var(--display); letter-spacing: -.065em; margin: 0; }
.product-summary--editorial h2 em, .ritual-heading h2 em, .routine--editorial h2 em { color: #858782; font-style: normal; }
.summary-intro { max-width: 340px; padding-bottom: 6px; }
.summary-intro p { font-size: 17px; line-height: 1.6; color: var(--editorial-muted); margin: 0 0 18px; }
.summary-intro .text-link { display: inline-flex; align-items: center; gap: 26px; color: #222; font-size: 10px; min-height: 44px; border-bottom: 1px solid #a5a6a0; }
.overview-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.detail-gallery { display: flex; flex-direction: column; min-width: 0; background: #353633; color: #fff; }
.detail-views { position: relative; }
.detail-view { margin: 0; position: relative; }
.detail-view[hidden] { display: none; }
.detail-view img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.detail-view figcaption { position: absolute; inset: auto 0 0; padding: 64px 28px 24px; color: white; background: linear-gradient(transparent, #111917c9); }
.detail-view figcaption .eyebrow { display: block; color: #e0e2dc; font-size: 8px; margin-bottom: 9px; }
.detail-view figcaption strong { display: block; font-size: clamp(17px, 1.6vw, 23px); font-weight: 400; letter-spacing: -.02em; }
.detail-gallery-footer { order: -1; padding: 16px 20px; background: #252927; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.detail-controls { display: flex; flex-wrap: wrap; gap: 4px; }
.detail-controls[hidden], .ritual-navigation[hidden] { display: none; }
.detail-controls button { min-height: 44px; padding: 0 12px; border: 1px solid transparent; border-radius: 0; background: none; color: #b9bdb7; font: 400 11px var(--sans); cursor: pointer; }
.detail-controls button[aria-pressed=true] { background: #f3f3ee; color: #242826; }
.detail-controls button:hover { border-color: #a3a89f; }
.render-label { font: 400 8px var(--mono); letter-spacing: .07em; color: #b4b9af; white-space: nowrap; }
.overview-explainer { padding-top: 8px; }
.overview-explainer > .eyebrow { color: #777b73; margin: 0 0 20px; }
.overview-explainer h3 { font: 500 clamp(30px, 3.25vw, 46px)/1.08 var(--display); letter-spacing: -.05em; margin: 0 0 18px; }
.overview-description { font-size: 15px; line-height: 1.65; color: var(--editorial-muted); max-width: 430px; margin: 0; }
.overview-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 26px; margin: 32px 0; }
.overview-facts > div { border-top: 1px solid #cdcec6; padding-top: 17px; min-width: 0; }
.overview-facts dt { font-size: 12px; color: #62675f; min-height: 20px; }
.overview-facts dd { margin: 11px 0 0; font: 500 clamp(34px, 4vw, 56px)/1 var(--display); letter-spacing: -.055em; }
.overview-facts dd small { font: 400 13px var(--sans); letter-spacing: 0; color: #686d63; }
.overview-facts dd.fact-text { font-size: clamp(25px, 2.5vw, 34px); letter-spacing: -.035em; }
.overview-facts dd.fact-context { font: 400 12px/1.5 var(--sans); letter-spacing: 0; margin-top: 9px; color: #6a6f65; }
.cycle-guide { padding: 24px; background: #e7e8e1; }
.cycle-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cycle-heading h4 { font-size: 17px; font-weight: 500; margin: 0; }
.cycle-heading .eyebrow { font-size: 8px; color: #65695f; }
.cycle-options { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 22px 0 0; }
.cycle-options > div + div { border-left: 1px solid #c6c9bd; padding-left: 24px; }
.cycle-options dt { font: 500 36px/1 var(--display); letter-spacing: -.04em; }
.cycle-options dt span { font: 400 12px var(--sans); letter-spacing: 0; }
.cycle-options dd { margin: 8px 0 0; font-size: 15px; font-weight: 400; }
.cycle-options dd small { display: block; margin-top: 3px; font-size: 10px; color: #64695e; }
.cycle-guide > p { font-size: 11px; line-height: 1.5; color: #61675c; margin: 20px 0 0; }
.overview-routine-link { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #aeb3a5; padding: 17px 0; font-size: 13px; margin-top: 10px; }
.overview-routine-link:hover { color: #b02d2a; }
.product-summary--editorial .summary-note { display: grid; grid-template-columns: 150px 1fr; gap: 26px; max-width: none; color: #6e7269; margin: 32px 0 28px; font-size: 11px; line-height: 1.7; }
.summary-note > span { font: 500 8px/1.7 var(--mono); letter-spacing: .1em; padding-top: 2px; }
.product-summary--editorial .spec-disclosure { border-top: 1px solid #bfc4b6; border-bottom: 1px solid #bfc4b6; scroll-margin-top: 88px; }
.product-summary--editorial .spec-disclosure summary { min-height: 76px; font-size: 16px; font-weight: 400; }
.product-summary--editorial .spec-disclosure .spec-grid > div { border-color: #d6d9cf; }
.product-summary--editorial .spec-grid dt { color: #6d7265; }
.product-summary--editorial .spec-grid dd { color: #282e23; }
.product-summary--editorial :focus-visible, .ritual-section :focus-visible { outline: 2px solid #b13632; outline-offset: 4px; }
.detail-gallery :focus-visible { outline-color: white; }
.routine--editorial { padding: 84px 7vw; background: #fff; }
.routine--editorial .section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; }
.routine--editorial .section-heading .eyebrow { color: #686d62; margin-bottom: 20px; }
.routine--editorial .section-heading h2 { font-size: clamp(36px, 4.8vw, 64px); margin: 0; }
.routine--editorial .section-heading > p { max-width: 320px; font-size: 14px; line-height: 1.65; color: #686d62; margin: 0; }
.routine--editorial .routine-grid { margin-top: 44px; gap: 32px; }
.routine--editorial .routine-grid article, .routine--editorial .routine-grid article + article { padding: 24px 0 0; border: 0; border-top: 1px solid #c9cec2; }
.routine--editorial .step-number { font: 400 13px var(--mono); color: #a8322f; }
.routine--editorial .routine-grid .eyebrow { margin-top: 24px; color: #62695b; }
.routine--editorial .routine-grid h3 { font-size: clamp(24px, 2.3vw, 32px); }
.routine--editorial .routine-grid article > p:last-child { font-size: 14px; line-height: 1.65; color: #636c5a; }
.faq--editorial { background: #f0f1eb; padding: 80px 7vw; }
.faq--editorial h2 { font-size: clamp(36px, 4.2vw, 58px); line-height: 1.07; letter-spacing: -.045em; }
.faq--editorial .accordion button { font-weight: 400; font-size: 15px; }
.faq--editorial .answer p { font-size: 14px; line-height: 1.7; }
.ritual-section { padding: 88px 7vw 0; background: #f5f4f0; color: #181d18; }
.ritual-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 44px; }
.ritual-heading .eyebrow { color: #62685b; margin: 0 0 24px; }
.ritual-heading > p { max-width: 330px; font-size: 16px; line-height: 1.6; color: #656d5d; margin: 0 0 8px; }
.ritual-carousel { position: relative; }
.ritual-track { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 2px; }
.ritual-track::-webkit-scrollbar { display: none; }
.ritual-slide { flex: 0 0 100%; min-width: 0; position: relative; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; height: clamp(360px, 42vw, 620px); overflow: hidden; background: #d9dcd3; }
.ritual-slide::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, #121a1794); pointer-events: none; }
.ritual-slide img { width: 100%; height: 100%; object-fit: cover; object-position: var(--subject, 65%) center; }
.ritual-slide figcaption { position: absolute; z-index: 1; left: 36px; bottom: 32px; right: 32px; color: white; }
.ritual-slide figcaption .eyebrow { font-size: 9px; }
.ritual-slide h3 { font: 500 clamp(24px, 3vw, 40px)/1.1 var(--display); letter-spacing: -.04em; margin: 12px 0 10px; }
.ritual-slide figcaption p { font-size: 14px; line-height: 1.5; margin: 0; color: #f0f2eb; }
.ritual-navigation { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-bottom: 1px solid #c8cec0; }
.ritual-choices { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1; gap: 22px; }
.ritual-choices button { position: relative; border: 0; border-top: 2px solid transparent; background: transparent; padding: 22px 0; color: #69715f; font: 400 12px var(--sans); text-align: left; cursor: pointer; }
.ritual-choices button span { font: 400 8px var(--mono); margin-right: 8px; }
.ritual-choices button[aria-current=true] { color: #1c2419; border-top-color: #b83b34; }
.ritual-choices button:hover { color: #b83b34; }
.ritual-arrows { display: flex; align-items: center; gap: 6px; }
.ritual-arrows button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #bcc4b4; border-radius: 50%; background: none; color: #35402c; font-size: 20px; cursor: pointer; }
.ritual-arrows [data-carousel=play] { font-size: 11px; }
.ritual-arrows button[hidden] { display: none; }
.ritual-arrows button:hover { color: white; background: #293522; border-color: #293522; }
.ritual-meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 14px; font: 400 9px/1.5 var(--mono); letter-spacing: .08em; color: #626a58; }
.ritual-order { padding: 56px 0 64px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.ritual-order .eyebrow { color: #686f5f; margin: 0 0 14px; }
.ritual-order h3 { font: 500 clamp(28px, 3.2vw, 44px)/1.1 var(--display); letter-spacing: -.04em; margin: 0 0 12px; }
.ritual-order p:not(.eyebrow) { font-size: 14px; color: #656f5b; margin: 0; line-height: 1.6; }
.ritual-order-action { max-width: 380px; }
.ritual-order-action .button { min-width: 280px; }
.ritual-order-action small { display: block; margin-top: 12px; font-size: 11px; line-height: 1.6; color: #6c7562; }
.ritual-order-action .purchase-help { margin-top: 5px; gap: 24px; }
.ritual-order-action .purchase-help a { min-height: 36px; }
.ritual-section .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1050px) {
  .product-summary--editorial, .routine--editorial, .faq--editorial, .ritual-section { padding-left: 5vw; padding-right: 5vw; }
  .overview-layout { gap: 28px; }
  .detail-gallery-footer { flex-direction: column; align-items: start; }
  .overview-facts { gap: 20px 16px; }
  .cycle-guide { padding: 20px; }
  .ritual-choices { gap: 10px; }
  .ritual-choices button span { display: block; margin: 0 0 6px; }
}
@media (max-width: 760px) {
  .product-summary--editorial { padding: 58px 22px 40px; }
  .product-summary--editorial .summary-heading { flex-direction: column; align-items: start; gap: 22px; margin-bottom: 30px; }
  .product-summary--editorial .summary-heading h2, .ritual-heading h2 { font-size: clamp(42px, 10vw, 64px); }
  .product-summary--editorial .summary-heading .eyebrow, .ritual-heading .eyebrow { margin-bottom: 18px; font-size: 8px; }
  .summary-intro p { font-size: 14px; margin-bottom: 8px; }
  .summary-intro p br { display: none; }
  .overview-layout { grid-template-columns: 1fr; gap: 32px; }
  .detail-view img { max-height: 560px; object-fit: contain; background: #343432; }
  .detail-gallery-footer { flex-direction: row; align-items: center; padding: 12px; }
  .detail-view figcaption { padding: 52px 20px 20px; }
  .detail-controls button { padding: 0 10px; font-size: 11px; }
  .render-label { font-size: 7px; }
  .overview-explainer { padding-top: 0; }
  .overview-explainer h3 { font-size: 36px; }
  .overview-explainer > .eyebrow { margin-bottom: 16px; }
  .overview-description { font-size: 14px; }
  .overview-facts { margin: 26px 0; gap: 24px 18px; }
  .overview-facts dd { font-size: 46px; }
  .overview-facts dd.fact-text { font-size: 27px; }
  .overview-facts dd.fact-context { font-size: 11px; }
  .cycle-guide { padding: 22px; }
  .product-summary--editorial .summary-note { display: block; margin: 24px 0; font-size: 11px; }
  .summary-note > span { display: block; margin-bottom: 8px; }
  .product-summary--editorial .spec-disclosure summary { font-size: 14px; }
  .routine--editorial, .faq--editorial { padding: 52px 22px; }
  .routine--editorial .section-heading { display: block; }
  .routine--editorial .section-heading h2 { font-size: 40px; }
  .routine--editorial .section-heading > p { margin-top: 20px; max-width: none; }
  .routine--editorial .routine-grid { margin-top: 30px; gap: 28px; }
  .routine--editorial .routine-grid article, .routine--editorial .routine-grid article + article { padding: 22px 0 0; }
  .routine--editorial .routine-grid .eyebrow { margin-top: 18px; }
  .routine--editorial .routine-grid h3 { font-size: 28px; }
  .faq--editorial h2 { font-size: 40px; }
  .faq--editorial .accordion button { min-height: 72px; }
  .ritual-section { padding: 56px 22px 0; }
  .ritual-heading { align-items: start; flex-direction: column; gap: 22px; margin-bottom: 28px; }
  .ritual-heading > p { font-size: 14px; margin: 0; }
  .ritual-heading > p br { display: none; }
  .ritual-slide { height: 480px; display: grid; grid-template-rows: minmax(0, 1fr) 156px; }
  .ritual-slide::after { display: none; }
  .ritual-slide figcaption { position: static; padding: 22px; background: #263028; }
  .ritual-slide h3 { font-size: 26px; max-width: 280px; margin: 10px 0; }
  .ritual-slide figcaption p { font-size: 13px; }
  .ritual-navigation { display: block; border: 0; }
  .ritual-choices { gap: 8px; border-bottom: 1px solid #c8cec0; }
  .ritual-choices button { padding: 16px 0; min-height: 64px; font-size: 10px; }
  .ritual-arrows { justify-content: end; padding-top: 14px; }
  .ritual-meta { margin-top: 12px; font-size: 8px; }
  .ritual-order { display: block; padding: 36px 0 46px; }
  .ritual-order h3 { font-size: 34px; }
  .ritual-order-action { margin-top: 26px; max-width: none; }
  .ritual-order-action .button { min-width: 0; width: 100%; }
}
@media (max-width: 380px) {
  .detail-gallery-footer { align-items: start; flex-direction: column; gap: 8px; }
  .ritual-slide { height: 508px; grid-template-rows: minmax(0, 1fr) 184px; }
  .ritual-slide h3 { font-size: 24px; }
  .ritual-meta { flex-direction: column; gap: 5px; }
}
@media (prefers-reduced-motion: reduce) { .ritual-track { scroll-behavior: auto; } }