/* Three original watches. Vertical page scroll becomes a horizontal gallery. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.collection-section{position:relative;background:#21150f;isolation:isolate;overflow:clip;scroll-margin-top:-118px}
.collection-stage{padding:115px var(--pad) 52px;display:grid;grid-template-columns:29% minmax(0,1fr);gap:5vw;align-items:center;min-height:760px}
.collection-heading{align-self:center;position:relative;z-index:2}
.collection-heading h2{font-size:clamp(46px,4.6vw,79px);margin:26px 0;line-height:1.02}
.collection-heading h2 em{color:#d9b78c}
.collection-heading>p:not(.eyebrow){color:#c8b7a3;font-size:12px;line-height:1.9;max-width:255px}
.collection-heading .collection-instruction{font-size:8px!important;letter-spacing:.11em;text-transform:uppercase;color:#d8b686!important;margin-top:32px;display:flex;align-items:center;gap:16px}
.collection-instruction span{font-size:19px}
.collection-window{min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a18462 #342116;outline-offset:6px;overscroll-behavior-x:contain}
.collection-track{display:flex;gap:3vw;width:max-content;padding:0 0 18px;list-style:none;margin:0;align-items:start}
.collection-card{flex:0 0 auto;width:clamp(350px,42vw,620px);scroll-snap-align:start;position:relative}
.collection-art{position:relative;overflow:hidden;background:#130b07;height:clamp(280px,47svh,510px);border:1px solid #d9b78c24}
.collection-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s var(--ease)}
.collection-card:hover .collection-art:not(.detail-image)>img{transform:scale(1.025)}
.collection-art.detail-image{margin:0}
.collection-art.detail-image>img{max-width:none;width:210%;height:210%;object-fit:cover}
.collection-meta{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 0 0}
.collection-meta>div{display:flex;align-items:baseline;gap:16px}
.collection-meta span{color:#c5a275;font-size:8px;letter-spacing:.1em}
.collection-meta h3{font:32px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0}
.collection-meta>p{font-size:8px;letter-spacing:.07em;color:#b7a48e;text-align:right;max-width:155px;margin-top:5px}
.collection-card>p{color:#bbaa96;font-size:11px;line-height:1.9;margin:17px 0 0;max-width:380px}
.collection-card .detail-options{margin-top:12px}
.collection-card .detail-caption{font-size:10px;margin-top:13px;max-width:400px}
.collection-controls{grid-column:2;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9a77c38;padding-top:15px;gap:20px}
.collection-positions{display:flex;gap:10px}
.collection-positions button{width:44px;min-height:44px;position:relative;color:#9f8a72;display:grid;place-items:center}
.collection-positions button>span{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;transition:opacity .3s,transform .3s}
.collection-positions button[aria-pressed=true]>span{opacity:1;transform:scale(1.25)}
.collection-positions button[aria-pressed=true]{color:#f0eadf}
.collection-controls>p{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#bdaa93}
.collection-arrows{display:flex;gap:10px}
.collection-arrows button{width:44px;height:44px;border:1px solid #b4946b66;transition:background .25s,color .25s;font-size:18px}
.collection-arrows button:hover:not(:disabled){background:#d8bb94;color:#21150f}
.collection-arrows button:disabled{opacity:.25}
.collection-scroll .collection-section{height:var(--collection-height,340svh)}
.collection-scroll .collection-stage{position:sticky;top:0;height:100svh;min-height:0;grid-template-rows:1fr auto;row-gap:20px}
.collection-scroll .collection-heading{grid-row:1 / 3}
.collection-scroll .collection-window{overflow:clip;scroll-snap-type:none;margin-right:calc(-1*var(--pad));padding-right:var(--pad)}
.collection-scroll .collection-track{padding:0;will-change:transform}
.collection-scroll .collection-controls{grid-row:2}
@media(min-width:701px) and (max-height:740px){.collection-stage{padding-top:100px;padding-bottom:20px}.collection-art{height:38svh;min-height:220px}.collection-meta{padding-top:12px}.collection-card .detail-caption{margin-top:8px}.collection-meta h3{font-size:26px}.collection-heading h2{font-size:clamp(44px,4.4vw,70px)}}
@media(max-width:1050px){.collection-stage{grid-template-columns:32% minmax(0,1fr);gap:4vw}.collection-card{width:49vw}.collection-meta{gap:10px}.collection-meta>div{gap:10px}.collection-meta h3{font-size:28px}.collection-meta>p{max-width:105px;font-size:7px}.collection-controls>p{display:none}}
@media(max-width:700px){
 .collection-section{scroll-margin-top:-102px}
 .collection-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;padding:105px var(--pad) 18px;gap:18px;min-height:0}
 .collection-heading h2{font-size:clamp(30px,7.4vw,40px);margin:12px 0;line-height:1.03}
 .collection-heading h2 br{display:none}
 .collection-heading h2 em{margin-left:.12em}
 .collection-heading .eyebrow{font-size:7px}
 .collection-heading>p:not(.eyebrow){font-size:10px;max-width:350px;line-height:1.7}
 .collection-heading .collection-instruction{display:none}
 .collection-scroll .collection-stage{grid-template-rows:auto minmax(0,1fr) auto;row-gap:16px}
 .collection-scroll .collection-heading{grid-row:1}
 .collection-scroll .collection-controls{grid-row:3}
 .collection-card{width:78vw;max-width:520px}
 .collection-track{gap:5vw}
 .collection-art{height:36svh;min-height:210px;max-height:360px}
 .collection-meta{padding-top:13px}
 .collection-meta h3{font-size:27px}
 .collection-meta>p{font-size:7px;max-width:120px}
 .collection-card>p{font-size:10px;line-height:1.7;margin-top:12px}
 .collection-card .detail-options{margin-top:6px}
 .collection-card .detail-options button{min-height:38px}
 .collection-card .detail-caption{font-size:9px;line-height:1.5;min-height:27px;margin-top:7px}
 .collection-controls{grid-column:1;padding-top:8px;gap:10px}
 .collection-positions{gap:0}
 .collection-arrows{gap:8px}
 .collection-window{margin-right:calc(-1*var(--pad))}
 .collection-art.detail-image[data-view=leather]>img{width:540%;height:auto;left:-333%;top:auto;bottom:-5%}
}
@media(max-width:700px) and (max-height:650px){.collection-heading>p:not(.eyebrow){display:none}.collection-stage{padding-top:94px;gap:12px}.collection-scroll .collection-stage{row-gap:12px}.collection-heading h2{font-size:clamp(29px,7vw,35px);margin:9px 0}.collection-art{height:40svh;min-height:210px}.collection-meta h3{font-size:23px}.collection-meta{padding-top:10px}.collection-card .detail-caption{display:none}}
@media(prefers-reduced-motion:reduce){.collection-art>img,.collection-arrows button,.collection-positions button:after{transition:none}.collection-card:hover .collection-art:not(.detail-image)>img{transform:none}.collection-window{scroll-behavior:auto;scroll-snap-type:x proximity}}
