/* ODDWRIST — homepage */

/* Hero */
.ow-hero{position:relative;display:grid;align-items:end;min-height:min(100svh,980px);margin-top:calc(-1 * var(--header-h));color:var(--ow-paper);background:var(--ow-ink);overflow:hidden;isolation:isolate}
.ow-hero__media{position:absolute;inset:-6% 0 0;z-index:-2;will-change:transform}
.ow-hero__media img,.ow-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.ow-hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.35) 48%,rgba(10,10,10,0) 70%),linear-gradient(0deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,0) 40%)}
.ow-hero__content{padding-top:calc(var(--header-h) + 64px);padding-bottom:clamp(56px,9vh,112px);max-width:var(--container)}
.ow-hero__title{font:500 expanded var(--fs-display)/.9 var(--ow-display);letter-spacing:-.03em;max-width:11ch;text-wrap:balance;margin-bottom:28px}
.ow-hero__title em{color:var(--ow-paper)}
.ow-hero__text{font-size:var(--fs-md);max-width:42ch;color:#d9d6cf;margin-bottom:36px}
.ow-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.ow-hero--center .ow-hero__content{text-align:center;display:grid;justify-items:center}
.ow-hero--center .ow-hero__title{max-width:14ch}
.ow-hero--center .ow-hero__veil{background:radial-gradient(ellipse at center,rgba(10,10,10,.55),rgba(10,10,10,.85))}
.ow-hero__scroll{position:absolute;right:var(--gutter);bottom:clamp(56px,9vh,112px);width:1px;height:96px;background:rgba(255,255,255,.25);overflow:hidden}
.ow-hero__scroll span{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:var(--ow-signal-on-dark);animation:ow-scrolldot 2.4s var(--ease-in-out) infinite}
@keyframes ow-scrolldot{0%{top:-5px}70%,100%{top:100%}}
@media (max-width:767px){.ow-hero__veil{background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.55) 55%,rgba(10,10,10,.2) 100%)}.ow-hero__media img{object-position:62% 40%}.ow-hero__scroll{display:none}}

/* Collections mosaic */
.ow-mosaic{display:grid;gap:clamp(10px,1.4vw,20px);grid-template-columns:1fr}
@media (min-width:900px){.ow-mosaic--3{grid-template-columns:1.45fr 1fr;grid-template-rows:1fr 1fr}.ow-mosaic--3 .ow-tile--lead{grid-row:1/3}.ow-mosaic--2{grid-template-columns:1fr 1fr}.ow-mosaic--4{grid-template-columns:repeat(2,1fr)}}
.ow-tile{position:relative;display:block;min-height:clamp(260px,32vw,420px);overflow:hidden;background:var(--ow-ink);color:var(--ow-paper);text-decoration:none;isolation:isolate}
.ow-tile--lead{min-height:clamp(380px,56vw,860px)}
.ow-tile__media{position:absolute;inset:0;z-index:-1}
.ow-tile__media img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;transition:transform 1.4s var(--ease-out)}
.ow-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.75),rgba(10,10,10,0) 55%)}
.ow-tile:hover .ow-tile__media img{transform:scale(1.045)}
.ow-tile__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,2.5vw,36px);display:grid;gap:6px}
.ow-tile__body .ow-eyebrow{margin:0}
.ow-tile__title{font:500 expanded var(--fs-xl)/1 var(--ow-display);letter-spacing:-.03em}
.ow-tile--lead .ow-tile__title{font-size:var(--fs-2xl)}
.ow-tile__cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font:500 expanded 11px/1 var(--ow-mono);letter-spacing:.14em;text-transform:uppercase;width:max-content;padding-bottom:6px;background:linear-gradient(var(--ow-signal-on-dark),var(--ow-signal-on-dark)) 0 100%/0 1.5px no-repeat;transition:background-size var(--t-med) var(--ease-out)}
.ow-tile:hover .ow-tile__cta{background-size:100% 1.5px}

/* Story */
.ow-story__grid{display:grid;gap:clamp(32px,6vw,96px);align-items:center}
@media (min-width:900px){.ow-story__grid{grid-template-columns:5fr 6fr}}
.ow-story__media{position:relative;margin:0;aspect-ratio:4/5;background:var(--ow-bone);overflow:hidden}
.ow-story__media img{width:100%;height:100%;object-fit:cover}
.ow-story__caption{position:absolute;left:20px;bottom:20px;font-size:28px;color:var(--ow-ink)}
.ow-story__title{font-size:var(--fs-2xl);margin-bottom:28px;max-width:16ch}
.ow-story__text .ow-lead{margin-bottom:32px;color:var(--ow-muted)}

