/* One stage, one scene and one progression. Native sticky keeps document scroll intact. */
.jac-system{position:relative;background:#080a0e;color:#f3f0eb;isolation:isolate}
.system-stage{position:relative;overflow:clip;min-height:100svh}
.system-render,.system-shade{position:absolute;inset:0;pointer-events:none}
.system-render canvas{display:block;width:100%;height:100%}
.system-shade{background:linear-gradient(90deg,#080a0ee8 0%,#080a0eaa 28%,transparent 65%);z-index:1}
.system-panel{position:relative;z-index:2;padding:140px var(--pad) 75px;min-height:95svh;display:flex;flex-direction:column;justify-content:center}
.system-panel h1,.system-panel h2{font-weight:500;font-size:clamp(64px,7.8vw,126px);line-height:.98;letter-spacing:-.065em;max-width:1050px}
.system-panel em{font-family:inherit;font-style:normal;color:#b9c2cc}
.system-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c0c7cf;margin-bottom:30px}
.system-description{font-size:16px;line-height:1.65;color:#ccd1d8;max-width:390px;margin-top:30px;text-wrap:pretty}
.system-actions{display:flex;gap:30px;align-items:center;margin-top:30px}
.system-actions a,.system-link{display:inline-flex;gap:32px;align-items:center;font-size:14px;min-height:48px;border-bottom:1px solid #ffffff60;padding:10px 0;align-self:flex-start}
.system-actions a:first-child{background:#f3f0eb;color:#090b0e;padding:14px 22px;border:0}
.system-actions a:first-child:hover{background:#ffb29b}.system-actions a:hover span,.system-link:hover span{transform:translate(3px,-3px)}
.system-location{display:block;margin-top:35px;font-size:12px;color:#aab2bc;letter-spacing:.05em}
.system-copy{position:relative;z-index:2;max-width:520px}
.system-copy h2{font-size:clamp(52px,5.7vw,88px)}
.system-copy .system-link{margin-top:20px}.system-credit{font-size:12px;color:#aab2bc;margin-top:18px}
.system-media{position:relative;width:100%;margin-top:40px;background:#161b22;overflow:hidden}
.system-media img{display:block;width:100%;height:100%;object-fit:contain}
.system-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:linear-gradient(transparent,#07090de8);font-size:12px;color:white}
.system-editorial{max-width:600px}.system-editorial img{object-fit:cover}
.system-outro{background:#eeeae3;color:#131820}.system-outro em{color:#616975}.system-outro .system-kicker{color:#59616c}
.system-outro h2{font-size:clamp(48px,6.5vw,100px)}
.system-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:55px;max-width:1150px}
.system-paths a{display:grid;grid-template-columns:1fr 24px;gap:12px;border-top:1px solid #757d8955;padding:22px 0;color:#131820}
.system-paths span{font-size:22px;letter-spacing:-.035em}.system-paths small{font-size:14px;grid-column:1;color:#535c67;line-height:1.5}.system-paths b{grid-column:2;grid-row:1/3;font-size:23px;font-weight:400;align-self:center}
.system-paths a:hover{border-color:#151920}.system-rail{display:none}
.system-live{height:460svh}
.system-live .system-stage{position:sticky;top:0;height:100svh;min-height:0}
.system-live .system-panel{position:absolute;inset:0;padding:125px max(var(--pad),5vw) 65px;min-height:0;visibility:hidden;opacity:0;will-change:transform,opacity}
.system-live .system-intro{visibility:visible;opacity:1}
.system-live .system-outro{background:transparent}
.system-live .system-intro h1{max-width:800px}
.system-live .system-media{position:absolute;left:53%;top:20%;width:38%;height:67%;margin:0;transform-origin:center;will-change:transform,clip-path}
.system-live .system-site{background:#12171e;border:1px solid #ffffff24;box-shadow:0 35px 100px #0005}
.system-live .system-site img{object-fit:cover;object-position:top}
.system-live .system-editorial{left:58%;width:32%;top:15%;height:76%}
.system-live .system-rail{display:grid;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:5;gap:2px}
.system-rail a{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:0 10px;font-size:12px;color:#c1c7cf}
.system-rail a:after{content:'';height:4px;width:4px;border-radius:50%;background:currentColor;opacity:.5}
.system-rail a[aria-current]{color:#ff9b7f}.system-rail a[aria-current]:after{height:20px;width:2px;border-radius:0;opacity:1}
.system-live[data-system-step="3"] .system-rail a{color:#535b66}.system-live[data-system-step="3"] .system-rail a[aria-current]{color:#902c19}
.system-live[data-system-step="3"] .system-shade{opacity:0}
.system-live .system-outro{padding-right:10vw}
.immersive-home .capability-entry{border-top:1px solid #17202a22;padding-top:72px}
.immersive-home .continuum-section{scroll-margin-top:90px}
/* Visible controls must stay visible in the native modal top layer. */
dialog#lightbox{color:#f3f0eb;background:#14181d;border:1px solid #65717f}
dialog#lightbox .close-dialog{color:#f3f0eb;background:#202832;border:1px solid #84909d;min-width:100px;min-height:44px}
dialog#lightbox p{color:#e1e5eb}
@media(min-width:801px) and (max-height:740px){.system-live .system-panel{padding-top:105px;padding-bottom:30px}.system-panel h1{font-size:82px}.system-copy h2{font-size:62px}.system-kicker{margin-bottom:20px}.system-description{margin-top:20px}.system-location{margin-top:22px}.system-paths{margin-top:30px}}
@media(max-width:800px){
 .system-panel{padding:115px 24px 50px;min-height:0}.system-panel h1{font-size:clamp(56px,11.6vw,90px)}.system-copy h2{font-size:clamp(40px,7vw,64px)}
 .system-kicker{font-size:12px;max-width:300px;line-height:1.6;margin-bottom:22px}.system-description{font-size:16px;max-width:350px;margin-top:22px}.system-actions{gap:18px;flex-wrap:wrap;margin-top:23px}.system-actions a{font-size:14px;gap:20px}.system-location{margin-top:24px}
 .system-live{height:430svh}.system-live .system-panel{padding:115px 24px 50px;justify-content:flex-start}.system-live .system-intro{padding-top:24svh}.system-live .system-intro h1{max-width:80vw}
 .system-live .system-copy{max-width:calc(100% - 25px)}.system-copy h2 br:last-of-type{display:none}.system-copy .system-description{max-width:520px;font-size:15px;line-height:1.55;margin-top:18px}.system-copy .system-link{margin-top:10px}.system-credit{font-size:12px;line-height:1.4;margin-top:12px}
 .system-live .system-media{left:24px;top:auto;bottom:30px;height:38%;width:calc(100% - 74px)}.system-live .system-editorial{left:24px;width:calc(100% - 74px);height:38%;top:auto}.system-editorial img{object-position:50% 37%}
 .system-live .system-rail{right:3px;gap:2px}.system-rail a{width:44px;padding:0;justify-content:center;font-size:0}.system-rail a[aria-current]{font-size:12px;writing-mode:vertical-rl;gap:7px;min-height:90px}.system-rail a:after{width:5px;height:5px}.system-rail a[aria-current]:after{display:none}
 .system-live .system-outro{justify-content:center;padding-right:56px}.system-outro h2{font-size:clamp(39px,8vw,60px)}.system-paths{grid-template-columns:1fr;gap:0;margin-top:28px}.system-paths a{padding:18px 0;gap:7px}.system-paths span{font-size:21px}.system-paths small{font-size:14px}
 .system-shade{background:linear-gradient(90deg,#080a0ec9,transparent),linear-gradient(0deg,#080a0e99,transparent 80%)}
}
@media(max-width:800px) and (max-height:720px){.system-live .system-panel{padding-top:94px}.system-live .system-intro{padding-top:22svh}.system-copy h2{font-size:36px}.system-copy .system-kicker{margin-bottom:12px}.system-copy .system-description{font-size:14px;margin-top:12px}.system-copy .system-link{min-height:40px}.system-credit{margin-top:6px}.system-live .system-media{height:31%;bottom:20px}.system-location{display:none}.system-intro h1{font-size:56px}.system-description{font-size:15px}.system-outro h2{font-size:40px}.system-paths{margin-top:15px}.system-paths a{padding:14px 0}}
@media(prefers-reduced-motion:reduce){.system-render{display:none}.system-shade{display:none}.system-panel{scroll-margin-top:85px}.system-intro{background:#101720}.system-media{max-height:70vh}.system-media img{max-height:70vh;object-fit:contain}.system-rail{display:none!important}}