/* Final responsive refinements, scoped to the Touch page. */
#touch-cinema .touch-arrow{display:inline-block;width:22px;height:22px;min-width:22px;flex-shrink:0;vertical-align:middle;overflow:visible}
#touch-cinema .touch-arrow-down{transform:rotate(90deg)}
#touch-cinema .tp-cta>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#touch-cinema .tu-offer{top:50%;bottom:auto;translate:0 -50%;width:39%;max-width:480px}
#touch-cinema .tu-offer .tp-eyebrow{margin-bottom:clamp(12px,2vh,24px)}
#touch-cinema .tu-offer h2{font-size:clamp(34px,min(4.5vw,6.8vh),66px);margin-bottom:clamp(12px,2.4vh,24px)}
#touch-cinema .tu-offer p{font-size:clamp(13px,1.35vw,19px);margin-bottom:clamp(12px,2.5vh,24px)}
#touch-cinema .tu-offer p.tc-shipping{font-size:12px;line-height:1.5;max-width:330px;margin-bottom:20px}
#touch-cinema .tu-offer .tp-price{font-size:clamp(52px,9vh,84px);margin-bottom:20px}
#touch-cinema .tu-replay{margin-top:14px}
/* The original full-depth molded enclosure with a recessed lid seam and clean bevels. */
#touch-cinema .tu-face-front,#touch-cinema .tu-face-back{height:216px;top:-108px}
#touch-cinema .tu-face-left,#touch-cinema .tu-face-right{height:216px;top:-108px}
#touch-cinema .tu-face-top{transform:rotateX(90deg) translateZ(108px)}
#touch-cinema .tu-face-bottom{transform:rotateX(-90deg) translateZ(108px)}
#touch-cinema .tu-face{border-radius:5px;border:1px solid #bcc1c0;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #91989555}
#touch-cinema .tu-face-front{background:linear-gradient(180deg,#f9faf9,#e7eae8)}
#touch-cinema .tu-face-front img{object-fit:fill;mix-blend-mode:multiply;padding:0}
#touch-cinema .tu-face-front:before{background:linear-gradient(100deg,#fff2,transparent 45%,#56605a12)}
#touch-cinema .tu-face-left{background:linear-gradient(110deg,#adb4b0,#d3d9d5)}
#touch-cinema .tu-face-right{background:linear-gradient(110deg,#c8cfca,#edf0eb)}
#touch-cinema .tu-face-top{background:linear-gradient(120deg,#fff,#f4f5f2)}
#touch-cinema .tu-face-top:after{inset:3px;border-color:#e3e6e0;border-radius:3px;box-shadow:inset 0 1px 2px #fff}
#touch-watch-3d .s3-origin{margin-top:22px;margin-bottom:4px;will-change:transform,opacity}
#touch-watch-3d .s3-origin strong{display:block;font-weight:500;letter-spacing:-.045em;font-size:clamp(23px,2.3vw,34px);line-height:1.12;background:linear-gradient(110deg,#22232a 10%,#777982 35%,#f1f1f3 49%,#7b7c83 58%,#22232a 80%);background-size:240% 100%;background-position:var(--origin-shine,100%) 0;color:transparent;background-clip:text;-webkit-background-clip:text}
#touch-watch-3d .s3-origin small{display:block;font-size:12px;color:var(--s3-muted);margin-top:8px;line-height:1.4}
@media(prefers-color-scheme:dark){#touch-watch-3d .s3-origin strong{background-image:linear-gradient(110deg,#aaa 10%,#eee 35%,#fff 49%,#aaa 58%,#eee 80%)}}
@media(max-width:700px){
 #touch-cinema .tc-ring-intro{top:154px;padding:0 18px}
 #touch-cinema .tc-ring-intro h2{font-size:clamp(28px,7.6vw,36px);line-height:1.1;letter-spacing:-1.5px}
 #touch-cinema .tc-product{height:min(40svh,360px);width:94%;max-width:360px}
 #touch-cinema .tc-feature,#touch-cinema .tc-feature-heart{top:56%;left:7%;right:7%;width:86%;max-width:none;text-align:center}
 #touch-cinema .tc-feature h3{margin:12px 0 14px}
 #touch-cinema .tc-health-note{top:auto;bottom:54px;right:25px;font-size:8px}
 #touch-cinema .tu-offer{top:auto;bottom:7%;translate:none;left:6%;width:88%;max-width:none}
 #touch-cinema .tu-offer h2{font-size:30px;margin-bottom:10px}
 #touch-cinema .tu-offer p{margin-bottom:10px;font-size:12px}
 #touch-cinema .tu-offer p.tc-shipping{margin:0 auto 12px;font-size:10px}
 #touch-cinema .tu-offer .tp-price{font-size:48px;margin-bottom:12px}
 #touch-cinema .tu-offer .tp-cta{min-height:46px}
 #touch-watch-3d .s3-origin{margin-top:12px}
 #touch-watch-3d .s3-origin strong{font-size:24px}
 #touch-watch-3d .s3-origin small{font-size:10px;margin-top:4px}
 #touch-watch-3d .s3-caption{margin-top:14px}
 #touch-watch-3d .s3-caption>p{font-size:15px}
 #touch-cinema .touch-arrow{width:19px;height:19px;min-width:19px}
}
@media(max-width:700px) and (max-height:700px){#touch-cinema .tc-ring-intro{top:135px}#touch-cinema .tc-ring-intro h2{font-size:27px}#touch-cinema .tc-feature p{margin-top:10px}#touch-cinema .tc-stat strong{font-size:40px}}
/* One connected, beveled mesh; canvas is projected at the display pixel ratio. */
#touch-cinema .tu-mesh-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}
#touch-cinema .tu-canvas canvas.tu-mesh-canvas{opacity:1;transition:none}

/* Ring and watch form one responsive product composition. */
#touch-cinema .tp-action-stage{max-width:1040px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px}
#touch-cinema .tp-action-pair{position:relative;min-width:0;padding-bottom:24px}
#touch-cinema .tp-action-pair .tp-action-watch{margin-left:100px}
#touch-cinema .tp-action-ring{position:absolute;left:0;top:42%;transform:translateY(-50%);width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 12px 10px #11182714)}
#touch-cinema .tp-pinch-caption{text-align:center;font-size:16px;line-height:1.5;letter-spacing:-.2px;color:var(--tp-secondary);margin:0 auto;max-width:300px}
@media(max-width:700px){
 #touch-cinema .tp-action-stage{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 20px}
 #touch-cinema .tp-action-pair{width:100%;max-width:390px;margin:0 auto;padding-bottom:12px}
 #touch-cinema .tp-action-pair .tp-action-watch{margin-left:82px;--watch-screen-height:clamp(154px,46vw,188px);height:330px}
 #touch-cinema .tp-action-ring{width:clamp(80px,25vw,100px);height:100px;left:0;top:43%}
 #touch-cinema .tp-pinch-caption{font-size:16px;line-height:1.45}
}

/* Keep tablet and phone watches below the complete heading and caption. */
#touch-watch-3d[data-compact="true"] .s3-heading{top:6%;max-width:86%;width:86%}
#touch-watch-3d[data-compact="true"] .s3-visual-window{clip-path:inset(var(--s3-mobile-cutout,205px) 0 0 0)}
#touch-watch-3d[data-compact="true"] .s3-caption{max-width:440px;margin-top:14px}
#touch-watch-3d[data-compact="true"] .s3-caption>p{font-size:17px}
#touch-watch-3d[data-compact="true"] .s3-origin{margin-top:12px}
#touch-watch-3d[data-compact="true"] .s3-finishes{margin-top:14px}
@media(min-width:701px) and (max-width:1100px){
 #touch-watch-3d h2{font-size:clamp(44px,5.5vw,58px)}
 #touch-watch-3d .s3-heading>p{margin-bottom:16px}
 #touch-watch-3d .s3-runway{height:calc(var(--s3-height)*3.5)}
}
/* Preserve the one-stage accessible layout after the tablet override. */
@media(prefers-reduced-motion:reduce){#touch-watch-3d .s3-runway{height:var(--s3-height)}}