/* 25 October: refine the accepted composition; content and scene controllers stay native. */
.public-preview-notice { padding: 8px 20px; background: #f2f2ec; border-bottom: 1px solid #deded5; color: #30302a; text-align: center; font-size: 12px; line-height: 1.6; }
html[data-public-preview=true] .dialog--cart [data-checkout] { white-space: normal; line-height: 1.6; text-align: start; }
.hero-copy :is(h1, h2) { text-wrap: balance; letter-spacing: -.035em; }
.hero-description { text-wrap: pretty; }
.hero .eyebrow { text-shadow: 0 1px 8px #000000d9; }
.hero-copy > .button { min-width: 230px; }
.hero-slide--collection .hero-feature { border-color: #ffffff30; padding-block-start: 16px; }
.hero-slide--collection .hero-feature-name { font-size: 25px; line-height: 1.12; }
.hero-feature .icon { transition: transform 220ms var(--ease-out); }
.hero-bottom > .slide-arrows .icon-button { border-color: #ffffff60; }
.story-tile { box-shadow: inset 0 0 0 1px #0000000a; }
.story-tile::after { background: linear-gradient(180deg, transparent 25%, #00000012 48%, #000000d9 100%); }
.story-tile-caption { line-height: 1.45; text-shadow: 0 1px 8px #00000055; }
.story-tile-index { font-variant-numeric: tabular-nums; }
.care-category .category-photo { overflow: clip; }
.care-category .category-photo::after { background: linear-gradient(180deg, transparent 35%, #0000000d 52%, #000000b3 100%); }
.care-category .category-description { line-height: 1.6; text-shadow: 0 1px 8px #00000044; }
.care-category .category-caption { padding-block-end: 4px; }
.collection .product-frame { overflow: clip; }
.collection .product-edition { background: #fffffff2; border: 1px solid #ffffff80; padding: 6px 9px; letter-spacing: .1em; }
.collection .product-meta { padding-block: 20px 24px; gap: 12px; }
.collection .product-type { color: #62625c; line-height: 1.6; }
.collection .product-meta h3 { font-size: clamp(27px, 2.35vw, 34px); line-height: 1.16; }
.collection .product-name-line { gap: 7px; min-height: 90px; }
.collection .product-price { font-size: 15px; font-variant-numeric: tabular-nums; letter-spacing: .015em; }
.collection .product-add { min-height: 52px; border-color: #b8b8b1; }
.collection .quick-view { border: 1px solid #ffffff80; }
.collection .category-tabs button { position: relative; }
.collection .category-tabs button[aria-pressed=true] { color: var(--color-ink); }
.collection .product-media:focus-visible { outline-offset: -5px; }
.collection .product-add:focus-visible { outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html:not([data-motion=reduce]) .collection .product-media:not(.product-media--duo) img { transition: transform 650ms var(--ease-out); }
  html:not([data-motion=reduce]) .collection .product-media:not(.product-media--duo):hover img { transform: scale(1.045); }
  html:not([data-motion=reduce]) .care-category:hover .category-arrow { transform: translateX(3px); }
  html[dir=rtl]:not([data-motion=reduce]) .care-category:hover .category-arrow { transform: translateX(-3px); }
}
@media (max-width:760px) {
  .story-tile { width: 90px; flex-basis: 90px; }
  .story-rail-intro { width: 94px; }
  .story-rail h2 { font-size: 25px; line-height: 1.02; }
  .hero-slide--collection > .product-stage { height: 59%; }
  .hero-slide--collection .hero-inner { background: linear-gradient(0deg,#101010 16%,#101010f2 30%,#10101099 43%,transparent 66%); }
  .hero-copy :is(h1, h2) { font-size: clamp(39px, 11vw, 48px); line-height: 1.04; margin-block: 12px; max-width: 12ch; }
  .hero-description { font-size: 12px; line-height: 1.8; max-width: 33ch; margin-block-end: 17px; }
  .hero-copy > .button { min-width: 222px; min-height: 50px; }
  .collection .product-meta { padding-block: 17px 22px; }
  .collection .product-meta h3 { font-size: 30px; }
  .collection .product-name-line { min-height: 83px; }
  [dir=rtl] .story-rail h2 { font-size: 17px; line-height: 1.6; }
  [dir=rtl] .hero-copy :is(h1, h2) { font-family: var(--font-body); font-size: 32px; line-height: 1.5; max-width: none; letter-spacing: 0; }
  [dir=rtl] .collection .product-meta h3 { font-size: 23px; line-height: 1.6; }
}
@media (max-width:375px), (max-width:760px) and (max-height:740px) {
  .hero-copy :is(h1,h2) { font-size: 36px; }
  .hero-copy > .button { min-width: 200px; }
  .hero-description { margin-block-end: 12px; line-height: 1.65; }
  [dir=rtl] .hero-copy :is(h1,h2) { font-size: 28px; line-height: 1.45; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-feature .icon { transition: none; }
}
html[data-motion=reduce] .hero-feature .icon { transition: none; }