/* JT campaign: isolated from the coaching site and Performance Hub. */
#shop{padding-top:0;background:#0c0b0d;overflow:visible}
#shop>.section-inner{max-width:none}
#shop .collection-worlds,#shop .collection-values,#shop .collection-heading,#shop .collection-toolbar,#shop .collection-grid,#shop .collection-manifesto,#shop .collection-footer,#shop .collection-checkout,#shop .jt-cinema-caption{max-width:1324px;margin-left:auto;margin-right:auto}
#shop .jt-cinema{position:relative;margin:0 -28px;background:#0c0b0d;isolation:isolate}
#shop .jt-cinema-stage{position:relative;height:800px;height:min(880px,calc(100svh - 74px));min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 64% 35%,#252321 0,#141215 39%,#0c0b0d 76%)}
#shop .jt-cinema.is-scroll-enabled{height:290svh}
#shop .jt-cinema.is-scroll-enabled .jt-cinema-stage{position:sticky;top:74px}
#shop .jt-cinema-top{position:absolute;top:28px;left:4%;right:4%;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.19em;color:#dfb44e}
#shop .jt-cinema-top a{min-height:44px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.1em;color:#eee4cc}
#shop .jt-cinema-watermark{position:absolute;inset:10% auto auto 38%;font-family:'Playfair Display',serif;font-size:min(51vw,650px);line-height:1;color:#dfb44e06;pointer-events:none}
#shop .jt-cinema-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#shop .jt-cinema-atmosphere i{position:absolute;display:block;filter:blur(35px);border-radius:50%;will-change:transform}
#shop .jt-cinema-atmosphere i:nth-child(1){width:42%;height:110%;left:44%;top:-65%;background:linear-gradient(#eee3b13b,transparent);transform:rotate(-20deg);filter:blur(34px)}
#shop .jt-cinema-atmosphere i:nth-child(2){width:75%;height:13%;left:25%;bottom:12%;background:#cab57816;transform:rotate(-8deg);filter:blur(24px)}
#shop .jt-cinema-atmosphere i:nth-child(3){width:55%;height:24%;left:40%;bottom:15%;background:radial-gradient(ellipse,#ddd7bb0d,transparent 70%);filter:blur(15px)}
#shop .jt-cinema-product{position:absolute;z-index:2;width:min(51vw,660px);height:min(65vw,710px);left:65%;top:47%;transform:translate(-50%,-50%);filter:drop-shadow(0 25px 27px #0009);will-change:transform}
#shop .jt-cinema-floor{position:absolute;z-index:1;left:65%;bottom:13%;width:43%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#c8b7852e,transparent 67%);transform:translateX(-50%);filter:blur(14px)}
#shop .jt-cinema-copy{position:absolute;z-index:4;left:6%;top:25%;width:42%;pointer-events:none}
#shop .jt-cinema-panel{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;visibility:hidden;transform:translateY(24px)}
#shop .jt-cinema-panel[data-scene='0']{opacity:1;visibility:visible;transform:none}
#shop .jt-cinema-eyebrow{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#dfb44e;margin:0 0 25px;line-height:1.8}
#shop .jt-cinema-panel h2,#shop .jt-cinema-panel h3{font-family:'Playfair Display',serif;font-size:clamp(40px,5.6vw,86px);font-weight:400;line-height:1.08;letter-spacing:-.048em;margin:0 0 24px;color:#f3eee4;text-transform:none}
#shop .jt-cinema-description{font-size:12px;line-height:1.9;color:#c1b9ad;max-width:35ch}
#shop .jt-cinema-bottom{position:absolute;bottom:34px;left:6%;right:4%;z-index:7;display:flex;justify-content:space-between;align-items:end;gap:20px}
#shop .jt-cinema-shop{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#shop .jt-cinema-controls{display:flex;align-items:center;gap:18px;color:#c3b89c;font-size:9px;letter-spacing:.1em}
#shop .jt-cinema-motion{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #dfb44e44;background:#101012;color:#dfb44e;font-size:10px}
#shop .jt-cinema-motion:focus-visible,#shop .jt-cinema a:focus-visible{outline:2px solid #dfb44e;outline-offset:5px}
#shop .jt-cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#dfb44e19}
#shop .jt-cinema-progress span{display:block;width:100%;height:100%;background:#dfb44e;transform:scaleX(0);transform-origin:left;will-change:transform}
#shop .jt-cinema-caption{font-size:9px;line-height:1.8;color:#aaa396;padding:18px 0;border-bottom:1px solid #dfb44e22}
#shop .collection-worlds{padding-top:72px}
#shop .collection-world{background:radial-gradient(ellipse at 50% 32%,#302a24,#151216 75%)}
#shop .collection-world.off-duty{background:radial-gradient(ellipse at 50% 30%,#302b23,#121012 75%)}
#shop .collection-photo,#shop .collection-card[data-category='off-duty'] .collection-photo{background:radial-gradient(ellipse at 50% 30%,#302b27,#141215 78%)}
#shop .collection-manifesto{border-bottom:1px solid #dfb44e33;padding-top:65px;padding-bottom:65px}
@media(min-width:1500px){#shop .jt-cinema-copy{left:calc((100vw - 1324px)/2)}}
@media(max-width:900px){#shop .jt-cinema-scroll{display:none}#shop .jt-cinema-product{width:62vw;height:73vw;left:67%}#shop .jt-cinema-copy{left:5%;width:44%}#shop .jt-cinema-panel h2,#shop .jt-cinema-panel h3{font-size:clamp(38px,5.9vw,62px)}}
@media(max-width:600px){
 #shop .jt-cinema{margin-left:-18px;margin-right:-18px}
 #shop .jt-cinema-stage{height:calc(100svh - 68px);min-height:600px;max-height:860px;background:radial-gradient(ellipse at 55% 33%,#2c2722,#141115 52%,#0c0b0d 85%)}
 #shop .jt-cinema.is-scroll-enabled{height:250svh}
 #shop .jt-cinema.is-scroll-enabled .jt-cinema-stage{top:68px}
 #shop .jt-cinema-top{left:22px;right:22px;top:12px;font-size:8px;letter-spacing:.1em}
 #shop .jt-cinema-top a{font-size:9px;gap:9px}
 #shop .jt-cinema-watermark{inset:12% auto auto 20%;font-size:70vw}
 #shop .jt-cinema-product{width:94vw;height:94vw;max-width:440px;max-height:440px;left:54%;top:35%}
 #shop .jt-cinema-floor{left:54%;bottom:37%;width:80%}
 #shop .jt-cinema-copy{left:24px;top:auto;bottom:220px;width:calc(100% - 48px)}
 #shop .jt-cinema-panel{inset:auto 0 0}
 #shop .jt-cinema-panel h2,#shop .jt-cinema-panel h3{font-size:clamp(35px,9vw,48px);margin-bottom:10px;text-shadow:0 2px 25px #000}
 #shop .jt-cinema-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:10px}
 #shop .jt-cinema-description{font-size:10px;line-height:1.7;text-shadow:0 2px 10px #000}
 #shop .jt-cinema-copy{bottom:144px}
 #shop .jt-cinema-bottom{left:24px;right:24px;bottom:18px;display:block}
 #shop .jt-cinema-shop{gap:16px;justify-content:space-between}
 #shop .jt-cinema-shop .collection-primary{min-height:47px;padding:13px 16px;font-size:9px;gap:16px}
 #shop .jt-cinema-shop .collection-text-link{font-size:9px}
 #shop .jt-cinema-controls{justify-content:space-between;margin-top:10px;font-size:8px}
 #shop .jt-cinema-scroll{display:block}#shop .jt-cinema-counter{margin-left:auto}
 #shop .jt-cinema-motion{min-height:40px;padding:8px 10px;font-size:9px}
 #shop .jt-cinema-atmosphere i:nth-child(1){left:15%;width:70%;top:-55%}
 #shop .collection-worlds{padding-top:48px}
}
@media(max-height:660px) and (min-width:601px){#shop .jt-cinema-stage{min-height:520px}#shop .jt-cinema-copy{top:19%}#shop .jt-cinema-panel h2,#shop .jt-cinema-panel h3{font-size:42px}#shop .jt-cinema-product{height:440px}}
@media(prefers-reduced-motion:reduce){#shop .jt-cinema.is-scroll-enabled{height:auto}#shop .jt-cinema.is-scroll-enabled .jt-cinema-stage{position:relative;top:0}#shop .jt-cinema-product{will-change:auto}}
/* Clip horizontal decoration without creating a scroll container around sticky scenes. */
.site-shell{overflow:clip}
@media(max-width:760px){#shop .jt-cinema{margin-left:-18px;margin-right:-18px}}
@media(max-width:390px){#shop .jt-cinema{margin-left:-16px;margin-right:-16px}}


/* The garment remains a single intact image throughout the editorial close-up. */
#shop .jt-cinema-garment,#shop .jt-cinema-gold-light{position:absolute;inset:0;background:url('/images/collection/jt-floating-tee-v1.webp') center/contain no-repeat}
#shop .jt-cinema-gold-light{filter:brightness(1.6) sepia(.35);mask-image:linear-gradient(115deg,transparent 25%,#000 48%,transparent 65%);mask-size:250% 100%;mask-position:var(--light-position,-80%) 0;pointer-events:none}
#shop .jt-cinema.is-scroll-enabled .jt-cinema-stage{top:88px}
@media(max-width:760px){#shop .jt-cinema.is-scroll-enabled .jt-cinema-stage{top:76px}}
