/* A camera move, staggered curtains and an intentional hold on the finished training. */
.tem-hero{--story-distance:2200px;position:relative;isolation:isolate;background:var(--light-wash)}
.tem-hero.is-stage-story{height:calc(var(--story-stage-height,620px) + var(--story-distance))}
.tem-hero.is-stage-story .hero-stage{position:sticky;top:var(--header-h)}
.hero-stage{display:flex;flex-direction:column;position:relative;min-height:0;overflow:clip;background:radial-gradient(ellipse at 87% 75%,#c5d4f24f,transparent 62%)}
.tem-hero.is-stage-story .hero-stage{height:calc(100svh - var(--header-h))}
.tem-hero.is-stage-story .hero-layout{flex:1;min-height:0}
.hero-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(30px,4vw,68px);padding-block:28px;min-height:620px}
.hero-offer{position:relative;z-index:2;max-width:505px}
.hero-offer .eyebrow{font-size:.8125rem;letter-spacing:.075em;margin-bottom:23px;color:var(--action)}
.hero-offer h1{font:400 clamp(3.4rem,5.5vw,5.2rem)/1.04 var(--display);letter-spacing:-.05em;margin:0;text-wrap:nowrap}
.hero-offer h1 span{display:block}
.hero-offer h1 span:last-child{color:var(--action)}
.hero-lead{max-width:415px;margin-top:25px;font-size:1.0625rem;line-height:1.7;color:var(--muted);text-wrap:pretty}
.hero-offer .hero-actions{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;margin:27px 0 30px;transform:none;max-width:100%}
.hero-offer .hero-actions .button{min-height:52px;font-size:.875rem;gap:18px}
.hero-offer .hero-actions .text-link{font-size:.875rem;min-height:44px;gap:9px}
.hero-person{display:flex;align-items:center;gap:13px;width:fit-content;min-height:54px;max-width:100%;margin:0}
.hero-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 33%;border:1px solid #061a2b1a}
.hero-person span{display:block;text-wrap:pretty;font-size:.8125rem;line-height:1.65;color:var(--muted)}
.hero-person strong{display:block;font-size:.9375rem;line-height:1.5;font-weight:500;color:var(--ink)}
.hero-person:hover strong{color:var(--action)}
.hero-story-track{min-width:0}
.hero-story{min-width:0;position:relative;z-index:3}
.is-track-story .hero-stage{overflow:visible}
.is-track-story .hero-layout{align-items:start}
.is-track-story .hero-story-track{height:calc(var(--story-panel-height,500px) + var(--story-distance))}
.is-track-story .hero-story{position:sticky;top:calc(var(--header-h) + 18px)}
.is-track-story .story-frame{transform-origin:center}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:.75rem;color:var(--muted)}
.story-heading strong{font-size:.8125rem;letter-spacing:.015em;color:var(--ink);font-weight:500}
.story-frame{position:relative;aspect-ratio:1.85;isolation:isolate;background:#edeae4;box-shadow:0 22px 48px -26px #061a2b66;overflow:clip;border:1px solid #061a2b12;transform-origin:top left}
.story-frame:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;box-shadow:inset 0 0 0 1px #ffffff42}
.story-scene{position:absolute;inset:0;margin:0;visibility:hidden;opacity:0;background:#f3f0ea;overflow:hidden}
.story-scene:first-child{visibility:visible;opacity:1}
.story-scene:after{content:"";position:absolute;inset:0;background:var(--ink);opacity:var(--scene-shade,0);pointer-events:none;z-index:3}
.story-slice{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.is-scrubbing .story-slice{will-change:clip-path}
.is-scrubbing .story-scene picture{will-change:transform}
.is-scrubbing .story-frame{will-change:transform}
.story-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:90% center}
.story-scene picture{display:block;width:100%;height:100%;transform-origin:center}
.story-heading,.story-caption,.story-controls,.story-meta{position:relative;z-index:4}
.hero-trust{flex:none;position:relative;z-index:4}
.is-focused .hero-offer{pointer-events:none}
@media(min-width:64rem){.hero-trust{padding:12px 0 10px;border-top:1px solid var(--line)}.hero-trust .reference-heading{margin-bottom:3px}.hero-trust .reference-heading>div{display:flex;align-items:baseline;gap:18px}.hero-trust .reference-heading p{margin:0}.hero-trust .reference-heading>.text-link{min-height:32px}.hero-trust .client-list{padding:5px 5px 4px}.hero-trust .client-list li{min-height:60px}}
@media print{.tem-hero.is-motion{height:auto!important}}
.story-caption{min-height:80px;display:grid;grid-template-columns:25px 1fr;gap:13px;align-content:center;padding-block:17px 15px}
.story-caption>span{color:var(--action);font-size:.75rem;line-height:1.7;font-variant-numeric:tabular-nums}
.story-caption p{font-size:.875rem;line-height:1.6;color:var(--muted);text-wrap:pretty}
.story-caption strong{display:block;font-weight:500;color:var(--ink);text-wrap:balance}
.story-caption .caption-detail{display:block;text-wrap:pretty}
.story-controls[hidden]{display:none}
.chapter-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid #061a2b26}
.chapter-nav button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:none;border:0;padding:13px 0 6px;min-height:62px;font-size:.875rem;color:var(--muted)}
.chapter-nav button:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--action);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.chapter-nav button[aria-current]{color:var(--ink);font-weight:600}
.tem-hero:not(.is-motion) .chapter-nav button[aria-current]:before{transform:scaleX(1)}
.is-story-complete .chapter-nav button:last-child:before{background:var(--action)}
.chapter-nav button:hover{color:var(--action)}
.chapter-nav button>span{font-size:.75rem;line-height:1.5;font-weight:400;color:var(--muted)}
.story-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;font-size:.75rem;line-height:1.6;color:var(--muted)}
.story-meta .ai-note{margin-left:auto}
.tem-hero .hero-actions .text-link .icon{flex-shrink:0}
.story-scroll-hint{display:none;align-items:center;gap:7px}
.is-motion .story-scroll-hint{display:inline-flex}
.story-scroll-hint .icon{width:14px;height:16px}
@media(min-width:64rem){.is-track-story .hero-offer{position:sticky;top:calc(var(--header-h) + 28px)}.is-track-story .story-frame{aspect-ratio:auto;height:clamp(150px,calc(100svh - var(--header-h) - 254px),370px)}}
@media(min-width:100rem){.hero-layout{min-height:650px}.hero-offer h1{font-size:5.4rem}}
@media(max-width:63.99rem){.hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;padding-block:42px;min-height:580px}.hero-offer h1{font-size:clamp(2.9rem,5.4vw,3.7rem)}.hero-offer .eyebrow{font-size:.75rem}.hero-lead{font-size:1rem}.hero-offer .hero-actions{gap:8px;margin-block:23px}.hero-person span{font-size:.75rem}.story-frame{aspect-ratio:1.18}.story-caption{min-height:110px}.chapter-nav{gap:8px}.chapter-nav button{font-size:.8125rem}.story-meta{margin-top:8px}}
@media(max-width:47.99rem){.hero-layout{grid-template-columns:1fr;gap:32px;padding-block:30px 34px;min-height:0}.hero-offer{max-width:100%}.hero-offer .eyebrow{margin-bottom:18px}.hero-offer h1{font-size:clamp(2.9rem,11.8vw,4.8rem);line-height:1.03}.hero-lead{margin-top:20px;max-width:480px;line-height:1.65}.hero-offer .hero-actions{gap:12px 20px;margin:22px 0}.hero-offer .hero-actions .button{min-height:48px;padding:13px 17px}.hero-offer .hero-actions .text-link{font-size:.875rem}.hero-person img{width:44px;height:44px}.hero-person strong{font-size:.875rem}.hero-person span{font-size:.8125rem}.story-heading{margin-bottom:11px}.story-frame{aspect-ratio:1.55}.story-caption{min-height:104px;gap:8px;padding-block:13px}.chapter-nav{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:8px}.chapter-nav button{min-height:62px;font-size:.8125rem}.story-meta{margin-top:8px}.story-meta a{font-size:.75rem}}
@media(max-width:47.99rem){.hero-offer .hero-actions{gap:12px}.hero-offer .hero-actions .text-link .icon{display:none}}
@media(max-width:63.99rem){.is-track-story .hero-layout{grid-template-columns:1fr;gap:36px;min-height:0}.is-track-story .hero-offer{max-width:600px}.is-track-story .hero-story-track{width:100%}.is-track-story .story-frame{aspect-ratio:1.7;max-height:calc(100svh - var(--header-h) - 254px)}.is-track-story .hero-story{padding-bottom:12px;background:var(--light-wash)}.is-motion .story-scroll-hint{display:inline-flex}.story-meta{font-size:.6875rem}.story-meta .ai-note{white-space:nowrap}}
@media(max-width:47.99rem){.is-track-story .hero-layout{gap:30px}.is-track-story .story-frame{aspect-ratio:1.55}.story-scroll-hint{max-width:120px;text-wrap:balance;line-height:1.5}.is-motion .story-scroll-hint .icon{display:none}}
@media(prefers-reduced-motion:reduce){.tem-hero.is-motion{height:auto;padding-bottom:0}.tem-hero.is-motion .hero-stage{position:relative;top:auto;margin-bottom:0}.tem-hero *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.story-frame{border:1px solid CanvasText}.chapter-nav button[aria-current]{border-top:3px solid ButtonText}.hero-person img{border:1px solid CanvasText}}
@media print{.tem-hero.is-motion{padding:0}.tem-hero .hero-stage{position:relative;top:0;margin:0}.tem-hero .hero-story-track{height:auto!important}.tem-hero .hero-story{position:relative;top:auto}.story-slice{display:none!important}.hero-layout{display:block;min-height:0;padding:20px 0}.hero-offer h1{font-size:36pt}.hero-story{max-width:500px;margin-top:20px}.story-controls,.story-scroll-hint{display:none}.story-scene{display:none!important}.story-scene:first-child{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}}
