/* Keep product photography and live translated copy in separate safe areas. */
.editorial-hero { --poster-surface: #171513; }
.editorial-hero[data-chapter="power"] { --poster-surface: #f2e8da; }
.editorial-hero[data-chapter="everyday"] { --poster-surface: #eee7de; }
.editorial-hero .hero-copy { min-width: 0; }
.editorial-hero .hero-copy h1,
.editorial-hero .hero-description,
.catalog-banner-copy h1,
.intro-words h1 { overflow-wrap: anywhere; hyphens: auto; }
.editorial-hero .button-primary { max-width: 100%; white-space: normal; line-height: 1.5; }
.editorial-hero .button-primary img { flex: 0 0 auto; }
.intro-words, .intro-visual, .catalog-banner-copy { min-width: 0; }
[dir="rtl"] .hero-eyebrow { letter-spacing: 0; }
[dir="rtl"] .button-primary img,
[dir="rtl"] .campaign-link img,
[dir="rtl"] .text-link img { transform: scaleX(-1); }
@media (min-width: 901px) {
  .editorial-hero,
  .editorial-hero[data-chapter="power"] { height: auto; min-height: 690px; background-color: var(--poster-surface); }
  .editorial-hero .hero-copy,
  .editorial-hero[data-chapter="power"] .hero-copy,
  [dir="rtl"] .editorial-hero .hero-copy {
    position: relative;
    left: auto;
    right: auto;
    margin: 0 auto 0 0;
    width: 39%;
    padding: 180px clamp(24px, 3vw, 48px) 100px var(--gutter);
    background: none;
    text-align: start;
  }
  .editorial-hero .hero-copy h1,
  .editorial-hero[data-chapter="power"] .hero-copy h1 {
    font-size: clamp(38px, 4.1vw, 64px);
    max-width: 100%;
    line-height: 1.18;
    letter-spacing: -.025em;
  }
  :lang(zh) .editorial-hero .hero-copy h1 { line-height: 1.28; letter-spacing: 0; }
  [dir="rtl"] .editorial-hero .hero-copy h1 { letter-spacing: 0; line-height: 1.28; }
  .editorial-hero .hero-description { max-width: 100%; font-size: 17px; line-height: 1.8; }
  .editorial-hero .hero-product-wrap,
  .editorial-hero[data-chapter="power"] .hero-product-wrap { inset: 0 0 0 37%; height: 100%; }
  .editorial-hero .hero-product-wrap::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: none;
  }
  .editorial-hero .hero-scene,
  .editorial-hero[data-chapter="power"] .hero-scene { object-fit: contain; object-position: right center; }
}
@media (max-width: 900px) {
  .editorial-hero,
  .editorial-hero[data-chapter="power"] {
    display: flex; flex-direction: column; height: auto; min-height: 0;
    padding-top: 110px; background: var(--poster-surface);
  }
  .editorial-hero .hero-copy,
  .editorial-hero[data-chapter="power"] .hero-copy,
  [dir="rtl"] .editorial-hero .hero-copy {
    position: relative; inset: auto; margin: 0; width: 100%;
    padding: 24px var(--gutter) 30px; background: none; text-align: start;
  }
  .editorial-hero .hero-copy h1,
  .editorial-hero[data-chapter="power"] .hero-copy h1 { max-width: 100%; font-size: clamp(32px, 6vw, 46px); line-height: 1.22; }
  :lang(zh) .editorial-hero .hero-copy h1 { font-size: clamp(30px, 5vw, 40px); line-height: 1.3; }
  [dir="rtl"] .editorial-hero .hero-copy h1 { line-height: 1.3; letter-spacing: 0; }
  .editorial-hero .hero-description,
  .editorial-hero[data-chapter="power"] .hero-description { max-width: 100%; font-size: 16px; margin: 18px 0 24px; }
  .editorial-hero .hero-product-wrap,
  .editorial-hero[data-chapter="power"] .hero-product-wrap,
  .editorial-hero:not([data-chapter="power"]) .hero-product-wrap {
    position: relative; inset: auto; flex: 0 0 auto; width: 100%; height: clamp(310px, 64vw, 530px);
  }
  .editorial-hero .hero-scene,
  .editorial-hero[data-chapter="power"] .hero-scene { object-fit: contain; object-position: center bottom; }
  .editorial-hero .hero-caption { bottom: 16px; right: var(--gutter); }
}
.category-chapters .chapter { gap: 12px; padding: 0 18px; min-width: 0; font-size: clamp(12px, 1.15vw, 17px); line-height: 1.5; }
.category-chapters .chapter[aria-selected="true"] { font-size: clamp(12px, 1.15vw, 17px); }
.category-chapters .chapter span:first-child { direction: ltr; unicode-bidi: isolate; flex: 0 0 auto; font-size: 17px; }
.category-chapters .chapter::before { content: none; }
.category-chapters .chapter::after { left: 18px; right: 18px; }
[dir="rtl"] .category-chapters .chapter::after { transform-origin: right; }
[dir="rtl"] .category-chapters .chapter-arrows { margin-left: 0; margin-inline-start: 22px; }
@media (max-width: 600px) {
  .category-chapters .chapter { gap: 7px; padding-inline: 7px; font-size: 11px; }
  .category-chapters .chapter[aria-selected="true"] { font-size: 11px; }
  .category-chapters .chapter span:first-child { font-size: 12px; }
  .category-chapters .chapter::after { left: 7px; right: 7px; }
}

/* Phone campaigns use a full-width crop of the scene, never a contained narrow portrait. */
@media (max-width:600px){
 .editorial-hero,.editorial-hero[data-chapter="power"]{padding-top:90px}
 .editorial-hero .hero-copy,.editorial-hero[data-chapter="power"] .hero-copy,[dir="rtl"] .editorial-hero .hero-copy{padding:14px var(--gutter) 24px}
 .editorial-hero .hero-eyebrow{font-size:10px;margin-bottom:14px}
 .editorial-hero .hero-copy h1,.editorial-hero[data-chapter="power"] .hero-copy h1{font-size:clamp(32px,8.3vw,39px);line-height:1.18}
 .editorial-hero .hero-description,.editorial-hero[data-chapter="power"] .hero-description{font-size:14px;line-height:1.65;margin:14px 0 21px}
 .editorial-hero .button-primary{min-height:46px;padding:11px 20px;font-size:14px;box-shadow:none}
 .editorial-hero .hero-product-wrap,.editorial-hero[data-chapter="power"] .hero-product-wrap,.editorial-hero:not([data-chapter="power"]) .hero-product-wrap{height:clamp(310px,90vw,420px)}
 .editorial-hero .hero-scene,.editorial-hero[data-chapter="power"] .hero-scene{object-fit:cover;object-position:center bottom}
 .editorial-hero .hero-caption{font-size:10px;right:16px;bottom:14px}
}

@media(max-width:860px){.mobile-nav>[data-action="product-menu"]{font-size:clamp(28px,8vw,38px);font-weight:400;line-height:1.65;padding:0;letter-spacing:0;min-height:54px}.mobile-nav>[data-action="product-menu"] span{font-size:inherit}.mobile-nav>[data-action="product-menu"] svg{width:18px;height:18px;flex:0 0 auto}}

.category-chapters .chapter-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
@media(max-width:600px){.editorial-hero .hero-scene{object-position:right bottom}}