/* DialByDay — fullscreen editorial experiences (v1.0.6)
 * One continuous hero, 33% left editorial caption, low-profile bottom
 * experience dock. Uses existing video, existing theme controls and URLs.
 * Enabled only after selector.js locates and moves the theme selector.
 */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector {
  --dbd-gutter:clamp(20px,3.8vw,62px);
  --dbd-cream:#f7f2e8;
  min-height:0!important;
  overflow:hidden!important;
  background:#0a1b2c!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100svh!important;
  min-height:600px!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0a1b2c!important;
  z-index:0!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__video,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film .dbd-scene-studio-player,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film .week-hero__fallback-image {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
/* Protect legibility without covering the watch imagery on the right. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film-shade {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(5,16,29,.74) 0%,rgba(5,16,29,.47) 29%,rgba(5,16,29,.08) 58%,transparent 77%),
             linear-gradient(0deg,rgba(5,16,29,.69) 0%,transparent 22%)!important;
  pointer-events:none!important;
}
/* Hide legacy marketing copy. The selected experience title is visible. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail > .week-hero__eyebrow,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail > .conversion-hero__headline,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail > .conversion-hero__deck,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail > .week-hero__discover,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-count,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__watch,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta-kicker {
  display:none!important;
}
/* 33% editorial region, vertically centered on the left. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
  position:absolute!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:19px!important;
  top:46%!important;
  right:auto!important;
  bottom:auto!important;
  left:var(--dbd-gutter)!important;
  transform:translateY(-50%)!important;
  z-index:7!important;
  width:calc(33.333% - var(--dbd-gutter))!important;
  max-width:calc(33.333% - var(--dbd-gutter))!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  pointer-events:auto!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card {
  position:static!important;
  display:block!important;
  flex:none!important;
  inset:auto!important;
  transform:none!important;
  min-height:0!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-align:left!important;
  pointer-events:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
  display:block!important;
  color:#f7f2e8!important;
  font:400 clamp(.85rem,1.38vw,1.16rem)/1.55 var(--font-body,Inter),sans-serif!important;
  letter-spacing:0!important;
  max-width:25ch!important;
  margin:0!important;
  padding:0!important;
  text-transform:none!important;
  text-align:left!important;
  text-shadow:0 1px 8px rgba(0,0,0,.36)!important;
}
/* Deliberately small button. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions {
  position:static!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  pointer-events:auto!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious:hover {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 15px!important;
  border:1px solid rgba(249,244,235,.85)!important;
  border-radius:4px!important;
  background:#f7f2e8!important;
  color:#0d2032!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious:hover {
  background:#fff!important;
  border-color:#fff!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious::after {display:none!important}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious > .week-hero__cta-copy {
  display:block!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
  display:block!important;
  color:#0d2032!important;
  font:600 .76rem/1.25 var(--font-body,Inter),sans-serif!important;
  letter-spacing:0!important;
  white-space:normal!important;
  text-align:left!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious > .week-hero__cta-arrow,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious:hover > .week-hero__cta-arrow {
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:#0d2032!important;
  transform:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta-arrow svg {
  width:17px!important;
  height:17px!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious:focus-visible {
  outline:2px solid #fff!important;
  outline-offset:4px!important;
}
/* Single full-width bottom dock for all occasion labels (5 or 7). */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector {
  position:absolute!important;
  z-index:9!important;
  top:auto!important;
  bottom:clamp(20px,3.2vw,44px)!important;
  left:var(--dbd-gutter)!important;
  right:var(--dbd-gutter)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:clamp(6px,1.5vw,24px)!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:13px 0 0!important;
  border-top:0!important;
  border-radius:0!important;
  background:none!important;
  transform:none!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::before {display:none!important}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab:hover,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 2px!important;
  left:0!important;
  top:auto!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:rgba(246,241,233,.64)!important;
  text-align:left!important;
  scroll-snap-align:none!important;
  transition:color .18s ease!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__tab .week-hero__tab-number {
  display:block!important;
  font:500 .64rem/1.1 var(--font-detail,monospace)!important;
  letter-spacing:.05em!important;
  opacity:.7!important;
  color:inherit!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__tab .week-hero__tab-name {
  display:block!important;
  max-width:100%!important;
  font:500 clamp(.77rem,1.2vw,.94rem)/1.3 var(--font-body,Inter),sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  opacity:1!important;
  color:inherit!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__tab .week-hero__tab-indicator {display:none!important}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab:hover,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab:focus-visible {
  color:#fff!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current::after {
  content:"";
  position:absolute;
  top:-14px;
  left:0;
  width:26px;
  height:2px;
  background:#f7f2e8;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab:focus-visible {
  outline:2px solid #fff!important;
  outline-offset:1px!important;
}
/* Editorial video is intended to remain visible behind the controls. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__motion {
  right:var(--dbd-gutter)!important;
  bottom:clamp(114px,10vw,154px)!important;
  z-index:11!important;
}
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector {
    --dbd-gutter:clamp(14px,3.5vw,24px);
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
    height:100svh!important;
    min-height:520px!important;
    display:block!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film {
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    width:100%!important;
    aspect-ratio:auto!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    top:42%!important;
    left:var(--dbd-gutter)!important;
    width:calc(33.333% - var(--dbd-gutter) / 2)!important;
    max-width:calc(33.333% - var(--dbd-gutter) / 2)!important;
    gap:13px!important;
    padding:0!important;
    background:none!important;
    flex-direction:column!important;
    text-align:left!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
    font-size:clamp(.75rem,2.5vw,.9rem)!important;
    line-height:1.45!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    width:100%!important;
    min-height:44px!important;
    padding:9px 8px!important;
    gap:5px!important;
    justify-content:space-between!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:.7rem!important;
    line-height:1.25!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector {
    left:var(--dbd-gutter)!important;
    right:var(--dbd-gutter)!important;
    bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:10px 0 0!important;
    width:auto!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::-webkit-scrollbar {display:none!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab:hover,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current {
    flex:0 0 clamp(77px,21vw,120px)!important;
    min-height:52px!important;
    padding:8px 4px 6px!important;
    scroll-snap-align:start!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__tab .week-hero__tab-number {font-size:.6rem!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__tab .week-hero__tab-name {font-size:.7rem!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current::after {top:-11px!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__motion {
    right:var(--dbd-gutter)!important;
    bottom:118px!important;
    width:43px!important;
    height:43px!important;
  }
}
@media (max-width:380px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    width:calc(37% - var(--dbd-gutter) / 2)!important;
    max-width:calc(37% - var(--dbd-gutter) / 2)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {font-size:.7rem!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {font-size:.64rem!important}
}
@media (prefers-reduced-motion:reduce) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab {transition:none!important}
}


/* v1.0.8 — Mobile always displays the full 16:9 cinematic image.
   No zoom, no portrait cover crop, no distortion. Descriptive UI is below
   the film, and the experience picker is the last row of the hero. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector {
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    width:100%!important;
    overflow:visible!important;
    isolation:isolate!important;
    padding:0!important;
    background:#0b1d32!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film {
    position:relative!important;
    inset:auto!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    overflow:hidden!important;
    background:#0a1b2c!important;
    padding:0!important;
    margin:0!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__video,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film .dbd-scene-studio-player,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film .week-hero__fallback-image,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film .week-hero__fallback-scenes img {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    max-width:none!important;
    max-height:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film-shade {
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(5,16,29,.32),rgba(5,16,29,0) 30%)!important;
    pointer-events:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__motion {
    top:auto!important;
    bottom:12px!important;
    right:12px!important;
    left:auto!important;
    width:38px!important;
    height:38px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    position:relative!important;
    inset:auto!important;
    z-index:4!important;
    order:1!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:14px clamp(14px,3.5vw,24px) 10px!important;
    border:0!important;
    background:#0b1d32!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card {
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    display:block!important;
    max-width:50ch!important;
    font-size:clamp(.76rem,2.7vw,.9rem)!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    margin:0!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions {
    flex:0 0 auto!important;
    align-self:center!important;
    width:auto!important;
    max-width:44%!important;
    margin:0!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    width:auto!important;
    min-height:44px!important;
    padding:10px 11px!important;
    gap:7px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:.72rem!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  /* The same existing interactive buttons are moved below the film by JS. */
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector {
    position:relative!important;
    z-index:4!important;
    order:2!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:64px!important;
    margin:0!important;
    padding:6px clamp(14px,3.5vw,24px) 10px!important;
    border:0!important;
    background:#0b1d32!important;
    transform:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector::before {display:none!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector::-webkit-scrollbar {display:none!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector > .week-hero__tab,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector > .week-hero__tab:hover,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector > .week-hero__tab.is-current {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:0 0 clamp(80px,21vw,120px)!important;
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding:7px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    left:0!important;
    top:auto!important;
    transform:none!important;
    color:rgba(248,245,239,.65)!important;
    scroll-snap-align:start!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector > .week-hero__tab.is-current {
    color:#fff8ed!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector > .week-hero__tab.is-current::after {
    content:''!important;
    position:absolute!important;
    display:block!important;
    top:auto!important;
    bottom:0!important;
    left:0!important;
    width:45%!important;
    height:2px!important;
    background:#f7f2e8!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector .week-hero__tab-name {
    font-size:.74rem!important;
    white-space:nowrap!important;
  }
}
@media (max-width:380px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    gap:8px!important;
    padding:11px 12px 8px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {font-size:.67rem!important;}
}


/* v1.0.9 — Same transparent in-video storytelling as desktop on mobile.
   Keep the uncropped 16:9 video from v1.0.8. Move ONLY the caption and CTA
   over the film; the swipeable experience selector remains beneath it. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
    position:relative!important;
    isolation:isolate!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film {
    aspect-ratio:16 / 9!important;
    overflow:hidden!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film-shade {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,rgba(6,19,37,.8) 0%,rgba(6,19,37,.62) 32%,rgba(6,19,37,.18) 53%,transparent 73%),
               linear-gradient(180deg,rgba(5,17,32,.2),transparent 24%)!important;
    pointer-events:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    position:absolute!important;
    z-index:5!important;
    top:calc(56.25vw * .58)!important;
    left:clamp(12px,3.5vw,25px)!important;
    right:auto!important;
    bottom:auto!important;
    inset-inline-end:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:clamp(7px,1.3vw,13px)!important;
    width:33%!important;
    max-width:33%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translateY(-35%)!important;
    pointer-events:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card {
    position:static!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__current {
    display:block!important;
    max-width:100%!important;
    margin:0 0 4px!important;
    color:#fffaf4!important;
    font-size:clamp(1.15rem,3.75vw,2.2rem)!important;
    line-height:1.03!important;
    overflow-wrap:normal!important;
    text-shadow:0 1px 8px rgba(0,0,0,.25)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(.59rem,1.55vw,.82rem)!important;
    line-height:1.29!important;
    margin:0!important;
    padding:0!important;
    color:rgba(255,249,241,.95)!important;
    letter-spacing:0!important;
    text-shadow:0 1px 7px rgba(0,0,0,.35)!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    overflow:visible!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions {
    display:block!important;
    flex:none!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    min-height:32px!important;
    width:auto!important;
    max-width:100%!important;
    padding:7px 11px!important;
    gap:0!important;
    border:1px solid rgba(255,250,243,.9)!important;
    border-radius:3px!important;
    background:#f2eee6!important;
    box-shadow:none!important;
    line-height:1.1!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:0!important;
    white-space:nowrap!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong::after {
    content:'Build collection'!important;
    font-size:clamp(.58rem,1.5vw,.73rem)!important;
    font-weight:650!important;
    letter-spacing:0!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious .week-hero__cta-arrow {
    display:none!important;
  }
  /* The selector was reparented below the film in v1.0.8; leave it there. */
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__selector {
    position:relative!important;
    order:2!important;
  }
}
@media (max-width:380px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    top:calc(56.25vw * .59)!important;
    left:10px!important;
    width:35%!important;
    max-width:35%!important;
    gap:5px!important;
    transform:translateY(-28%)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__current {font-size:1.02rem!important;margin-bottom:3px!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    font-size:.56rem!important;
    line-height:1.22!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    min-height:29px!important;
    padding:5px 8px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong::after {content:'Build'!important;font-size:.63rem!important}
}


/* v1.0.10 — Mobile: bring the five experience tabs INTO the bottom of the
   uncropped film, matching desktop. No extra solid section below the hero.
   The same source video remains 16:9 with object-fit:contain. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:0!important;
    background:#091b2d!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film {
    position:relative!important;
    inset:auto!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    aspect-ratio:16 / 9!important;
    overflow:hidden!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film-shade {
    background:
      linear-gradient(90deg,rgba(6,19,37,.78) 0%,rgba(6,19,37,.58) 31%,rgba(6,19,37,.12) 54%,transparent 73%),
      linear-gradient(0deg,rgba(5,15,27,.79) 0%,rgba(5,15,27,.2) 22%,transparent 40%)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    top:42%!important;
    left:clamp(10px,3vw,19px)!important;
    width:33%!important;
    max-width:33%!important;
    gap:5px!important;
    transform:translateY(-45%)!important;
  }
  /* Put the existing selector at the bottom edge of the moving picture. */
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector {
    position:absolute!important;
    z-index:8!important;
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    inset-block-start:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:clamp(4px,1vw,9px)!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 clamp(10px,3vw,18px) 1px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::-webkit-scrollbar {display:none!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::before {display:none!important}
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab:hover,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab.is-current {
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:65px!important;
    max-width:none!important;
    min-height:44px!important;
    margin:0!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    color:rgba(250,248,244,.76)!important;
    text-align:center!important;
    scroll-snap-align:center!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector .week-hero__tab-number {
    display:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector .week-hero__tab-name {
    display:block!important;
    max-width:none!important;
    font:600 clamp(.59rem,1.8vw,.72rem)/1.2 var(--font-body,Inter),sans-serif!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    opacity:1!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab.is-current {
    color:#fffaf0!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab.is-current::after {
    content:''!important;
    position:absolute!important;
    top:auto!important;
    bottom:1px!important;
    left:15%!important;
    width:70%!important;
    height:2px!important;
    display:block!important;
    border-radius:1px!important;
    background:#f5f0e7!important;
  }
  /* Keep the video control above the bottom experience tabs. */
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__motion {
    top:auto!important;
    bottom:50px!important;
    left:auto!important;
    right:10px!important;
  }
}
@media (max-width:380px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    top:42%!important;
    transform:translateY(-45%)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector {
    gap:2px!important;
    padding-inline:8px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector > .week-hero__tab {
    min-width:62px!important;
  }
}


/* v1.0.11 — Mobile caption + CTA are a single transparent 30%-wide block,
   anchored at the bottom-left of the ORIGINAL 16:9 film, just above tabs.
   Do not change the full-frame video or the bottom in-film selector. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience {
    position:relative!important;
    isolation:isolate!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    position:absolute!important;
    z-index:9!important;
    top:auto!important;
    right:auto!important;
    bottom:clamp(52px,6vw,62px)!important;
    left:clamp(9px,3vw,18px)!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    gap:6px!important;
    box-sizing:border-box!important;
    width:30%!important;
    max-width:30%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-align:left!important;
    pointer-events:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card {
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__current {
    margin:0 0 3px!important;
    font-size:clamp(15px,3.7vw,21px)!important;
    line-height:1.08!important;
    font-weight:600!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    text-align:left!important;
    text-shadow:0 1px 7px rgba(0,0,0,.55)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(10px,2.7vw,12px)!important;
    line-height:1.24!important;
    letter-spacing:0!important;
    white-space:normal!important;
    text-align:left!important;
    color:#fff8ee!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 6px rgba(0,0,0,.65)!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions {
    display:block!important;
    align-self:flex-start!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:32px!important;
    height:auto!important;
    margin:0!important;
    padding:7px 5px!important;
    border-radius:3px!important;
    gap:0!important;
    text-align:center!important;
    box-shadow:none!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious > .week-hero__cta-copy {
    display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    width:auto!important;
    text-align:center!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong::after {
    content:"Build" !important;
    font:600 clamp(11px,2.75vw,12px)/1.25 var(--font-body,Inter),sans-serif!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious .week-hero__cta-arrow {
    display:none!important;
  }
}
@media (max-width:380px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    bottom:50px!important;
    gap:4px!important;
    width:30%!important;
    max-width:30%!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__current {
    font-size:15px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__moment {
    -webkit-line-clamp:3!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    min-height:30px!important;
    padding:6px 4px!important;
  }
}


/* v1.0.12 — Epilogue editorial typography and unboxed underline CTA.
   Applies to For Him, For Her and Together, without changing positions,
   video framing, events or WooCommerce navigation. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__current {
  font-family:"Epilogue",Arial,sans-serif!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
  font-family:"Epilogue",Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}

/* No button box: only the word "Build" with a quiet underline.
   Keep a 44px pointer target on mobile and preserve keyboard focus. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious:hover,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious:focus-visible {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  gap:0!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  padding:9px 0 8px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,248,236,.85)!important;
  border-radius:0!important;
  color:#fff8ec!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  text-decoration:none!important;
  text-align:left!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious:hover {
  color:#ffffff!important;
  border-bottom-color:#ffffff!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious::before,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious::after {
  content:none!important;
  display:none!important;
  opacity:0!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious > .week-hero__cta-copy {
  display:block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  background:none!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
  display:block!important;
  color:inherit!important;
  font-family:"Epilogue",Arial,sans-serif!important;
  font-size:clamp(.78rem,1vw,.95rem)!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-align:left!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong::after {
  content:none!important;
  display:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious .week-hero__cta-arrow {
  display:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious .week-hero__cta-kicker {
  display:none!important;
}
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious {
    min-height:44px!important;
    width:max-content!important;
    max-width:100%!important;
    padding:9px 0 7px!important;
    background:transparent!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:clamp(.7rem,2.9vw,.88rem)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious {
    transition:none!important;
  }
}


/* v1.0.13 — the provided Epilogue typeface is the hero TITLE font.
   Avoid changing the wider storefront typography or the existing
   underlined Build link. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__current,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector #hero-title,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .conversion-hero__headline {
  font-family:"Epilogue",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}

/* Remove the decorative rule ABOVE the occasion navigation.
   Keep the small active tab indicator BELOW the selected label instead. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector {
  border-top:0!important;
  border-image:none!important;
  box-shadow:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::before,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__film > .week-hero__selector::after {
  content:none!important;
  display:none!important;
}
@media (min-width:901px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__selector > .week-hero__tab.is-current::after {
    top:auto!important;
    bottom:-1px!important;
  }
}

/* v1.0.14 — Reference-inspired editorial type hierarchy.
   Small category > strong Epilogue title > brief practical copy > Build link.
   Keep the photo/video uncovered by boxes. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card {
  display:block!important;
  overflow:visible!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card::before {
  content:none!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 clamp(5px,.65vw,11px)!important;
  padding:0!important;
  color:rgba(249,248,244,.84)!important;
  background:none!important;
  font-family:"Epilogue",Arial,sans-serif!important;
  font-size:clamp(.52rem,.58vw,.64rem)!important;
  line-height:1.3!important;
  font-weight:600!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 5px rgba(0,0,0,.22)!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__current {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0 0 clamp(8px,1vw,15px)!important;
  padding:0!important;
  color:#fffaf4!important;
  font-family:"Epilogue",Arial,sans-serif!important;
  font-style:normal!important;
  font-size:clamp(2.5rem,4.4vw,5.15rem)!important;
  font-weight:650!important;
  line-height:.99!important;
  letter-spacing:-.065em!important;
  text-wrap:balance!important;
  white-space:normal!important;
  text-transform:none!important;
  text-shadow:0 2px 12px rgba(0,0,0,.16)!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
  display:block!important;
  width:100%!important;
  max-width:32ch!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,250,243,.91)!important;
  font-family:"Epilogue",Arial,sans-serif!important;
  font-size:clamp(.69rem,.88vw,.89rem)!important;
  font-weight:400!important;
  line-height:1.43!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
  gap:clamp(8px,1.3vw,16px)!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions {
  margin-top:0!important;
}
/* Build remains a real link with a generous hit target and a close underline. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious:hover {
  border:0!important;
  background:transparent!important;
  min-height:44px!important;
  padding:7px 0!important;
  margin:0!important;
}
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
  display:inline-block!important;
  font-family:"Epilogue",Arial,sans-serif!important;
  font-weight:600!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}
@media (max-width:900px) {
  /* Preserve the approved 30% width in the lower-left mobile film. */
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail {
    gap:clamp(3px,.7vw,6px)!important;
    width:30%!important;
    max-width:30%!important;
    justify-content:flex-end!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card::before {
    margin:0 0 3px!important;
    font-size:clamp(6.5px,1.75vw,8px)!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__current {
    display:block!important;
    margin:0 0 5px!important;
    font-size:clamp(16px,4.7vw,24px)!important;
    font-weight:700!important;
    line-height:1.02!important;
    letter-spacing:-.065em!important;
    text-wrap:wrap!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    max-width:100%!important;
    font-size:clamp(9px,2.35vw,11px)!important;
    line-height:1.25!important;
    text-wrap:pretty!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail-actions .week-hero__cta--precious {
    min-height:32px!important;
    padding:2px 0!important;
    align-items:flex-start!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__cta--precious strong {
    font-size:clamp(11px,2.9vw,13px)!important;
    line-height:1.35!important;
    text-underline-offset:4px!important;
  }
}
@media (max-width:360px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card::before {
    font-size:6px!important;
    margin-bottom:2px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__current {
    font-size:16px!important;
    margin-bottom:3px!important;
  }
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
    -webkit-line-clamp:2!important;
  }
}

/* v1.0.15 — clean editorial hierarchy: title > short edition-led copy > Build.
   Remove the decorative THE MOMENT kicker, including on 320px phones. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card::before,
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card::after {
  content:none!important;
  display:none!important;
  margin:0!important;
  padding:0!important;
}
/* Preserve approved 30%-wide mobile overlay and full 16:9 frame. */


/* v1.0.16: Make practical scene copy comfortably readable on desktop,
   retaining the 33% left editorial column and original media layout. */
@media (min-width:901px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
    font-family:"Epilogue",Arial,sans-serif!important;
    font-size:clamp(1.125rem,1.45vw,1.5rem)!important;
    font-weight:400!important;
    line-height:1.5!important;
    letter-spacing:-.012em!important;
    max-width:32ch!important;
    color:#fff9f1!important;
  }
}

/* Mobile: remove the Build action entirely, including its clickable area.
   Keep selected title and description in the transparent bottom-left caption.
   Desktop Build link remains unchanged and Studio stays in site navigation. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail .week-hero__rail-actions,
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__rail .week-hero__cta--precious {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}



/* v1.0.20 — single authoritative desktop CTA layout (replaces v1.18 & v1.19).
   Track exactly 190×44px. The whole track is a real accessible <a>. */
@media (min-width:901px) {
  body .editorial-home .week-hero--interactive .week-hero__rail .week-hero__rail-actions {
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail .week-hero__rail-actions .week-hero__cta--precious,
  body .editorial-home .week-hero--interactive .week-hero__rail .week-hero__rail-actions .week-hero__cta--precious:hover,
  body .editorial-home .week-hero--interactive .week-hero__rail .week-hero__rail-actions .week-hero__cta--precious:focus-visible {
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    min-height:44px!important;
    max-height:44px!important;
    height:44px!important;
    padding:3px!important;
    margin:0!important;
    gap:4px!important;
    border:1px solid rgba(233,233,233,.85)!important;
    border-radius:999px!important;
    background:#e9e9e9!important;
    box-shadow:0 4px 12px rgba(0,0,0,.13)!important;
    color:#101010!important;
    text-decoration:none!important;
    transform:none!important;
    backdrop-filter:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__cta--precious::before,
  body .editorial-home .week-hero--interactive .week-hero__cta--precious::after {
    display:none!important;
    content:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious > .week-hero__cta-copy {
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    max-width:150px!important;
    min-height:36px!important;
    max-height:36px!important;
    height:36px!important;
    padding:0 7px!important;
    margin:0!important;
    border:1px solid #fff!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(0,0,0,.10)!important;
    text-align:center!important;
    transform:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious .week-hero__cta-copy strong {
    display:block!important;
    font-family:"Epilogue",Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    color:#111!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    border:0!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__cta--precious .week-hero__cta-copy strong::after {
    content:none!important;
    display:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious > .week-hero__cta-arrow,
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious:hover > .week-hero__cta-arrow {
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    box-sizing:border-box!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    color:#111!important;
    background:transparent!important;
    transform:none!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious .week-hero__cta-arrow svg {
    display:block!important;
    width:17px!important;
    height:17px!important;
    stroke:#111!important;
    stroke-width:2!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious:hover {
    background:#dedede!important;
  }
  body .editorial-home .week-hero--interactive .week-hero__rail-actions .week-hero__cta--precious:focus-visible {
    outline:2px solid #fff!important;
    outline-offset:3px!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body .editorial-home .week-hero--interactive .week-hero__cta--precious {
    transition:none!important;
  }
}


/* v1.0.22 — concise benefit-led copy, NEVER more than two visible lines.
   Applies to all 15 experiences on every device, without shrinking desktop
   text or moving the approved transparent 30%-wide mobile caption. */
body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  max-height:calc(2 * 1.5em)!important;
}
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__day-card .week-hero__moment {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-height:calc(2 * 1.25em)!important;
  }
}


/* v1.0.25 — place hero scene title/description at the BOTTOM LEFT.
   The rail is an overlay on the existing footage, not centered over it.
   Reserve room for the separate bottom scene-selector dock. */
@media (min-width:901px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__rail {
    position:absolute!important;
    top:auto!important;
    bottom:clamp(108px,12vh,155px)!important;
    left:var(--dbd-gutter)!important;
    right:auto!important;
    inset-block-start:auto!important;
    inset-block-end:clamp(108px,12vh,155px)!important;
    transform:none!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
  }
}
/* Mobile: the original uncropped 16:9 video keeps the title and short
   description above the bottom tab strip. The mobile CTA stays hidden. */
@media (max-width:900px) {
  body .editorial-home .week-hero--interactive.has-dbd-vertical-selector .week-hero__experience > .week-hero__rail {
    position:absolute!important;
    top:auto!important;
    bottom:clamp(52px,6vw,62px)!important;
    left:clamp(9px,3vw,18px)!important;
    right:auto!important;
    inset-block-start:auto!important;
    inset-block-end:clamp(52px,6vw,62px)!important;
    transform:none!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    width:30%!important;
    max-width:30%!important;
  }
}