/* One retained frame prevents image decoding flashes on devices without WebGL. */
#touch-watch-3d .s3-frame-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
#touch-watch-3d[data-renderer="frames"][data-frame-ready="true"] .s3-frame-canvas{display:block}
#touch-watch-3d[data-renderer="frames"][data-frame-ready="true"] .s3-poster{opacity:0}
/* A square ceramic Touch case, with the meeting running on its black display. */
#touch-cinema .tc-meeting-watch{position:absolute;right:5%;top:135px;width:342px;height:342px;border:13px solid #e5e4df;border-radius:66px;padding:23px 24px 17px;background:linear-gradient(145deg,#181a20,#050608 70%);box-shadow:inset 0 0 0 3px #34363c,0 2px 0 1px #fff,0 0 0 2px #aeb0b1,7px 10px 0 #bbbdbd,12px 30px 46px #0004;color:white;z-index:4;isolation:isolate}
#touch-cinema .tc-meeting-watch:before,#touch-cinema .tc-meeting-watch:after{content:"";position:absolute;z-index:-2;width:58%;height:75px;left:21%;background:repeating-linear-gradient(0deg,#161719 0 10px,#363739 11px,#0b0c0e 14px);border-left:5px solid #ee8157;border-right:5px solid #ee8157}
#touch-cinema .tc-meeting-watch:before{bottom:calc(100% + 13px);border-radius:18px 18px 0 0}
#touch-cinema .tc-meeting-watch:after{top:calc(100% + 13px);border-radius:0 0 18px 18px}
#touch-cinema .tm-watch-time{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin:0 0 7px;color:#e3e4e9}
#touch-cinema .tm-watch-time span{color:#f4845c;font-size:8px}
#touch-cinema .tc-meeting-watch .tc-phone-heading>span,#touch-cinema .tc-meeting-watch .tc-phone-heading>p{display:none}
#touch-cinema .tc-meeting-watch .tc-phone-heading h3{font-size:21px;color:#fafafa;margin:0 0 10px;letter-spacing:-.6px}
#touch-cinema .tc-meeting-watch .tc-note-live{color:#fb9d78;margin:0 0 13px;font-size:11px}
#touch-cinema .tc-meeting-watch .tc-meeting-content{height:141px}
#touch-cinema .tc-meeting-watch .tc-meeting-panel>p{color:#bfc2cc;font-size:12px;line-height:1.3;margin:0 0 10px}
#touch-cinema .tc-meeting-watch .tc-meeting-panel b{color:#fff;font-size:12px}
#touch-cinema .tc-meeting-watch .tc-meeting-panel small{color:#8c92a4;font-size:8px;margin:0 0 3px}
#touch-cinema .tc-meeting-watch .tc-meeting-actions>p{padding:0;border:0;gap:9px;margin:0 0 10px}
#touch-cinema .tc-meeting-watch .tc-meeting-actions img{width:23px;height:23px}
#touch-cinema .tc-meeting-watch .tc-meeting-actions>p>b{color:#74dda5}
#touch-cinema .tc-meeting-watch .tc-meeting-saved{font-size:9px;line-height:1.4;color:#9298aa;border-color:#333641;padding-top:9px}
@media(max-width:700px){#touch-cinema .tc-meeting-watch{right:auto;left:50%;top:390px;transform:translateX(-50%);width:310px;height:310px;border-radius:59px;padding:18px 20px 12px}#touch-cinema .tc-meeting-watch .tc-meeting-content{height:128px}#touch-cinema .tc-meeting-watch .tc-meeting-panel>p{margin-bottom:7px}#touch-cinema .tc-meeting-scene{min-height:820px}}
/* Physical package faces stay resident throughout the scroll. */
#touch-cinema .tu-story.tu-enhanced{height:240svh}
#touch-cinema .tu-canvas{background:transparent;perspective:none;perspective-origin:50% 50%;overflow:visible}
.tu-box-position{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.tu-solid-box{position:absolute;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.tu-face{position:absolute;backface-visibility:hidden;background:#f5f5f3;border:1px solid #d8d9d7;border-radius:4px;box-shadow:inset 0 0 2px 1px #fff9}
.tu-face-front,.tu-face-back{width:570px;height:216px;left:-285px;top:-108px}
.tu-face-front{transform:translateZ(168px);overflow:hidden;background:#fff}
.tu-face-front:after{content:"";position:absolute;left:0;right:0;top:12px;height:1px;background:#b4b6b6;box-shadow:0 1px 1px #fff}
.tu-face-front img{width:100%;height:100%;object-fit:fill;display:block}
.tu-face-back{transform:rotateY(180deg) translateZ(168px)}
.tu-face-left,.tu-face-right{width:336px;height:216px;left:-168px;top:-108px;background:linear-gradient(110deg,#e4e5e3,#f6f6f3)}
.tu-face-left{transform:rotateY(-90deg) translateZ(285px)}
.tu-face-right{transform:rotateY(90deg) translateZ(285px)}
.tu-face-top,.tu-face-bottom{width:570px;height:336px;left:-285px;top:-168px}
.tu-face-top{transform:rotateX(90deg) translateZ(108px);background:#fff;overflow:hidden}
.tu-face-bottom{transform:rotateX(-90deg) translateZ(108px);background:#dddeda}
.tu-lid-print{position:absolute;width:336px;height:570px;left:117px;top:-117px;transform:rotate(-90deg)}
.tu-print-wordmark{position:absolute;left:34px;top:-36px;width:268px;height:179px;object-fit:contain}
.tu-print-watch{position:absolute;left:20px;top:112px;width:296px;height:360px;overflow:hidden}
.tu-print-watch img{position:absolute;width:1030px;max-width:none;height:auto;left:-388px;top:-92px}
.tu-print-ring{position:absolute;left:118px;bottom:22px;width:100px;height:100px;object-fit:contain}
.tu-floor-shadow{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(ellipse,#292b2d88,transparent 69%);filter:blur(8px);will-change:transform}
@media(max-width:699px){#touch-cinema .tu-story.tu-enhanced{height:260svh}#touch-cinema .tu-offer{bottom:5%}#touch-cinema .tu-offer h2{font-size:31px}#touch-cinema .tu-offer .tp-eyebrow{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){#touch-cinema .tu-story.tu-enhanced{height:100svh}}
#touch-cinema .tu-print-watch img{width:1030px;max-width:none;height:auto}
.tu-print-watch{top:120px;height:310px}
#touch-cinema .tu-print-watch img{width:860px;left:-296px;top:-78px}
/* Reserve the portrait above the watch, including its projecting upper band. */
@media(max-width:700px){#touch-cinema .tc-meeting-scene{height:940px;min-height:940px}#touch-cinema .tc-meeting-watch{top:470px}}
/* Keep the navigation light regardless of the operating-system theme. */
#touch-cinema .tp-nav{color-scheme:light;background:#fff;color:#1d1d1f;border-bottom-color:#e8e8ed;--tp-ink:#1d1d1f;--tp-secondary:#6e6e73}
#touch-cinema .tp-nav>.tp-logo{color:#1d1d1f}
#touch-cinema .tp-nav>div{color:#6e6e73}
#touch-cinema .tp-nav .tf-buy{color:#fff;background:#3a5bff}
/* Color legend, intentionally informational rather than selectable. */
#touch-cinema .tr-finish-legend{position:absolute;left:5.3%;top:55px;z-index:5;color:var(--tc-muted);pointer-events:none}
#touch-cinema .tr-finish-legend p{font-size:12px;letter-spacing:0;line-height:1.5}
#touch-cinema .tr-finish-legend ul{display:flex;gap:22px;list-style:none;padding:0;margin:10px 0 0}
#touch-cinema .tr-finish-legend li{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;line-height:20px}
#touch-cinema .tr-finish-legend i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002,inset 1px 1px 3px #fff6;display:block}
.tr-gunmetal{background:linear-gradient(130deg,#62666d,#25282e)}.tr-gold{background:linear-gradient(130deg,#f6dda0,#b99245)}.tr-silver{background:linear-gradient(130deg,#f4f5f7,#b3bac5)}.tr-rose{background:linear-gradient(130deg,#f3ceba,#ba805e)}
#touch-cinema .tc-ring-intro{top:140px}
/* Restore the original counterclockwise turn and paired print composition. */
.tu-lid-print{transform:rotate(90deg)}
.tu-print-wordmark{left:48px;top:-15px;width:240px;height:160px}
.tu-print-watch{left:7px;top:164px;width:226px;height:283px}
#touch-cinema .tu-print-watch img{width:760px;left:-280px;top:-67px;filter:brightness(1.12) contrast(1.045) saturate(1.1)}
.tu-print-ring{left:221px;top:276px;bottom:auto;width:108px;height:108px}
@media(min-width:700px){#touch-cinema .tu-offer{left:max(6%,calc(50% - 480px));width:390px;max-width:38%}}
#touch-watch-3d .s3-frame-canvas,#touch-watch-3d .s3-poster{filter:brightness(1.12) contrast(1.045) saturate(1.1)}
@media(max-width:700px){#touch-cinema .tr-finish-legend{left:25px;right:25px;top:49px}#touch-cinema .tr-finish-legend ul{gap:12px;justify-content:space-between}#touch-cinema .tr-finish-legend li{flex-direction:column;gap:3px;font-size:9px;line-height:1.3}#touch-cinema .tr-finish-legend i{width:20px;height:20px}#touch-cinema .tc-ring-intro{top:150px}}
/* 0.8 mm wall at the displayed 45 mm case scale: 6.08 px on a 342 px watch. */
#touch-cinema .tc-meeting-watch{border-width:6.08px;box-shadow:inset 0 0 0 3px #26282d,0 0 0 1px #b7b9b7,1px 1px 0 1px #fff,3px 4px 0 #b9bcba,10px 22px 36px #0003;padding:29px 30px 23px}
#touch-cinema .tc-meeting-watch:before{bottom:calc(100% + 6px)}
#touch-cinema .tc-meeting-watch:after{top:calc(100% + 6px)}
@media(max-width:700px){#touch-cinema .tc-meeting-watch{border-width:5.51px;padding:24px 26px 18px}}
/* Molded shell, defined rounded arrises, recessed lid joint and directional floor shadow. */
.tu-face{border-radius:6px;border-color:#bfc2c0;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 5px #8d949026}
.tu-face-top{background:linear-gradient(125deg,#fff 0%,#fafbf8 50%,#e9ece7 100%)}
.tu-face-top:after{content:"";position:absolute;inset:4px;border:1px solid #fff9;border-radius:3px;box-shadow:0 0 0 1px #c8cdc64d;pointer-events:none}
.tu-face-left,.tu-face-right{background:linear-gradient(100deg,#b7bdb8,#e0e5de 50%,#f6f8f3)}
.tu-face-left:after,.tu-face-right:after{content:"";position:absolute;left:0;right:0;top:12px;height:1px;background:#8d958e;box-shadow:0 1px #fff8}
.tu-floor-shadow{background:radial-gradient(ellipse,#343b3d66 0%,#343b3d33 30%,transparent 70%);filter:blur(7px)}
.tu-contact-shadow{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(ellipse,#20282b66 0%,#20282b33 40%,transparent 72%);filter:blur(2px);will-change:transform}
.tu-print-wordmark{width:252px;height:168px;left:42px;top:5px}
.tu-print-watch{left:13px;top:166px;width:221px;height:283px}
.tu-print-ring{left:203px;top:274px;width:116px;height:116px}
#touch-cinema .tu-lid-print img{image-rendering:auto;backface-visibility:hidden}
#touch-cinema .tu-print-watch img{filter:brightness(1.10) contrast(1.04) saturate(1.08)}
/* Keep the hero light to preserve the original studio photograph edges. */
#touch-cinema .tp-hero{background:#fff;color:#15151b;color-scheme:light}
#touch-cinema .tp-hero h1{color:inherit}
#touch-cinema .tp-hero h1>span{color:#74757e}
#touch-cinema .tp-hero>p{color:#62636c}

.tu-face-front:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#29392c26,#29392c0d 65%,transparent);pointer-events:none;z-index:1}

/* Menu always matches the light hero, including on dark-mode devices. */
#touch-cinema .tp-nav{color-scheme:light;background:#fff;color:#1d1d1f;border-bottom-color:#e8e8ed;--tp-ink:#1d1d1f;--tp-secondary:#6e6e73}
#touch-cinema .tp-nav>.tp-logo{color:inherit}
#touch-cinema .tp-nav>div{color:var(--tp-secondary)}
/* Draw live 3D at viewport resolution, never stretch a small render target. */
#touch-watch-3d .s3-studio-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}
#touch-watch-3d[data-renderer="3d"] .s3-studio-canvas{display:block}
#touch-watch-3d[data-renderer="3d"] .s3-product{visibility:hidden}
#touch-watch-3d .s3-heading{max-width:31%}
#touch-watch-3d .s3-caption{max-width:290px}
#touch-watch-3d .s3-finishes{display:flex;gap:23px;margin-top:24px}
#touch-watch-3d .s3-finishes span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;margin:0;color:var(--s3-muted)}
#touch-watch-3d .s3-finishes i{display:block;width:22px;height:22px;border-radius:50%;border:1px solid #8884;box-shadow:inset 0 1px 2px #fff8,0 2px 4px #0001}
#touch-watch-3d .s3-ivory-swatch{background:linear-gradient(140deg,#fff,#dedee0)}
#touch-watch-3d .s3-graphite-swatch{background:linear-gradient(140deg,#252629,#070708)}
#touch-watch-3d .s3-frame-canvas,#touch-watch-3d .s3-poster{filter:none}
@media(max-width:700px){#touch-watch-3d .s3-heading{max-width:86%}#touch-watch-3d .s3-caption{max-width:310px;margin-top:18px}#touch-watch-3d .s3-caption p{font-size:17px}#touch-watch-3d .s3-finishes{margin-top:14px}#touch-watch-3d .s3-finishes span{font-size:12px}}

/* Perspective-matched display content for retained high-resolution frames. */
#touch-watch-3d .s3-display-story{position:absolute;left:0;top:0;width:1024px;height:1024px;max-width:none;transform-origin:0 0;pointer-events:none;backface-visibility:hidden}

.tu-printed-display{position:absolute;left:-280px;top:-67px;width:760px;height:423px;pointer-events:none}
#touch-cinema .tu-canvas .tu-printed-display canvas{opacity:1;display:block;position:absolute;left:0;top:0;width:1024px;height:1024px;max-width:none;transform-origin:0 0}

/* The experience sheet covers the hero within a bounded sticky container. */
#touch-cinema .tp-opening-stack{position:relative;isolation:isolate}
#touch-cinema .tp-opening-stack>.tp-hero{position:sticky;top:var(--hero-pin-top,0px);z-index:0}
#touch-cinema .tp-opening-stack>.tp-action{position:relative;z-index:1;background:var(--tp-paper);border-radius:36px 36px 0 0;box-shadow:0 -18px 45px -18px #11182726}
@media(max-width:700px){#touch-cinema .tp-opening-stack>.tp-action{border-radius:24px 24px 0 0;box-shadow:0 -12px 32px -14px #11182726}}
@media(prefers-reduced-motion:reduce){#touch-cinema .tp-opening-stack>.tp-hero{position:relative;top:auto}}

/* Current engineering specifications and watch origin. */
#touch-watch-3d .s3-caption .s3-origin{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--s3-muted);margin-top:12px}
#touch-cinema .tf-specs{margin:20px 0 0;padding:0;display:grid;gap:0;text-align:left}
#touch-cinema .tf-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--tp-secondary) 20%,transparent)}
#touch-cinema .tf-specs dt,#touch-cinema .tf-specs dd{font-size:12px;line-height:1.4;letter-spacing:0;margin:0}
#touch-cinema .tf-specs dt{color:var(--tp-secondary)}
#touch-cinema .tf-specs dd{color:var(--tp-ink);text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:700px){#touch-watch-3d .s3-caption .s3-origin{font-size:12px;margin-top:8px}}

#touch-cinema .tf-compare .tp-heading h2{font-size:clamp(44px,6.3vw,86px);line-height:1.04;letter-spacing:-.045em;max-width:1100px;margin-inline:auto}
@media(max-width:700px){#touch-cinema .tf-compare .tp-heading h2{font-size:clamp(38px,8.4vw,58px);letter-spacing:-.04em}}

/* P4 housing and quick-release lugs, rendered head-on from the source model. */
#touch-cinema .tp-action-watch .tp-watch-hardware{width:calc(var(--watch-screen-height)*5.20);height:auto;aspect-ratio:3000/1668}
#touch-cinema .tp-action-watch .tp-watch-shell{width:var(--watch-screen-height);border-radius:15.6%}
#touch-cinema .tp-action-watch .tp-watch-glass{border-radius:15.6%}
#touch-cinema .tc-meeting-watch{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
#touch-cinema .tc-meeting-watch:before,#touch-cinema .tc-meeting-watch:after{display:none}
#touch-cinema .tc-meeting-watch .tm-p4-hardware{position:absolute;left:50%;top:50%;width:520%;height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none;z-index:0;filter:drop-shadow(0 14px 18px #0002)}
#touch-cinema .tc-meeting-watch .tm-live-screen{position:relative;z-index:1;width:100%;height:100%;background:#050608;border-radius:15.6%;padding:29px 30px 23px;overflow:hidden}
#touch-cinema .tc-shipping{font-size:12px;color:var(--tp-secondary);margin:9px 0}
@media(max-width:700px){#touch-cinema .tc-meeting-watch .tm-live-screen{padding:24px 26px 18px}}

/* A fallback canvas must never remain visible alongside the GPU-rendered screen.
   display:none also suppresses descendants with inline visibility:visible. */
#touch-watch-3d[data-renderer="3d"] .s3-product,
#touch-watch-3d[data-renderer="3d"] .s3-display-story{display:none!important}

/* Keep the comparison available for a later launch without a layout gap. */
#touch-cinema #tf-compare[hidden]{display:none}