/* Native-scroll product stories. Static document flow is the default. */
.scroll-story{--story-ink:#eee9df;--story-muted:#b8c2c4;--story-accent:#d4b67a;--story-line:#ffffff26;color:var(--story-ink);background:#142126;padding:95px max(6vw,calc((100vw - 1267px)/2)) 65px;isolation:isolate}
.scroll-story.story-light{--story-ink:#203139;--story-muted:#526168;--story-accent:#8b6637;--story-line:#20313930;background:#eeeae2}
.story-heading{max-width:1100px;margin:0 0 42px}.refresh-site .story-heading h2{font-size:clamp(52px,6vw,88px);max-width:850px;margin-bottom:28px}.story-light em{color:var(--story-accent)}
.refresh-site .scroll-story p{color:var(--story-muted)}.refresh-site .scroll-story .refresh-eyebrow{color:var(--story-accent)}
.story-intro{font-size:18px;max-width:55ch!important}.story-chapters{display:flex;flex-wrap:wrap;gap:20px 34px;padding-top:24px;border-top:1px solid var(--story-line)}.story-chapters a{display:flex;gap:10px;align-items:baseline;text-decoration:none;font-size:13px;line-height:1.5;min-height:30px}.story-chapters a>span:first-child{font-family:'Cormorant Garamond',serif;color:var(--story-accent);font-size:21px}.story-chapters a:hover{text-decoration:underline;text-underline-offset:6px}.story-chapters a:focus-visible,.story-outro a:focus-visible{outline:2px solid var(--story-accent);outline-offset:6px}
.story-step{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding:50px 0;border-top:1px solid var(--story-line);scroll-margin-top:115px!important;min-width:0}
.story-copy{min-width:0;padding-block:25px}.story-kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent)}.story-kicker>span:first-child{font-family:'Cormorant Garamond',serif;font-size:32px;letter-spacing:-.04em}.refresh-site .story-copy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,4vw,62px);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin-bottom:26px}.refresh-site .story-copy h4{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:17px;line-height:1.4;margin:28px 0 12px}.story-copy p{font-size:17px;line-height:1.7;max-width:40ch!important}.story-copy small{font-size:11px;letter-spacing:.04em;color:var(--story-muted)}.story-spoken{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.2;color:var(--story-accent);margin:30px 0 12px}
.story-visual{margin:0;min-width:0;height:550px;max-height:70svh;position:relative;background:#dfd9ce;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#253941;border:1px solid #ffffff0a}
.story-object{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 60px);min-height:0;padding:25px 30px}.story-visual figcaption{height:35px;font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;text-align:center;padding:0 18px;color:#4b575a;flex-shrink:0}
.story-cutout{display:block;width:95%;max-width:420px;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 28px 22px #32210c25)}
.story-device{flex-shrink:0;background:#101a25;overflow:hidden;position:relative;border:5px solid #343a3d;box-shadow:0 20px 30px #293b3826}.story-device img{display:block;width:100%;height:auto}.story-phone{height:100%;max-height:480px;aspect-ratio:943 / 2048;border-radius:27px}.story-phone img{height:100%;object-fit:contain}.story-apple{width:43%;max-width:192px;border-radius:32px;border-color:#6a6e6e}.story-wear{width:43%;max-width:196px;border-radius:50%;border-color:#676b69}.story-watches{display:flex;align-items:center;justify-content:center;gap:9%;width:100%;position:relative}.story-watches:before{content:'';position:absolute;width:28%;height:140%;background:#333e4020;left:8%;border-radius:25px;transform:rotate(-7deg)}
.story-watch-scene .story-object{padding-inline:45px}.story-watch-scene .story-apple{transform:translateY(-24px) rotate(-7deg)}.story-watch-scene .story-wear{transform:translateY(35px) rotate(5deg)}
.story-request-scene{background:#0c1721;color:#ece8df}.story-request-scene figcaption{color:#a7b3ba}.story-request{width:100%;padding:25px 5%;}.story-request-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d4b67a50;padding-bottom:30px;margin-bottom:35px;font-size:14px;letter-spacing:.08em}.story-request-mark{font-size:35px;color:#d4b67a}.story-request-location{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#d4b67a!important}.story-request blockquote{font-family:'Cormorant Garamond',serif;font-size:clamp(35px,4vw,60px);line-height:1.06;margin:0 0 35px;letter-spacing:-.025em}.story-request-rule{height:1px;background:#ffffff26;width:100%;margin-bottom:24px}.story-request .story-original{font-size:16px;color:#9caeb7!important;line-height:1.5}
.story-trio{width:100%;max-width:100%;height:auto}.story-accepted-scene .story-object{padding:0;flex-direction:column}.story-confirmation{display:flex;align-items:center;justify-content:center;gap:12px;color:#204c42;padding:14px 24px;font-size:14px;margin-top:-15px;background:#f4f0e8;max-width:92%;border:1px solid #839a8e4d}.story-confirmation>span{border-radius:50%;background:#396556;color:#fff;width:25px;height:25px;text-align:center;line-height:25px}
.story-outro{border-top:1px solid var(--story-line);padding-top:35px}.story-preferences{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.refresh-site .story-preferences h2{font-size:48px}.story-stage{display:none}
/* Enhancement is gated by both capability and visitor motion preference. */
@media(min-width:1000px) and (min-height:650px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .scroll-story.is-enhanced .story-body{display:grid;grid-template-columns:1.16fr .84fr;column-gap:8%;position:relative}
 .is-enhanced .story-stage{display:block;position:sticky;top:108px;height:min(720px,calc(100svh - 142px));grid-column:1;grid-row:1 / 4;align-self:start;overflow:hidden;background:#dfd9ce;border:1px solid var(--story-line)}
 .is-enhanced .story-stage .story-visual{position:absolute;inset:0;height:100%;max-height:none;opacity:var(--scene-opacity,0);transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1));will-change:transform,opacity;border:0;pointer-events:none}
 .is-enhanced .story-stage .story-cutout{transform:rotate(var(--scene-rotate,0deg));will-change:transform}
 .is-enhanced .story-stage .story-phone{transform:translate3d(0,var(--detail-y,0px),0) rotate(var(--detail-angle,0deg));will-change:transform}
 .is-enhanced .story-stage .story-request{transform:translate3d(var(--detail-y,0px),0,0);will-change:transform}
 .is-enhanced .story-stage .story-watches{transform:scale(var(--detail-scale,1));will-change:transform}
 .is-enhanced .story-stage .story-assembly .assembly-phone{transform:translate3d(calc(-1 * var(--detail-y,0px)),0,0) rotate(-7deg)}
 .is-enhanced .story-stage .story-assembly .assembly-watch{transform:translate3d(var(--detail-y,0px),0,0) rotate(7deg)}
 .is-enhanced .story-step{grid-column:2;display:flex;min-height:82svh;align-items:center;border-top:0;padding:30px 0}.is-enhanced .story-step>.story-visual{display:none}.is-enhanced .story-step+.story-step{border-top:1px solid var(--story-line)}
 .is-enhanced .story-step:last-child{min-height:76svh}.is-enhanced .story-copy{padding:0 0 30px}.is-enhanced .story-stage-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#9e8b7033;z-index:5}.is-enhanced .story-stage-meter i{display:block;height:100%;background:#b28e50;transform-origin:left;transform:scaleX(var(--story-progress,0));will-change:transform}
}
/* The final home scene assembles the devices rather than moving one flat composite. */
.story-assembly{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}
.story-assembly>.story-cutout{width:44%;position:absolute;left:28%;top:36%;z-index:2;filter:drop-shadow(0 18px 14px #291a2426)}
.story-assembly .assembly-phone{position:absolute;left:8%;height:76%;width:auto;max-height:350px;transform:rotate(-7deg);z-index:1;border-radius:20px}
.story-assembly .assembly-watch{position:absolute;right:5%;top:31%;width:23%;max-width:125px;transform:rotate(7deg);border-radius:22px}
.story-accepted-scene .story-confirmation{position:absolute;bottom:18px;z-index:3}
@media(max-width:999px),(pointer:coarse){
 .scroll-story{padding:65px 6vw 45px}.story-step{gap:6%;padding:40px 0}.story-visual{height:450px}.story-copy p{font-size:16px}.story-chapters{gap:12px 25px}.story-watch-scene .story-object{padding-inline:24px}
}
@media(max-width:640px){
 .story-step{grid-template-columns:1fr;gap:30px;padding:40px 0}.story-visual{height:430px;max-height:none}.story-copy{padding:0 0 10px}.story-kicker{margin-bottom:18px}.refresh-site .story-copy h3{font-size:44px;margin-bottom:20px}.story-copy p{max-width:none!important}.story-chapters{gap:10px 20px}.story-chapters a{font-size:12px}.story-heading{margin-bottom:26px}.refresh-site .story-heading h2{font-size:48px}.story-request blockquote{font-size:42px}.story-preferences{grid-template-columns:1fr;gap:16px}.refresh-site .story-preferences h2{font-size:42px}.guest-concept-hero{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding-top:115px!important}.guest-hero-copy{display:contents}.guest-hero-copy>.refresh-eyebrow{grid-row:1}.guest-hero-copy>h1{grid-row:2;font-size:52px!important}.guest-concept-image{grid-row:3;margin-bottom:28px!important}.guest-hero-copy>.refresh-lead{grid-row:4}.guest-hero-copy>.refresh-actions{grid-row:5}.story-object{padding:25px}.story-assembly .assembly-phone{max-height:290px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.story-stage{display:none!important}.scroll-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.story-step{min-height:0!important}.story-visual{transform:none!important;opacity:1!important}.story-step>.story-visual{display:flex!important}}

/* Phone/tablet composition: a short sticky image stage above natural-scrolling copy. */
@media(min-height:600px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .story-stage{display:block;position:sticky;overflow:hidden;background:#dfd9ce;border:1px solid var(--story-line)}
 .is-enhanced .story-stage .story-visual{position:absolute;inset:0;height:100%;max-height:none;opacity:var(--scene-opacity,0);transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1));will-change:transform,opacity;border:0;pointer-events:none}
 .is-enhanced .story-stage .story-cutout{transform:rotate(var(--scene-rotate,0deg))}
 .is-enhanced .story-stage .story-phone{transform:translateY(var(--detail-y,0px)) rotate(var(--detail-angle,0deg))}
 .is-enhanced .story-stage .story-request{transform:translateX(var(--detail-y,0px))}
 .is-enhanced .story-stage .story-watches{transform:scale(var(--detail-scale,1))}
 .is-enhanced .story-step>.story-visual{display:none}
 .is-enhanced .story-stage-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#9e8b7033;z-index:5}.is-enhanced .story-stage-meter i{display:block;height:100%;background:#b28e50;transform-origin:left;transform:scaleX(var(--story-progress,0))}
}
@media(max-width:999px) and (min-height:600px) and (prefers-reduced-motion:no-preference), (pointer:coarse) and (min-height:600px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .story-body{display:grid;grid-template-columns:1fr;position:relative}
 .is-enhanced .story-stage{grid-row:1 / 4;grid-column:1;align-self:start;top:88px;height:36svh;min-height:225px;max-height:350px;z-index:2}
 .is-enhanced .story-step{grid-column:1;display:block;min-height:88svh;padding-top:calc(clamp(225px,36svh,350px) + 38px);padding-bottom:36px;border:0}
 .is-enhanced .story-step:nth-of-type(1){grid-row:1}.is-enhanced .story-step:nth-of-type(2){grid-row:2}.is-enhanced .story-step:nth-of-type(3){grid-row:3}
 .is-enhanced .story-copy h3{font-size:38px}.is-enhanced .story-copy p{font-size:16px;line-height:1.6}.is-enhanced .story-copy h4{font-size:16px;margin-top:18px}.is-enhanced .story-kicker{margin-bottom:14px}.is-enhanced .story-kicker>span:first-child{font-size:25px}
 .is-enhanced .story-stage .story-object{height:calc(100% - 32px);padding:16px 25px}.is-enhanced .story-stage figcaption{height:26px;font-size:9px}.is-enhanced .story-stage .story-cutout{max-width:240px}.is-enhanced .story-stage .story-phone{border-width:3px;border-radius:13px}
 .is-enhanced .story-stage .story-watches{max-width:240px}.is-enhanced .story-stage .story-apple{border-radius:20px;border-width:3px}.is-enhanced .story-stage .story-wear{border-width:3px}
 .is-enhanced .story-stage .story-request{max-width:450px;padding:5px 3%}.is-enhanced .story-stage .story-request-top{padding-bottom:8px;margin-bottom:12px;font-size:11px}.is-enhanced .story-stage .story-request-mark{font-size:23px}.is-enhanced .story-stage .story-request-location{font-size:10px!important;margin-bottom:12px}.is-enhanced .story-stage .story-request blockquote{font-size:34px;margin-bottom:15px}.is-enhanced .story-stage .story-request-rule{margin-bottom:12px}.is-enhanced .story-stage .story-original{font-size:13px;margin-bottom:0}
 .is-enhanced .story-stage .story-confirmation{font-size:11px;padding:7px 12px;bottom:8px}.is-enhanced .story-stage .story-assembly{max-width:380px;padding:10px}.is-enhanced .story-stage .assembly-phone{height:90%;left:12%}.is-enhanced .story-stage .assembly-watch{width:18%;right:12%}.is-enhanced .story-stage .story-assembly>.story-cutout{width:38%;left:31%;top:21%}
}
.story-home-heading{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:0 8%;align-items:end}.story-home-heading>.refresh-eyebrow{grid-column:1 / -1}.refresh-site .story-home-heading h1{font-size:clamp(52px,6vw,86px);margin-bottom:30px}.story-home-heading>.refresh-lead{font-size:17px;line-height:1.7;max-width:42ch}.story-home-heading>.story-chapters{grid-column:1 / -1;margin-top:15px}
@media(max-width:760px){.story-home-heading{grid-template-columns:1fr}.refresh-site .story-home-heading h1{font-size:52px}.story-home-heading>.refresh-lead{font-size:16px}}
@media(min-height:600px) and (prefers-reduced-motion:no-preference){.is-enhanced .story-stage .story-visual{background:transparent}.is-enhanced .story-stage{background:var(--stage-color,#dfd9ce)}}
@media(max-width:999px) and (min-height:600px) and (prefers-reduced-motion:no-preference), (pointer:coarse) and (min-height:600px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .story-step{padding-top:0;min-height:82svh}
 .is-enhanced .story-step:first-of-type{padding-top:calc(clamp(225px,36svh,350px) + 38px)}
 .is-enhanced .story-copy{position:sticky;top:calc(88px + clamp(225px,36svh,350px) + 28px);padding-bottom:26px}
 .is-enhanced .story-copy a{scroll-margin-top:calc(120px + clamp(225px,36svh,350px))}
}
/* Refinement: one continuous surface, with the image tied to the visible copy. */
.scroll-story .story-visual{background:transparent;border:0;overflow:visible}
.story-dark .story-visual{color:#eee9df}.story-dark .story-visual figcaption{color:#a7b3ba}
@media(min-height:600px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .story-stage{border:0;background:#eeeae2;overflow:hidden}
 .story-dark.is-enhanced .story-stage{background:#142126}
 .is-enhanced .story-stage-meter{left:30px;right:30px;height:1px;bottom:0}
 .is-enhanced .story-stage .story-visual{overflow:hidden}
}
.story-dark .story-confirmation{background:#203c36;color:#e4eee5;border-color:#5a786c;padding:13px 22px}
.story-dark .story-confirmation>span{background:#aac3b4;color:#17352c}