.editorial-hero.seasonal-hero{overflow:hidden;background:#2d2b25;min-height:700px;height:calc(100svh - 119px)}
.editorial-hero.seasonal-hero:after{display:none}
.seasonal-carousel{height:100%;isolation:isolate;touch-action:pan-y}
.seasonal-backdrops,.seasonal-backdrop{position:absolute;inset:0;pointer-events:none}
.seasonal-backdrops{z-index:-1;overflow:hidden}
.seasonal-backdrop{opacity:0;transition:opacity 1.5s ease-in-out}
.seasonal-backdrop.is-active{opacity:1}
.seasonal-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,15,.66),rgba(17,19,15,.3) 36%,transparent 68%),linear-gradient(0deg,rgba(10,15,12,.55),transparent 32%)}
.seasonal-backdrop picture{display:block;width:100%;height:100%}
.seasonal-backdrop img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% center;transform:scale(1.055);transform-origin:65% 55%}
.seasonal-backdrop.is-active img{animation:seasonal-drift 9s linear both}
.seasonal-hero[data-running="false"] .seasonal-backdrop img{animation-play-state:paused}
@keyframes seasonal-drift{from{transform:scale(1.055)}to{transform:scale(1)}}
.seasonal-carousel [data-slot="carousel-content"]{height:100%}
.seasonal-track{height:100%;margin:0}
.seasonal-slide{position:relative;height:100%;padding:0;min-width:0;flex:0 0 100%}
.seasonal-slide .hero-caption{left:7vw;bottom:155px;right:24px;max-width:570px;opacity:0;transform:translateY(8px);transition:opacity .9s ease,transform 1.1s ease;text-shadow:0 2px 18px #0003}
.seasonal-slide .hero-caption.is-active{opacity:1;transform:translateY(0)}
.seasonal-slide .overline{font-size:12px;letter-spacing:.22em;margin:0}
.seasonal-slide .hero-caption h1{font-size:clamp(48px,5.2vw,78px);line-height:1.07;margin:21px 0}
.seasonal-slide .hero-caption>p:not(.overline){font-size:17px;line-height:1.7;max-width:400px;color:#f1efe8}
.seasonal-slide .hero-caption>a{font-size:12px;letter-spacing:.12em;min-height:44px;margin-top:23px}
.seasonal-controls{position:absolute;bottom:38px;left:7vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;z-index:2}
.seasonal-selectors{display:flex;gap:28px}
.seasonal-selectors button{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;min-width:122px;border:0;border-bottom:1px solid #ffffff50;background:transparent;color:#fff;opacity:.68;padding:9px 0 16px;cursor:pointer;font-size:14px;white-space:nowrap;text-align:left}
.seasonal-selectors button.is-active,.seasonal-selectors button:hover{opacity:1}
.scene-number{font-family:Georgia,serif;font-size:12px;opacity:.7}
.scene-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:white;transform:scaleX(0);transform-origin:left}
.seasonal-selectors .is-active .scene-progress{transform:scaleX(1)}
.seasonal-hero[data-running="true"] .is-active .scene-progress{animation:seasonal-progress 7s linear both}
@keyframes seasonal-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.seasonal-actions{display:flex;gap:8px;align-items:center}
.seasonal-actions .seasonal-arrow,.seasonal-pause{position:static;inset:auto;transform:none;margin:0;display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff;cursor:pointer;box-shadow:none}
.seasonal-actions .seasonal-arrow:hover,.seasonal-pause:hover{background:#ffffff20;color:white}
.seasonal-controls button:focus-visible,.seasonal-slide a:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:800px){
 .editorial-hero.seasonal-hero{height:calc(100svh - 102px);min-height:670px;max-height:980px}
 .seasonal-backdrop img{object-position:center center}
 .seasonal-backdrop:after{background:linear-gradient(0deg,rgba(10,16,12,.83),rgba(10,16,12,.48) 44%,rgba(10,16,12,.04) 80%)}
 .seasonal-slide .hero-caption{left:24px;right:24px;bottom:150px;max-width:520px}
 .seasonal-slide .hero-caption h1{font-size:clamp(39px,7vw,54px)}
 .seasonal-slide .hero-caption>p:not(.overline){font-size:16px;max-width:370px}
 .seasonal-controls{left:24px;right:24px;bottom:23px;gap:15px;flex-wrap:wrap}
 .seasonal-selectors{gap:16px;flex:1}
 .seasonal-selectors button{min-width:0;flex:1;font-size:13px;gap:7px;justify-content:flex-start}
 .seasonal-actions{width:100%;justify-content:flex-end;gap:7px}
 .seasonal-actions .seasonal-arrow,.seasonal-pause{width:40px;height:40px;min-width:40px}
}
@media(min-width:801px) and (max-height:780px){.seasonal-slide .hero-caption{bottom:145px}.seasonal-slide .hero-caption h1{font-size:58px}}
@media(prefers-reduced-motion:reduce){
 .seasonal-hero:not([data-motion="full"]) .seasonal-backdrop,.seasonal-hero:not([data-motion="full"]) .seasonal-backdrop img,.seasonal-hero:not([data-motion="full"]) .hero-caption{transition:none!important;animation:none!important;transform:none!important}
 .seasonal-hero:not([data-motion="full"]) .scene-progress{animation:none!important}
 .seasonal-hero[data-motion="full"] .seasonal-backdrop{transition:opacity 1.5s ease-in-out!important}
 .seasonal-hero[data-motion="full"] .hero-caption{transition:opacity .9s ease,transform 1.1s ease!important}
 html{scroll-behavior:auto}
}

.static-seasonal .static-seasonal-slides{height:100%}.static-seasonal .seasonal-slide{position:absolute;inset:0;pointer-events:none}.static-seasonal .seasonal-slide[aria-hidden="false"]{pointer-events:auto}.static-seasonal .seasonal-carousel{position:relative}.static-seasonal .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.static-seasonal [hidden]{display:none!important}

/* Localized brand names share the same compact header footprint. */
.wordmark strong{font-size:clamp(19px,1.9vw,27px);letter-spacing:.1em;white-space:nowrap}.wordmark small{letter-spacing:.18em}.language-toggle{white-space:nowrap}.language-toggle button{min-height:30px}.category-grid h3{font-family:var(--font-serif),Georgia,serif;font-size:28px}
html[data-lang="zh"] .wordmark strong{letter-spacing:.12em}html[data-lang="zh"] .wordmark small{letter-spacing:.2em}
@media(max-width:800px){.wordmark strong{font-size:clamp(14px,3.9vw,21px);letter-spacing:.065em}.wordmark small{font-size:7px}.header-tools{gap:8px}.language-toggle{font-size:10px;gap:3px}.language-toggle button{padding:3px 1px}.catalog-header{padding:0 20px}.catalog-header .account{gap:12px}.catalog-header .wordmark strong{font-size:16px}}
