#touch-watch-3d{--s3-bg:light-dark(#f5f5f7,#0e0f12);--s3-text:light-dark(#1d1d1f,#f5f5f7);--s3-muted:light-dark(#696970,#a8a8b0);--s3-height:var(--touch-stage-height,100svh);position:relative;height:auto;width:100%;overflow:visible;color-scheme:light dark;background:var(--s3-bg);color:var(--s3-text);font-family:Arial,Helvetica,sans-serif;isolation:isolate}
#touch-watch-3d *{box-sizing:border-box}
#touch-watch-3d .s3-runway{height:calc(var(--s3-height)*3);position:relative;margin:0;padding:0}
#touch-watch-3d .s3-pin{position:sticky;top:var(--touch-sticky-top,0px);height:var(--s3-height);overflow:hidden;background:radial-gradient(ellipse at 70% 45%,light-dark(#fff,#24262d),transparent 75%),var(--s3-bg)}
#touch-watch-3d .s3-visual-window{position:absolute;inset:0;overflow:hidden}
#touch-watch-3d .s3-product{position:absolute;left:0;top:0;aspect-ratio:1.8;pointer-events:none;will-change:transform,width}
#touch-watch-3d .s3-poster,#touch-watch-3d .s3-video,#touch-watch-3d .s3-live{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
#touch-watch-3d .s3-live canvas{display:block;width:100%;height:100%}
#touch-watch-3d .s3-screen-vector{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;overflow:visible}
#touch-watch-3d .s3-video,#touch-watch-3d .s3-live{opacity:0}
#touch-watch-3d[data-film-ready="true"] .s3-video{opacity:1}
#touch-watch-3d[data-film-ready="true"] .s3-poster{opacity:0}
#touch-watch-3d[data-renderer="3d"] .s3-live{opacity:1}
#touch-watch-3d[data-renderer="3d"] .s3-poster,#touch-watch-3d[data-renderer="3d"] .s3-video{opacity:0}
#touch-watch-3d .s3-heading{position:absolute;z-index:2;left:6.5%;top:21%;max-width:40%;margin:0;pointer-events:none}
#touch-watch-3d .s3-heading>p{font-size:11px;font-weight:500;line-height:1.3;letter-spacing:1.9px;color:var(--s3-muted);margin:0 0 24px}
#touch-watch-3d h2{font-size:clamp(44px,4.75vw,68px);font-weight:600;line-height:1.01;letter-spacing:-.065em;margin:0;color:var(--s3-text)}
#touch-watch-3d .s3-caption{position:relative;margin-top:28px;width:100%;max-width:350px;opacity:0;pointer-events:none}
#touch-watch-3d .s3-caption p{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.4px;margin:0}
#touch-watch-3d .s3-caption span{display:block;font-size:17px;line-height:1.5;margin-top:4px;color:var(--s3-muted)}
@media(max-width:700px){
 #touch-watch-3d{--s3-height:var(--touch-stage-height,100svh)}
 #touch-watch-3d .s3-runway{height:calc(var(--s3-height)*2.75)}
 #touch-watch-3d .s3-heading{left:7%;top:7%;max-width:86%}
 #touch-watch-3d .s3-visual-window{clip-path:inset(var(--s3-mobile-cutout,205px) 0 0 0)}
 #touch-watch-3d h2{font-size:clamp(43px,12vw,55px);letter-spacing:-.06em;line-height:1.02}
 #touch-watch-3d .s3-heading>p{font-size:9px;letter-spacing:1.6px;margin-bottom:17px}
 #touch-watch-3d .s3-caption{margin-top:24px;max-width:330px}
 #touch-watch-3d .s3-caption p{font-size:20px}
 #touch-watch-3d .s3-caption span{font-size:15px}
}
@media(prefers-reduced-motion:reduce){#touch-watch-3d .s3-product{will-change:auto}}
#touch-watch-3d[data-theme="light"]{color-scheme:light}
#touch-watch-3d[data-theme="dark"]{color-scheme:dark}
#touch-watch-3d[data-renderer="poster"] .s3-poster{opacity:1}
#touch-watch-3d[data-renderer="poster"] .s3-video,#touch-watch-3d[data-renderer="poster"] .s3-live{opacity:0}
@supports not (height:100svh){#touch-watch-3d{--s3-height:var(--touch-stage-height,100vh)}}
@media(prefers-reduced-motion:reduce){#touch-watch-3d .s3-runway{height:var(--s3-height)}}


#touch-watch-3d[data-renderer="frames"] .s3-poster{opacity:1}
#touch-watch-3d[data-renderer="frames"] .s3-video,#touch-watch-3d[data-renderer="frames"] .s3-live{opacity:0}

/* The server-rendered preview survives slow, blocked or failed viewer startup. */
#touch-watch-3d .s3-preview{position:absolute;right:0;top:50%;width:68%;height:auto;transform:translateY(-50%);pointer-events:none}
#touch-watch-3d[data-renderer="3d"] .s3-preview,#touch-watch-3d[data-renderer="frames"][data-frame-ready="true"] .s3-preview{display:none}
#touch-watch-3d:not([data-renderer="frames"]) .s3-product{visibility:hidden}
@media(max-width:1100px){#touch-watch-3d .s3-preview{top:62%;right:-30%;width:160%}}
#touch-watch-3d .s3-graphite{z-index:0}
#touch-watch-3d .s3-product:not(.s3-graphite){z-index:1}