/*
 * DialByDay editorial page gradients v1.0.9
 * One continuous vertical color transition, not a separate gradient
 * restarted in each section. Only For Him and For Her homepages.
 * All product cards/images and Together remain untouched.
 */

/* The long gradient belongs to the MAIN page, so its colors naturally
   darken as the visitor scrolls into the pure-black footer. */
body.home.collection-edit-him main.editorial-home--him {
  background-color:#0b1728 !important;
  background-image:linear-gradient(to bottom,
    #0b1728 0%, #0b1728 13%, #091625 28%,
    #08111e 43%, #060d16 58%, #03070d 76%,
    #010204 91%, #000000 100%) !important;
}
body.home.collection-edit-her main.editorial-home--her {
  /* Editorial black-cherry reference: deep wine #26030B at the top. */
  background-color:#26030B !important;
  background-image:linear-gradient(to bottom,
    #26030B 0%, #2E020C 14%, #240008 30%,
    #190006 48%, #0F0003 68%, #050001 86%,
    #000000 100%) !important;
}

/* The parent theme sets each editorial section to its own opaque color.
   Remove ONLY those large section paints. Their cards, watch photography,
   films, transparent hero caption, and interactive controls remain intact. */
body.home.collection-edit-him main.editorial-home--him
  :is(.dbd-discover,.dbd-choices,.editorial-quality,.dbd-post,
      .conversion-steps,.editorial-feature-band,.editorial-fulfillment,
      .editorial-intro,.editorial-occasions,.editorial-process,
      .editorial-packages,.editorial-assurance,.editorial-closing),
body.home.collection-edit-her main.editorial-home--her
  :is(.dbd-discover,.dbd-choices,.editorial-quality,.dbd-post,
      .conversion-steps,.editorial-feature-band,.editorial-fulfillment,
      .editorial-intro,.editorial-occasions,.editorial-process,
      .editorial-packages,.editorial-assurance,.editorial-closing) {
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
}

/* Remove only section-wide decorative veils that would conceal the
   vertical fade; do not change cards or photography pseudo-elements. */
body.home.collection-edit-him main.editorial-home--him .dbd-choices::before,
body.home.collection-edit-him main.editorial-home--him .dbd-choices::after,
body.home.collection-edit-her main.editorial-home--her .dbd-choices::before,
body.home.collection-edit-her main.editorial-home--her .dbd-choices::after {
  background:none !important;
}

/* Discovery: keep the product vitrines light/legible, while making the
   section's headings and controls readable on its dark gradient canvas. */
body.home.collection-edit-him main.editorial-home--him .dbd-discover__heading h2,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__heading h2,
body.home.collection-edit-him main.editorial-home--him .dbd-discover__note,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__note {
  color:#faf6f0 !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-discover__lead,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__lead,
body.home.collection-edit-him main.editorial-home--him .dbd-discover__note span,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__note span,
body.home.collection-edit-him main.editorial-home--him .dbd-discover__count,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__count {
  color:#d3d0d0 !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-discover__eyebrow,
body.home.collection-edit-him main.editorial-home--him .dbd-discover__cue {
  color:#dfc8a7 !important;
}
body.home.collection-edit-her main.editorial-home--her .dbd-discover__eyebrow,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__cue {
  color:#f1c7d5 !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-discover__arrow,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__arrow {
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.38) !important;
  color:#faf6f0 !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-discover__motion,
body.home.collection-edit-her main.editorial-home--her .dbd-discover__motion {
  color:#e1dcda !important;
}

/* The offer cards intentionally keep their soft-ivory background and ink
   typography. The headline above them remains white on the new gradient. */
body.home.collection-edit-him main.editorial-home--him .dbd-choices__heading h2,
body.home.collection-edit-her main.editorial-home--her .dbd-choices__heading h2 {
  color:#faf6f0 !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-choices__heading > p:last-child,
body.home.collection-edit-her main.editorial-home--her .dbd-choices__heading > p:last-child {
  color:#d9d4d5 !important;
}

/* The quality section previously had either a light blue solid background
   or a solid coffee-black background. Keep readable type on the new fade. */
body.home.collection-edit-him main.editorial-home--him .editorial-quality,
body.home.collection-edit-her main.editorial-home--her .editorial-quality {
  color:#f8f5ef !important;
}
body.home.collection-edit-him main.editorial-home--him .editorial-quality__intro h2,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__intro h2,
body.home.collection-edit-him main.editorial-home--him .editorial-quality__details h3,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__details h3 {
  color:#f8f5ef !important;
}
body.home.collection-edit-him main.editorial-home--him .editorial-quality__intro > p:not(.editorial-tag),
body.home.collection-edit-her main.editorial-home--her .editorial-quality__intro > p:not(.editorial-tag),
body.home.collection-edit-him main.editorial-home--him .editorial-quality__details p,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__details p,
body.home.collection-edit-him main.editorial-home--him .editorial-quality__note,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__note,
body.home.collection-edit-him main.editorial-home--him .editorial-quality__visual figcaption,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__visual figcaption {
  color:#ced0d6 !important;
}
body.home.collection-edit-him main.editorial-home--him .editorial-quality__visual figcaption,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__visual figcaption {
  background:transparent !important;
}
body.home.collection-edit-him main.editorial-home--him .editorial-quality__details article,
body.home.collection-edit-her main.editorial-home--her .editorial-quality__details article {
  border-color:rgba(255,255,255,.19) !important;
}

/* The existing FAQ was a pale block immediately before the dark closing
   section, interrupting the fade. Give it transparent glass-free styling. */
body.home.collection-edit-him main.editorial-home--him .dbd-post-faq,
body.home.collection-edit-her main.editorial-home--her .dbd-post-faq {
  --post-ink:#f6f2ef;
  --post-muted:#c7c5c8;
  color:#f6f2ef !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-post-faq .dbd-post__eyebrow,
body.home.collection-edit-her main.editorial-home--her .dbd-post-faq .dbd-post__eyebrow {
  color:#e2c6cb !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-post-faq .dbd-post__lead,
body.home.collection-edit-her main.editorial-home--her .dbd-post-faq .dbd-post__lead,
body.home.collection-edit-him main.editorial-home--him .dbd-post-faq__answer p,
body.home.collection-edit-her main.editorial-home--her .dbd-post-faq__answer p {
  color:#cac9cc !important;
}
body.home.collection-edit-him main.editorial-home--him .dbd-post-faq__item,
body.home.collection-edit-her main.editorial-home--her .dbd-post-faq__item {
  border-color:rgba(255,255,255,.19) !important;
}

/* One genuine pure black footer. The shared footer's photo, links,
   bottom bar and payment icons keep their existing design. */
body.home.collection-edit-him footer.site-footer,
body.home.collection-edit-her footer.site-footer {
  background:#000 !important;
  background-image:none !important;
}


/* v1.0.3 — Restore high contrast on the catalog descriptions against the
   deep navy / black-cherry page backgrounds. Do not recolor product media. */
html body.home.collection-edit-him main.editorial-home--him .dbd-discover--catalog .dbd-discover__watch-copy h3,
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--catalog .dbd-discover__watch-copy h3 {
  color:#F8F3EB !important;
  -webkit-text-fill-color:#F8F3EB !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body.home.collection-edit-him main.editorial-home--him .dbd-discover--catalog .dbd-discover__watch-copy .dbd-discover__style {
  color:#D6BCA0 !important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--catalog .dbd-discover__watch-copy .dbd-discover__style {
  color:#E4B1C0 !important;
}
html body.home.collection-edit-him main.editorial-home--him .dbd-discover--catalog .dbd-discover__watch-copy a,
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--catalog .dbd-discover__watch-copy a {
  color:#EFE7E2 !important;
  border-bottom-color:rgba(239,231,226,.55) !important;
}
html body.home.collection-edit-him main.editorial-home--him .dbd-discover--catalog .dbd-discover__watch-copy a:hover,
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--catalog .dbd-discover__watch-copy a:hover {
  color:#FFFFFF !important;
  border-bottom-color:#FFFFFF !important;
}
/* Keep the left-side 'Tap a watch…' instruction. Remove only the redundant
   right-side single-watch/preview disclaimer on the two catalog rails. */
html body.home.collection-edit-him main.editorial-home--him .dbd-discover--catalog .dbd-discover__note > span,
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--catalog .dbd-discover__note > span {
  display:none !important;
}


/* v1.0.4 — For Her offer CTAs echo the black-cherry page atmosphere.
   Target only the three collection-building buttons. Existing card details,
   package prices, badge, and other editions are untouched. */
html body.home.collection-edit-her main.editorial-home--her
  .dbd-choices--her .dbd-box-card__cta {
  background-color:#26030B !important;
  background-image:none !important;
  border-color:#26030B !important;
  color:#FFF8F5 !important;
}
html body.home.collection-edit-her main.editorial-home--her
  .dbd-choices--her .dbd-box-card__cta:hover {
  background-color:#3B0C17 !important;
  border-color:#3B0C17 !important;
  color:#FFFFFF !important;
}
html body.home.collection-edit-her main.editorial-home--her
  .dbd-choices--her .dbd-box-card__cta:focus-visible {
  outline:3px solid #8C5062 !important;
  outline-offset:3px !important;
}


/* v1.0.5 — Match For Him's compact discovery header on For Her.
   Scoped strictly to the header's editorial text and carousel navigation;
   it does not affect the watch photographs, cards, or offers. */
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her {
  position:relative;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading {
  display:block!important;
  width:min(calc(100% - 48px),1360px)!important;
  max-width:1360px!important;
  min-height:0!important;
  box-sizing:border-box!important;
  margin:0 auto 23px!important;
  padding:0 348px 0 0!important;
  text-align:left!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading>div:first-child {
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:left!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__eyebrow {
  margin:0 0 9px!important;font-size:.63rem!important;line-height:1.35!important;letter-spacing:.18em!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading h2 {
  display:block!important;width:auto!important;max-width:none!important;
  margin:0 0 11px!important;padding:0!important;
  font-family:Lora,Georgia,serif!important;font-weight:400!important;
  font-size:clamp(2rem,2.5vw,2.6rem)!important;line-height:1.13!important;
  letter-spacing:-.037em!important;text-align:left!important;text-wrap:pretty!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__lead {
  width:auto!important;max-width:730px!important;margin:0!important;padding:0!important;
  font-size:.93rem!important;line-height:1.52!important;text-align:left!important;
  letter-spacing:0!important;text-wrap:pretty!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__cue {display:none!important;}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__navigation {
  position:absolute!important;top:38px!important;
  right:max(24px,calc((100% - 1360px)/2))!important;z-index:5!important;
  display:flex!important;flex-flow:row wrap!important;align-items:center!important;
  justify-content:flex-end!important;width:295px!important;max-width:295px!important;
  margin:0!important;padding:0!important;gap:8px!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__count {
  display:block!important;flex:0 0 100%!important;width:100%!important;
  margin:0 0 3px!important;padding:0!important;text-align:right!important;
  font-size:.7rem!important;line-height:1.5!important;letter-spacing:.045em!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__motion {
  min-width:50px!important;padding:8px 6px!important;font-size:.66rem!important;
}
html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__arrow {
  width:37px!important;height:37px!important;font-size:1.1rem!important;
}
@media (max-width:1100px) {
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading {
    width:min(calc(100% - 40px),1360px)!important;padding-right:0!important;margin-bottom:18px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading h2 {
    font-size:clamp(1.9rem,3.7vw,2.5rem)!important;max-width:100%!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__navigation {
    position:static!important;width:min(calc(100% - 40px),1360px)!important;max-width:1360px!important;
    margin:0 auto 15px!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__count {
    flex:0 1 auto!important;width:auto!important;text-align:left!important;margin:0 auto 0 0!important;
  }
}
@media (max-width:700px) {
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her {
    padding-top:25px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading {
    width:calc(100% - 34px)!important;margin-bottom:16px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__eyebrow {
    font-size:.61rem!important;margin-bottom:8px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__heading h2 {
    font-size:clamp(1.7rem,6.1vw,2.05rem)!important;
    line-height:1.16!important;letter-spacing:-.03em!important;margin:0 0 11px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__lead {
    max-width:100%!important;font-size:.88rem!important;line-height:1.57!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__navigation {
    width:calc(100% - 34px)!important;max-width:none!important;
    margin:0 auto 14px!important;gap:6px!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__count {
    font-size:.67rem!important;
  }
  html body.home.collection-edit-her main.editorial-home--her .dbd-discover--her .dbd-discover__arrow {
    width:35px!important;height:35px!important;
  }
}


/* v1.0.7 — Restore the original quality-section layout.
   Keep the original 3-column editorial grid, original image presentation,
   original 01/02/03 list rows, spacing and responsive breakpoints.
   Add only small line icons BELOW each existing number; no HTML changes. */
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article > span {
  position:relative;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article > span::after {
  content:"";
  position:absolute;
  display:block;
  width:21px;
  height:21px;
  top:33px;
  left:0;
  background-color:#D5BDA5;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  pointer-events:none;
}
html body.home.collection-edit-her main.editorial-home--her .editorial-quality__details article > span::after {
  background-color:#E5B2C0;
}

html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:nth-child(1) > span::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%202h4l.6%202.3a8%208%200%200%201%202.1%201.2L19%204.7l2%203.5-1.7%201.7a8%208%200%200%201%200%202.4l1.7%201.7-2%203.5-2.3-.8a8%208%200%200%201-2.1%201.2L14%2020h-4l-.6-2.3a8%208%200%200%201-2.1-1.2L5%2017.3l-2-3.5%201.7-1.7a8%208%200%200%201%200-2.4L3%208l2-3.5%202.3.8a8%208%200%200%201%202.1-1.2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%202h4l.6%202.3a8%208%200%200%201%202.1%201.2L19%204.7l2%203.5-1.7%201.7a8%208%200%200%201%200%202.4l1.7%201.7-2%203.5-2.3-.8a8%208%200%200%201-2.1%201.2L14%2020h-4l-.6-2.3a8%208%200%200%201-2.1-1.2L5%2017.3l-2-3.5%201.7-1.7a8%208%200%200%201%200-2.4L3%208l2-3.5%202.3.8a8%208%200%200%201%202.1-1.2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E");
}

html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:nth-child(2) > span::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12l4%206-10%2012L2%209z%22%2F%3E%3Cpath%20d%3D%22M2%209h20M6%203l6%206%206-6M12%209v12%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12l4%206-10%2012L2%209z%22%2F%3E%3Cpath%20d%3D%22M2%209h20M6%203l6%206%206-6M12%209v12%22%2F%3E%3C%2Fsvg%3E");
}

html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:nth-child(3) > span::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M12%2013l3.5-3.5M9%202h6M12%202v3M18%206l2-2%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M12%2013l3.5-3.5M9%202h6M12%202v3M18%206l2-2%22%2F%3E%3C%2Fsvg%3E");
}


/* v1.0.8 — Hide only the illustrative render caption beneath the exploded
   watch in For Him / For Her. The artwork and original layout remain. */
html body.home.collection-edit-him main.editorial-home--him
  .editorial-quality__visual > figcaption,
html body.home.collection-edit-her main.editorial-home--her
  .editorial-quality__visual > figcaption {
  display:none!important;
}


/* v1.0.9 — THE ANATOMY OF TIME
   Premium editorial watchmaker presentation for both Him and Her.
   - Recompose existing markup only (no DOM replacement)
   - Two-column exploded-watch anatomy + three refined technical chapters
   - Mobile stacked composition, image fully contained, no fake interactions
   - Respects the original transparent photo and page-length gradient.
*/
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality {
  --quality-accent:#D6AD86;
  --quality-ink:#FAF7F2;
  --quality-muted:#C1C5CC;
  --quality-rule:rgba(243,226,205,.20);
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(70px,6vw,102px) 0 clamp(78px,7vw,115px)!important;
  color:var(--quality-ink)!important;
}
html body.home.collection-edit-her main.editorial-home--her .editorial-quality {
  --quality-accent:#E6AEBE;
  --quality-ink:#FFF7F5;
  --quality-muted:#D8C5CB;
  --quality-rule:rgba(249,210,220,.20);
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality:before {
  content:"";
  pointer-events:none;
  position:absolute;
  top:0;left:clamp(28px,4vw,86px);right:clamp(28px,4vw,86px);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--quality-rule) 18%,var(--quality-rule) 82%,transparent);
  opacity:.8;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__layout {
  position:relative;
  width:min(calc(100% - 96px),1380px)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"intro intro" "visual details"!important;
  align-items:center!important;
  column-gap:clamp(40px,6.5vw,100px)!important;
  row-gap:clamp(26px,3.5vw,56px)!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__story {
  display:contents!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro {
  grid-area:intro!important;
  grid-column:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro .editorial-tag {
  margin:0 0 22px!important;
  color:var(--quality-accent)!important;
  font-size:.71rem!important;
  font-weight:650!important;
  letter-spacing:.18em!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro h2 {
  width:100%;
  max-width:25ch!important;
  margin:0!important;
  padding:0!important;
  font-family:Georgia,serif!important;
  font-size:clamp(2.9rem,4.5vw,5.05rem)!important;
  font-weight:400!important;
  line-height:1.05!important;
  letter-spacing:-.057em!important;
  color:var(--quality-ink)!important;
  text-wrap:balance;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro h2 em {
  display:block;
  margin-top:.06em;
  color:var(--quality-accent)!important;
  font-family:Georgia,serif!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:-.06em!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual {
  grid-area:visual!important;
  position:relative!important;
  isolation:isolate;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  width:100%!important;
  max-width:710px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
/* Glowing circular drafting lens behind the separated watch components. */
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual:before {
  content:"";
  position:absolute;z-index:-1;
  width:90%;
  aspect-ratio:1;
  border-radius:50%;
  left:5%;top:50%;
  transform:translateY(-50%);
  background:
    radial-gradient(circle at center, rgba(139,170,180,.11) 0 28%,rgba(139,170,180,.050) 45%,transparent 72%);
  pointer-events:none;
}
html body.home.collection-edit-her main.editorial-home--her .editorial-quality__visual:before {
  background:radial-gradient(circle at center,rgba(191,108,129,.14) 0 28%,rgba(191,108,129,.06) 45%,transparent 72%);
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual:after {
  content:"";
  position:absolute;z-index:-1;
  left:11%;right:11%;top:50%;
  aspect-ratio:1;
  transform:translateY(-50%);
  border:1px solid var(--quality-rule);
  border-radius:50%;
  box-shadow:0 0 0 40px rgba(255,255,255,.012),0 0 0 80px rgba(255,255,255,.008);
  pointer-events:none;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual img.editorial-quality__render {
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(460px,43vw,640px)!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 24px 24px rgba(0,0,0,.30));
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual figcaption {
  display:none!important;
}

/* The three chapters are a vertical typographic rhythm rather than cards. */
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details {
  grid-area:details!important;
  grid-column:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 0 clamp(18px,2.2vw,34px)!important;
  border-left:1px solid var(--quality-rule)!important;
  gap:0!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article {
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  border:0!important;
  border-bottom:1px solid var(--quality-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:clamp(21px,2.5vw,34px) 0!important;
  margin:0!important;
  transform:none!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:first-child {
  padding-top:4px!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:last-child {
  border-bottom:0!important;
  padding-bottom:4px!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:before {
  content:"";
  position:absolute;
  left:calc(-1 * clamp(19px,2.2vw,35px));top:0;
  width:2px;height:100%;
  background:linear-gradient(180deg,transparent,var(--quality-accent),transparent);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
@media (hover:hover) {
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:hover:before {
    opacity:.8;
  }
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article>span {
  display:block!important;
  position:relative!important;
  width:58px!important;
  height:72px!important;
  margin:0!important;
  padding:0!important;
  font-family:Georgia,serif!important;
  font-size:clamp(1.7rem,2vw,2.2rem)!important;
  font-weight:400!important;
  font-style:italic!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:var(--quality-accent)!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article>span::after {
  top:38px!important;
  left:1px!important;
  width:24px!important;
  height:24px!important;
  background-color:var(--quality-accent)!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article>div {
  min-width:0!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details h3 {
  margin:0 0 12px!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-size:clamp(1.43rem,1.7vw,1.85rem)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  color:var(--quality-ink)!important;
}
html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details p {
  max-width:51ch!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(.86rem,.95vw,.96rem)!important;
  font-weight:400!important;
  line-height:1.68!important;
  letter-spacing:-.005em!important;
  color:var(--quality-muted)!important;
}
@media (max-width:1050px) {
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__layout {
    width:calc(100% - 52px)!important;
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
    column-gap:32px!important;
    row-gap:28px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro h2 {
    font-size:clamp(2.8rem,5vw,4.3rem)!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual img.editorial-quality__render {
    height:clamp(380px,55vw,560px)!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article {
    grid-template-columns:43px minmax(0,1fr)!important;
    gap:13px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article>span {
    width:43px!important;
    font-size:1.65rem!important;
  }
}
@media (max-width:720px) {
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality {
    padding:64px 0 72px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__layout {
    width:calc(100% - 40px)!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"intro" "visual" "details"!important;
    row-gap:10px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro .editorial-tag {
    margin-bottom:18px!important;font-size:.66rem!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__intro h2 {
    font-size:clamp(2.75rem,10vw,4.2rem)!important;
    line-height:1.06!important;
    max-width:17ch!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual {
    max-width:520px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual img.editorial-quality__render {
    height:clamp(345px,98vw,520px)!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__visual:after {
    box-shadow:none!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details {
    border-left:0!important;
    padding:5px 0 0!important;
    margin:0!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article {
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    padding:22px 0 24px!important;
    border-top:1px solid var(--quality-rule)!important;
    border-bottom:0!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:first-child {
    padding-top:22px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:last-child {
    padding-bottom:0!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:before {
    display:none!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article>span {
    width:52px!important;font-size:1.8rem!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details h3 {
    font-size:clamp(1.45rem,5vw,1.8rem)!important;
    margin-bottom:9px!important;
  }
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details p {
    max-width:100%!important;
    font-size:.89rem!important;
    line-height:1.65!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.home:is(.collection-edit-him,.collection-edit-her) main.editorial-home .editorial-quality__details article:before {
    transition:none!important;
  }
}
