/* The first training encounter stays inside the original wire universe. */
.full-journey main{height:calc(var(--exp-vh,1svh) * 8180)}
.build-world{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;visibility:hidden;color:#e2ecd8;font-family:NYCNow,sans-serif}
.encounter-beat{position:absolute;inset:0;display:flex;align-items:flex-start;padding:calc(var(--exp-vh,1svh) * 17) 6% 130px;opacity:0;visibility:hidden}
.encounter-beat h2{margin:0;font-family:NYCNow,sans-serif;font-size:clamp(34px,4.2vw,67px);font-weight:300;line-height:1.13;letter-spacing:-.045em;max-width:850px}
.encounter-beat strong{font-weight:900}
.encounter-beat em{font-family:Instrument,serif;font-size:1em;font-weight:400;line-height:inherit;color:#d0efaa;text-shadow:0 0 23px #a8e55540}
.encounter-intro{align-items:center;justify-content:center;text-align:center;padding-bottom:145px}
.encounter-intro h2{font-size:clamp(35px,5.1vw,72px);max-width:1100px}
.encounter-resolution h2{font-size:clamp(32px,4vw,60px)}
.encounter-caption{position:absolute;left:6%;bottom:110px;margin:0;color:#aabe9b;font-size:12px;letter-spacing:.025em}
.encounter-scroll{position:absolute;right:6%;bottom:110px;font-size:11px;color:#aabe9b;opacity:.7}
.build-world[data-beat="5"] .encounter-scroll{display:none}
@media(max-width:700px){.encounter-beat{padding:calc(var(--exp-vh,1svh) * 16) 23px 130px}.encounter-beat h2,.encounter-intro h2,.encounter-resolution h2{font-size:clamp(29px,8.4vw,42px);line-height:1.13;letter-spacing:-.04em;max-width:100%}.encounter-intro{padding-bottom:150px}.encounter-caption{left:23px;right:23px;bottom:124px;font-size:10px}.encounter-scroll{display:none}}
.fallback .build-world{position:relative;visibility:visible;opacity:1}.fallback .encounter-beat{position:relative;visibility:visible;opacity:1;min-height:calc(var(--exp-vh,1svh) * 70)}.fallback .encounter-caption,.fallback .encounter-scroll{display:none}.fallback.full-journey main{height:calc(var(--exp-vh,1svh) * 100)}

.encounter-finale{flex-direction:column;gap:30px;padding-top:calc(var(--exp-vh,1svh) * 15)}
.encounter-finale h2{font-size:clamp(32px,3.6vw,58px);max-width:850px}
.encounter-brand{display:flex;align-items:center;gap:30px}
.encounter-brand .threshold-logo{width:130px;filter:drop-shadow(0 0 22px #a6f02a33)}
.encounter-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:28px;border:1px solid #b6d48570;background:#09170ec9;border-radius:999px;padding:17px 23px;font-size:14px;color:#e2ecd8;text-decoration:none;transition:background .2s,box-shadow .2s}
.encounter-cta:hover,.encounter-cta:focus-visible{background:#1c301c;box-shadow:0 0 25px #b3eb3429;outline:2px solid #c4df87;outline-offset:4px}
@media(max-width:700px){.encounter-finale{padding-top:calc(var(--exp-vh,1svh) * 14);gap:25px}.encounter-finale h2{font-size:clamp(29px,8.4vw,42px)}.encounter-brand{gap:19px;align-items:center}.encounter-brand .threshold-logo{width:86px}.encounter-cta{padding:13px 15px;gap:10px;font-size:11px}.encounter-beat h2{max-width:100%}.encounter-finale .encounter-brand{position:relative;z-index:1}}
.fallback .encounter-beat{inset:auto}.fallback .encounter-finale{pointer-events:auto}

/* Immersive art fills the world rather than appearing inside a card. */
.training-art{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;clip-path:ellipse(var(--aperture,0%) var(--aperture,0%) at 66% 57%);background:#070d09}
.art-plane{position:absolute;inset:-2%;background-size:cover;background-repeat:no-repeat;will-change:transform,opacity}
.art-ready .art-gathering{background-image:url('assets/experience/training/shared-work.webp');background-position:60% 52%}
.art-ready .art-conversation{background-image:url('assets/experience/training/the-conversation.webp');background-position:50% 52%}
.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020906bc 0%,#02090655 35%,transparent 72%),linear-gradient(180deg,#020906a8,transparent 45%,#020906aa 100%)}
.art-grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.encounter-beat{z-index:1}.encounter-caption,.encounter-scroll{z-index:2}
.workshop-copy h2{max-width:680px}
.people-copy{padding-top:calc(var(--exp-vh,1svh) * 20)}.people-copy h2{max-width:650px}
.interview-copy{justify-content:center;text-align:center;padding-top:calc(var(--exp-vh,1svh) * 14)}.interview-copy h2{max-width:850px;font-size:clamp(34px,4.2vw,62px)}
.with-art .encounter-beat h2{color:#f2f0df;text-shadow:0 2px 30px #0008}.with-art .encounter-caption{color:#cccbbb}
.with-art .encounter-finale{padding-top:calc(var(--exp-vh,1svh) * 20)}.with-art .encounter-finale h2{max-width:670px}
@media(max-width:700px){
 .art-gathering{background-size:auto 76%;background-position:62% 100%;background-color:#050b07}
 .art-conversation{background-size:auto 64%;background-position:50% 88%;background-color:#050b07}
 .art-shade{background:linear-gradient(180deg,#020906 0%,#020906e8 23%,#02090622 50%,transparent 66%,#020906 100%)}
 .people-copy,.interview-copy,.with-art .encounter-finale{padding-top:calc(var(--exp-vh,1svh) * 16);justify-content:flex-start;text-align:left}
 .people-copy h2,.interview-copy h2{font-size:clamp(29px,8.4vw,42px);max-width:100%}
 .with-art .encounter-finale{gap:24px}.with-art .encounter-brand{margin-top:0}
}
.fallback .training-art{display:none}

/* Mentorship gets a clear typographic composition and recognisable marks. */
.mentor-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:calc(var(--exp-vh,1svh) * 12);padding-bottom:150px;gap:46px}
.mentor-copy h2{font-size:clamp(38px,4.7vw,70px);max-width:960px;transform-origin:center center!important}
.mentor-copy strong{color:#f3f9e5}.mentor-copy em{color:#d5ffa1}
.mentor-companies{display:grid;grid-template-columns:repeat(5,1fr);width:min(850px,88vw);gap:40px;align-items:center}
.mentor-company{display:flex;flex-direction:column;align-items:center;gap:17px;font-size:18px;font-weight:400;color:#f6f5ed}
.mentor-company img{width:49px;height:49px;object-fit:contain;filter:invert(1);opacity:.95}
.is-mentorship .encounter-caption{left:0;right:0;text-align:center}
@media(max-width:700px){.mentor-copy{padding:calc(var(--exp-vh,1svh) * 13) 22px 145px;gap:32px;justify-content:flex-start}.mentor-copy h2{font-size:clamp(29px,8.4vw,42px)}.mentor-companies{width:100%;grid-template-columns:repeat(6,1fr);column-gap:10px;row-gap:27px}.mentor-company{grid-column:span 2;font-size:13px;gap:10px}.mentor-company:nth-child(4){grid-column:2 / span 2}.mentor-company:nth-child(5){grid-column:4 / span 2}.mentor-company img{width:39px;height:39px}.is-mentorship .encounter-caption{left:23px;right:23px;font-size:10px}.interview-copy h2{transform-origin:left center}}

/* Only the mentor beat darkens: logos wake in sequence as the visitor scrolls. */
.mentor-shade{position:absolute;inset:0;z-index:0;background:#010604;opacity:calc(var(--mentor-focus,0)*.84);pointer-events:none}
.mentor-mark{display:block;position:relative;width:49px;height:49px;flex:none}
.mentor-mark img{position:absolute;inset:0;opacity:calc(.4 + var(--logo-reveal,0)*.6)}
.mentor-mark::after{content:"";position:absolute;inset:0;background:var(--brand,#c8edcd);mask:var(--mark) center/contain no-repeat;-webkit-mask:var(--mark) center/contain no-repeat;opacity:var(--logo-reveal,0)}
.mentor-company[data-company="microsoft"]{--brand:conic-gradient(from 0deg,#7fba00 0 25%,#ffb900 25% 50%,#00a4ef 50% 75%,#f25022 75%)}
.mentor-company[data-company="amazon"]{--brand:#ff9900}
.mentor-company[data-company="google"]{--brand:#4285f4}
.mentor-company[data-company="netflix"]{--brand:#e50914}
.mentor-company[data-company="openai"]{--brand:#fff}
.mentor-company{opacity:calc(.6 + var(--logo-reveal,0)*.4);transform:translateY(calc((1 - var(--logo-reveal,0))*7px))}
@media(max-width:700px){.mentor-mark{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.mentor-company{transform:none}}

@media(max-width:700px){.art-ready .art-gathering{background-image:url(assets/experience/training/shared-work-mobile.webp)}.art-ready .art-conversation{background-image:url(assets/experience/training/the-conversation-mobile.webp)}}
/* Phones: centre the mentors heading + logos between the header and the bottom caption/nav */
@media(max-width:700px){.mentor-copy{justify-content:center;padding-top:88px;padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}}