/* Showcase carousel (night) */
.ow-showcase{overflow:hidden}
.ow-showcase .ow-link-arrow{color:var(--ow-paper)}
.ow-showcase__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,30vw,440px);gap:clamp(12px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));scrollbar-width:none;cursor:grab;outline-offset:-2px}
.ow-showcase__track::-webkit-scrollbar{display:none}
.ow-showcase__track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.ow-showcase__track.is-dragging a{pointer-events:none}
.ow-showcase__card{scroll-snap-align:start;display:grid;gap:16px;text-decoration:none;color:var(--ow-paper)}
.ow-showcase__media{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ow-graphite)}
.ow-showcase__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter .6s}
.ow-showcase__card:hover .ow-showcase__media img{transform:scale(1.04)}
.ow-showcase__meta{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline}
.ow-showcase__meta .ow-mono{color:var(--ow-signal-on-dark);grid-row:1/3}
.ow-showcase__meta .ow-eyebrow{margin:0}
.ow-showcase__name{font:500 expanded var(--fs-lg)/1.1 var(--ow-display);letter-spacing:-.03em}
.ow-showcase__price{grid-column:2;color:var(--ow-muted-dark);font-size:var(--fs-sm)}
.ow-showcase__price ins{color:var(--ow-signal-on-dark)}
.ow-showcase__controls{display:flex;align-items:center;gap:12px;margin-top:32px}
.ow-showcase__controls .ow-progressbar{flex:1;background:var(--ow-graphite)}

/* Category explorer */
.ow-cats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:clamp(10px,1.2vw,16px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:6px}
.ow-cat{position:relative;scroll-snap-align:start;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--ow-bone);text-decoration:none;color:var(--ow-paper);isolation:isolate}
.ow-cat__media{position:absolute;inset:0;z-index:-1}
.ow-cat__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.ow-cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.65),rgba(10,10,10,0) 50%)}
.ow-cat:hover .ow-cat__media img{transform:scale(1.06)}
.ow-cat__name{position:absolute;left:18px;bottom:16px;font:500 expanded var(--fs-xl)/1 var(--ow-display);transition:transform var(--t-med) var(--ease-out);letter-spacing:-.03em}
.ow-cat:hover .ow-cat__name{transform:translateY(-6px)}
.ow-cat__count{position:absolute;right:16px;top:14px;color:var(--ow-paper);opacity:.85}

/* Craft */
.ow-craft__grid{display:grid;gap:clamp(32px,6vw,96px);align-items:center}
@media (min-width:900px){.ow-craft__grid{grid-template-columns:1fr 1fr}}
.ow-craft__media{aspect-ratio:4/3;overflow:hidden;background:var(--ow-graphite)}
.ow-craft__media img{width:100%;height:115%;object-fit:cover;will-change:transform}
.ow-points{list-style:none;margin-top:36px;border-top:1px solid var(--ow-graphite)}
.ow-points li{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--ow-graphite)}
.ow-points__n{color:var(--ow-signal-on-dark);grid-row:1/3;padding-top:.3em}
.ow-points__title{font:500 expanded var(--fs-lg)/1.2 var(--ow-display);letter-spacing:-.03em}
.ow-points p{margin:0;color:var(--ow-muted-dark);font-size:var(--fs-sm);max-width:48ch}

/* Featured watch */
.ow-feature__grid{display:grid;gap:clamp(32px,5vw,80px);align-items:center}
@media (min-width:900px){.ow-feature__grid{grid-template-columns:1.1fr 1fr}}
.ow-feature__media{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ow-paper)}
.ow-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.ow-feature__media:hover img{transform:scale(1.03)}
.ow-feature__brand{font:500 expanded var(--fs-xs)/1 var(--ow-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.ow-feature__name{font-size:var(--fs-2xl);margin-bottom:12px}
.ow-feature__info .ow-lead{color:var(--ow-muted);margin:20px 0 28px}
.ow-feature__info .ow-specs{margin-bottom:32px}
.ow-feature__ctas{display:flex;flex-wrap:wrap;gap:10px}

/* Campaign */
.ow-campaign{position:relative;color:var(--ow-paper);background:var(--ow-signal);overflow:hidden;isolation:isolate}
.ow-campaign--dark{background:var(--ow-ink)}
.ow-campaign--light{background:var(--ow-bone);color:var(--ow-ink)}
.ow-campaign__media{position:absolute;inset:0;z-index:-1}
.ow-campaign__media img{width:100%;height:100%;object-fit:cover;object-position:75% 50%}
.ow-campaign::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 60%)}
.ow-campaign--light::after{display:none}
.ow-campaign__content{min-height:clamp(420px,46vw,640px);display:grid;align-content:center;justify-items:start;gap:20px;padding-block:var(--section)}
.ow-campaign .ow-display{font-size:var(--fs-2xl);max-width:12ch}
.ow-campaign .ow-lead{max-width:40ch}
.ow-campaign--red .ow-eyebrow--light{color:rgba(255,255,255,.85)}
@media (max-width:767px){.ow-campaign::after{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.25))}.ow-campaign__media img{object-position:85% 50%;opacity:.55}.ow-campaign--light .ow-campaign__media img{opacity:.35}}

/* Reviews */
.ow-quotes{display:grid;gap:clamp(16px,2vw,28px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ow-quote{margin:0;padding:28px;background:var(--ow-bone);display:grid;gap:12px;align-content:start}
.ow-quote blockquote{margin:0;font:400 var(--fs-lg)/1.3 var(--ow-serif)}
.ow-quote figcaption{font-size:var(--fs-sm);color:var(--ow-muted)}
.ow-quote figcaption strong{color:var(--ow-ink);font-weight:500}
.ow-verified{display:inline-flex;align-items:center;gap:4px;color:var(--ow-good)}