/* For Him only. One empty photographic shell; every watch stays independent. */
.dbd-discover--him {
  --dbd-bg:#102250; --dbd-ink:#eee6d6; --dbd-muted:#d3ccbe; --dbd-accent:#d1ad73;
  --dbd-rail-gap:clamp(24px,2.2vw,44px);
  --dbd-box-size:calc((100vw - 5 * var(--dbd-rail-gap)) / 5.3);
  --dbd-editorial-inset:max(40px,calc((100vw - 1280px) / 2));
  background:#102250;
  background-image:radial-gradient(ellipse at 54% 73%,rgba(37,65,119,.27),transparent 66%);
  color:var(--dbd-ink); border-color:rgba(209,173,115,.15);
  padding-block:clamp(56px,5.4vw,90px) clamp(42px,4.3vw,72px);
}
.dbd-discover--him .container {position:relative;width:100%;max-width:none;padding-inline:0}
.dbd-discover--him .dbd-discover__heading,
.dbd-discover--him .dbd-discover__note {width:auto;margin-inline:var(--dbd-editorial-inset)}
.dbd-discover--him .dbd-discover__heading {display:block;padding-right:280px;margin-bottom:clamp(34px,3vw,52px)}
.dbd-discover--him .dbd-discover__heading > div:first-child {max-width:690px}
.dbd-discover--him .dbd-discover__eyebrow {color:var(--dbd-accent);font-size:.62rem;letter-spacing:.21em;margin-bottom:17px}
.dbd-discover--him .dbd-discover__heading h2 {
  color:var(--dbd-ink);font-size:clamp(2.5rem,3.7vw,4rem);line-height:1.09;
  max-width:22ch;margin-bottom:17px;letter-spacing:-.045em;text-wrap:balance;
}
.dbd-discover--him .dbd-discover__lead {color:var(--dbd-muted);font-size:clamp(.84rem,.95vw,.95rem);line-height:1.8;max-width:65ch}
.dbd-discover--him .dbd-discover__cue {display:none}
.dbd-discover--him .dbd-discover__navigation {
  position:absolute;top:22px;right:var(--dbd-editorial-inset);width:240px;margin:0;
  display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;
}
.dbd-discover--him .dbd-discover__count {flex-basis:100%;margin:0 0 8px;color:var(--dbd-accent);text-align:right;font-size:.65rem;letter-spacing:.09em}
.dbd-discover--him .dbd-discover__arrow {width:44px;height:44px;color:var(--dbd-accent);background:transparent;border-color:rgba(209,173,115,.5);font-size:1.2rem}
.dbd-discover--him .dbd-discover__arrow:hover {background:var(--dbd-accent);color:var(--dbd-bg);transform:none}
.dbd-discover--him .dbd-discover__motion {color:var(--dbd-accent);min-height:44px;font-weight:400;font-size:.65rem;text-decoration-thickness:1px}
.dbd-discover--him .dbd-discover__motion:hover {color:var(--dbd-ink)}
.dbd-discover--him .dbd-discover__viewport {margin:0;padding:0;scroll-padding:0;scroll-snap-type:none;cursor:grab;touch-action:pan-x pan-y}
.dbd-discover--him .dbd-discover__viewport.is-dragging {cursor:grabbing;user-select:none}
.dbd-discover--him .dbd-discover__track {padding-block:0 16px}
.dbd-discover--him .dbd-discover__set {gap:var(--dbd-rail-gap);padding-right:var(--dbd-rail-gap)}
.dbd-discover--him .dbd-discover__watch {
  width:var(--dbd-box-size);border:0;border-radius:0;background:transparent;
  box-shadow:none;overflow:visible;scroll-snap-align:none;
}
.dbd-discover--him .dbd-discover__watch-stage {
  position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;
  overflow:visible;border:0;border-radius:0;outline:0;
  background:transparent url('../boxes/him-walnut-shell-v1.webp') center / contain no-repeat;box-shadow:none;
}
/* All wood, upholstery, cradle, reflections and depth come from the photograph. */
.dbd-discover--him .dbd-discover__watch-stage::before,
.dbd-discover--him .dbd-discover__watch-stage::after {content:none}
.dbd-discover--him .dbd-discover__stage-tag {display:none}
.dbd-discover--him .dbd-watch-art,
.dbd-discover--him .dbd-discover__product-image {
  position:absolute;z-index:1;left:53.3%;top:45.7%;display:block;object-fit:contain;
  transform:translate(-50%,-50%);filter:drop-shadow(1px 3px 2px rgba(35,18,10,.42));transition:filter .2s ease;
}
/* Shortened strap ends suggest a watch wrapped around the photographed cushion. */
.dbd-discover--him .dbd-watch-art {width:auto;height:72%;max-width:65%;clip-path:inset(15% 0 15% round 18%)}
.dbd-discover--him .dbd-discover__product-image {width:53%;max-width:53%;height:54%;max-height:54%}
.dbd-discover--him .dbd-discover__watch:hover .dbd-watch-art,
.dbd-discover--him .dbd-discover__watch:hover .dbd-discover__product-image {
  transform:translate(-50%,-50%);filter:drop-shadow(1px 4px 3px rgba(35,18,10,.5));
}
.dbd-discover--him .dbd-discover__watch-copy {box-sizing:border-box;min-height:97px;align-items:flex-start;text-align:left;padding:12px 6% 0}
.dbd-discover--him .dbd-discover__style {color:var(--dbd-accent);font-size:.54rem;line-height:1.6;letter-spacing:.13em}
.dbd-discover--him .dbd-discover__watch-copy h3 {color:var(--dbd-ink);font-size:clamp(.98rem,1.12vw,1.2rem);line-height:1.3;margin:5px 0 10px;letter-spacing:-.015em}
.dbd-discover--him .dbd-discover__watch-copy p {display:none}
.dbd-discover--him .dbd-discover__watch-copy a {
  color:var(--dbd-muted);border-color:rgba(209,173,115,.45);min-height:28px;margin:0;
  padding-bottom:4px;gap:17px;font-size:.64rem;
}
.dbd-discover--him .dbd-discover__watch-copy a:hover {color:var(--dbd-accent)}
.dbd-discover--him .dbd-discover__note {color:var(--dbd-muted);margin-top:25px;font-size:.69rem;line-height:1.7;gap:40px}
.dbd-discover--him .dbd-discover__note span {color:var(--dbd-muted);font-size:.61rem;line-height:1.7;max-width:48ch}
.dbd-discover--him .dbd-discover__arrow:focus-visible,
.dbd-discover--him .dbd-discover__motion:focus-visible,
.dbd-discover--him .dbd-discover__watch-copy a:focus-visible,
.dbd-discover--him .dbd-discover__viewport:focus-visible {outline:2px solid #eed3a9;outline-offset:4px}
@media(min-width:701px) and (max-width:1100px) {
  .dbd-discover--him {--dbd-box-size:calc((100vw - 3 * var(--dbd-rail-gap)) / 3.3);--dbd-editorial-inset:32px}
  .dbd-discover--him .dbd-discover__heading {padding-right:230px}
  .dbd-discover--him .dbd-discover__navigation {width:210px}
}
@media(max-width:700px) {
  .dbd-discover--him {--dbd-box-size:76vw;--dbd-rail-gap:18px;--dbd-editorial-inset:24px;padding-block:41px 35px}
  .dbd-discover--him .dbd-discover__heading {padding:0;margin-bottom:21px}
  .dbd-discover--him .dbd-discover__eyebrow {font-size:.55rem;margin-bottom:14px}
  .dbd-discover--him .dbd-discover__heading h2 {font-size:clamp(1.95rem,8.6vw,2.7rem);max-width:19ch;margin-bottom:13px;line-height:1.1}
  .dbd-discover--him .dbd-discover__lead {font-size:.79rem;line-height:1.75;max-width:45ch}
  .dbd-discover--him .dbd-discover__navigation {position:static;width:auto;margin:0 var(--dbd-editorial-inset) 19px;flex-wrap:nowrap;gap:8px}
  .dbd-discover--him .dbd-discover__count {flex-basis:auto;margin:0 auto 0 0;text-align:left;font-size:.6rem}
  .dbd-discover--him .dbd-discover__arrow {flex-shrink:0}
  .dbd-discover--him .dbd-discover__motion {min-width:48px;padding-inline:4px;font-size:.6rem}
  .dbd-discover--him .dbd-discover__watch-copy {min-height:95px;padding-top:10px}
  .dbd-discover--him .dbd-discover__style {font-size:.55rem}
  .dbd-discover--him .dbd-discover__watch-copy h3 {font-size:1.06rem}
  .dbd-discover--him .dbd-discover__watch-copy a {font-size:.67rem;min-height:36px}
  .dbd-discover--him .dbd-discover__note {margin-top:15px;font-size:.66rem}
  .dbd-discover--him .dbd-discover__note span {margin-top:9px;font-size:.6rem}
}
@media(prefers-reduced-motion:reduce) {
  .dbd-discover--him .dbd-watch-art,
  .dbd-discover--him .dbd-discover__product-image,
  .dbd-discover--him .dbd-discover__arrow {transition:none}
}
