:root{
  --red:#d51f32;
  --red-deep:#a90f25;
  --ink:#080808;
  --ink-2:#141414;
  --paper:#f8f6f1;
  --cream:#eee9df;
  --white:#fff;
  --muted:#706d67;
  --line:rgba(8,8,8,.14);
  --line-light:rgba(255,255,255,.18);
  --nav:92px;
  --sans:'Manrope','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:var(--red);color:#fff}

/* NAVIGATION — minimal, premium, Tony-style horizontal confidence */
.site-nav.nav-v5{position:fixed;inset:0 0 auto;z-index:100;height:var(--nav);display:grid;grid-template-columns:220px 1fr 170px;align-items:center;gap:30px;padding:0 clamp(24px,4vw,68px);background:rgba(248,246,241,.94);border-bottom:1px solid rgba(8,8,8,.09);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}
.site-nav.nav-v5.is-scrolled{height:78px;background:rgba(248,246,241,.985);box-shadow:0 14px 40px rgba(0,0,0,.055)}
.site-nav.nav-v5.nav-hidden{transform:translateY(-105%)}
.brand-link{display:flex;align-items:center;width:190px;height:48px;overflow:hidden}
.brand-link img{width:100%;height:100%;object-fit:contain;object-position:left center}
.desktop-nav{justify-self:center;display:flex;align-items:center;gap:clamp(20px,2.3vw,40px);height:100%}
.desktop-nav a{position:relative;display:flex;align-items:center;height:100%;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#25231f;white-space:nowrap}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--red);transition:right .35s cubic-bezier(.22,1,.36,1)}
.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.nav-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:142px;height:48px;padding:0 23px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.nav-cta:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.14)}
.menu-button{display:none;justify-self:end;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);padding:0;place-items:center}
.menu-button span{display:block;width:20px;height:2px;background:#fff;margin:3px auto}
.menu-overlay.nav-v5-menu{position:fixed;inset:0;z-index:120;padding:28px 5vw;background:var(--ink);color:#fff;transform:translateY(-105%);transition:transform .62s cubic-bezier(.76,0,.24,1);overflow:auto}
.menu-overlay.open{transform:none}
.menu-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line-light)}
.menu-top .brand-link{filter:none}
.menu-top button{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:none;color:#fff;font-size:30px;line-height:1}
.mobile-menu-list{padding:6vh 0}
.mobile-menu-list a{display:grid;grid-template-columns:55px 1fr 35px;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.mobile-menu-list span{font-size:10px;color:#888}
.mobile-menu-list b{font-size:clamp(29px,8vw,58px);letter-spacing:-.05em;line-height:1;font-weight:800}
.mobile-menu-list i{font-style:normal;color:var(--red);font-size:20px}
.progress-rail{position:fixed;left:0;top:0;z-index:150;width:100%;height:3px;pointer-events:none}
.progress-rail i{display:block;width:0;height:100%;background:var(--red)}

/* FOUNDATIONAL TYPOGRAPHY */
.eyebrow{margin:0;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease}
.button.dark{background:var(--ink);color:#fff}
.button.red{background:var(--red);color:#fff}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.actions,.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* HERO — immersive, founder-led, high contrast */
.content-page,.home-content-page{padding-top:var(--nav);position:relative;z-index:1;background:var(--paper)}
.content-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);min-height:calc(100svh - var(--nav));background:var(--ink);color:#fff;overflow:hidden}
.content-hero:before{content:"";position:absolute;inset:0 42% 0 0;background:radial-gradient(circle at 18% 80%,rgba(213,31,50,.28),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 55%);pointer-events:none}
.content-hero-copy{position:relative;z-index:2;align-self:center;padding:clamp(70px,9vh,120px) clamp(28px,5vw,78px) 72px}
.content-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c9c5bc}
.content-hero-copy .eyebrow:before{content:"";width:32px;height:2px;background:var(--red)}
.content-hero-copy h1{max-width:1000px;margin:20px 0 25px;font-size:clamp(52px,6.25vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:800;text-wrap:balance}
.content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){max-width:720px;margin:15px 0;font-size:clamp(14px,1.15vw,17px);line-height:1.65;color:#d1cec8}
.content-hero-copy .hero-founder{margin:32px 0 6px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.content-hero-copy .hero-roles{max-width:790px;margin:0;color:#9b9891;font-size:10px;font-weight:800;line-height:1.7;letter-spacing:.09em;text-transform:uppercase}
.content-hero-copy .language-line{display:inline-block;max-width:760px;margin:12px 12px 0 0;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#d8d5cf;font-size:12px;line-height:1.35}
.content-hero .actions .button.dark{background:#fff;color:var(--ink)}
.content-hero .actions .button.dark:hover{background:var(--cream)}
.content-hero-media{position:relative;min-height:650px;background:#ece8e1;overflow:hidden}
.content-hero-media:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.7) 0,rgba(8,8,8,.08) 22%,transparent 45%),linear-gradient(0deg,rgba(8,8,8,.32),transparent 35%);pointer-events:none}
.content-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.content-hero-media img[src*="chair"],.content-hero-media img[src*="hero-shivi"]{object-fit:contain;background:#f0ede7}
.content-hero-media>span{position:absolute;z-index:3;right:22px;bottom:22px;max-width:280px;padding:12px 17px;border-radius:999px;background:var(--red);color:#fff;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.home-content-page .content-hero-media:after{content:"SHIVI";position:absolute;z-index:1;left:-4%;bottom:-2%;font-size:clamp(94px,13vw,210px);font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.12);line-height:.8;pointer-events:none}
.home-content-page .content-hero-media img{object-fit:cover;background:#080808;filter:contrast(1.02)}

/* MARQUEE */
.kinetic-line{position:relative;z-index:4;overflow:hidden;background:var(--red);color:#fff;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,0,0,.08)}
.kinetic-line>div{width:max-content;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;animation:kinetic 28s linear infinite;will-change:transform}
@keyframes kinetic{to{transform:translateX(-50%)}}

/* STORY SYSTEM — large type, clear rhythm, intentional contrast */
.content-flow{position:relative}
.section{padding:clamp(88px,9vw,150px) clamp(24px,5vw,78px)}
.story-section{position:relative;display:grid;grid-template-columns:minmax(120px,.36fr) minmax(0,1.64fr);gap:clamp(28px,5vw,88px);background:var(--paper);border-top:1px solid var(--line);overflow:hidden}
.story-section--cream{background:var(--cream)}
.story-section--dark{background:var(--ink);color:#fff;border-color:rgba(255,255,255,.12)}
.story-section--red{background:var(--red);color:#fff;border-color:rgba(255,255,255,.16)}
.story-aside{position:relative;padding-top:7px}
.story-aside>span{display:block;margin-bottom:25px;font-size:clamp(62px,7vw,112px);line-height:.8;font-weight:900;letter-spacing:-.08em;color:rgba(8,8,8,.09)}
.story-section--dark .story-aside>span,.story-section--red .story-aside>span{color:rgba(255,255,255,.12)}
.story-aside .eyebrow{max-width:145px;line-height:1.5;color:var(--red)}
.story-section--red .story-aside .eyebrow{color:#fff}
.story-section--dark .story-aside .eyebrow{color:#b8b4ad}
.story-main{max-width:1260px}
.story-main>h2{max-width:1120px;margin:0 0 clamp(35px,5vw,72px);font-size:clamp(43px,5.6vw,90px);line-height:.94;letter-spacing:-.058em;font-weight:800;text-wrap:balance}
.story-body{max-width:860px}
.story-body>p,.story-main>p{max-width:790px;margin:0 0 22px;font-size:clamp(15px,1.18vw,18px);line-height:1.72;color:#48443f}
.story-section--dark .story-body>p,.story-section--dark .story-main>p{color:#c7c4bd}
.story-section--red .story-body>p,.story-section--red .story-main>p{color:rgba(255,255,255,.88)}
.story-body>h3,.micro-title{position:relative;margin:48px 0 15px;padding-top:20px;border-top:1px solid var(--line);font-size:clamp(22px,2.1vw,32px);line-height:1.1;letter-spacing:-.035em;font-weight:800}
.story-section--dark .story-body>h3,.story-section--dark .micro-title{border-color:rgba(255,255,255,.17)}
.story-section--red .story-body>h3,.story-section--red .micro-title{border-color:rgba(255,255,255,.25)}
.story-body>h3:before,.micro-title:before{content:"↗";position:absolute;right:0;top:18px;color:var(--red);font-size:18px}
.story-section--red .story-body>h3:before,.story-section--red .micro-title:before{color:#fff}
.story-section--dark .button.dark{background:#fff;color:var(--ink)}
.story-section--red .button.red{background:#fff;color:var(--red)}

/* Selected homepage feature sections become image-led, like the reference */
.home-content-page #founder-introduction{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);min-height:720px;background:#f2eee7}
.home-content-page #founder-introduction:before{content:"";align-self:stretch;grid-column:1;grid-row:1;background:url('../images/shivi-chair-900.webp') center top/cover no-repeat;min-height:560px;margin:clamp(26px,4vw,64px) 0 clamp(26px,4vw,64px) clamp(24px,5vw,78px);border-radius:2px}
.home-content-page #founder-introduction .story-aside{display:none}
.home-content-page #founder-introduction .story-main{grid-column:2;align-self:center;padding:clamp(50px,8vw,120px) clamp(24px,6vw,96px)}
.home-content-page #founder-introduction .story-main>h2{font-size:clamp(44px,5vw,82px)}
.home-content-page #executive-coaching{background:#0a0a0a;color:#fff;min-height:760px}
.home-content-page #executive-coaching:after{content:"";position:absolute;right:0;top:0;bottom:0;width:38%;background:url('../images/shivi-seated-900.webp') center/cover no-repeat;opacity:.38;filter:contrast(1.05)}
.home-content-page #executive-coaching .story-main{position:relative;z-index:2;max-width:850px}
.home-content-page #executive-coaching .story-body>p{color:#c8c5be}
.home-content-page #service-architect{background:#fff}
.home-content-page #service-architect .story-main>h2{max-width:900px}
.home-content-page #service-architect .story-main>h2:after{content:"SERVICE / LEADERSHIP / CULTURE / SYSTEMS";display:block;margin-top:30px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;line-height:1.4;letter-spacing:.18em;font-weight:900;color:var(--red)}
.home-content-page #result-stories .story-body{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:0;border-top:1px solid rgba(255,255,255,.25)}
.home-content-page #result-stories .story-body>p:first-child{grid-column:1/-1;padding:25px 0;margin:0}
.home-content-page #result-stories .story-body>.micro-title,.home-content-page #result-stories .story-body>.micro-title+p{margin:0;padding:26px;border:1px solid rgba(255,255,255,.22);border-top:0}
.home-content-page #result-stories .story-body>.micro-title{font-size:24px;border-bottom:0}
.home-content-page #result-stories .story-body>.micro-title+p{padding-top:0;color:rgba(255,255,255,.85)}

/* PROOF */
#proof-strip .story-main{max-width:none}
.proof.proof-final{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.proof.proof-final>div{min-height:250px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.55}
.proof.proof-final>div>span{font-size:10px;font-weight:900;color:var(--red)}
.proof.proof-final>div>strong{display:block;margin:30px 0 16px;font-size:clamp(46px,5vw,78px);line-height:.85;letter-spacing:-.07em;font-weight:900}
.proof.proof-final>div>p{margin:0;color:#555049;line-height:1.55}
.proof-portfolio{max-width:1000px!important;margin-top:30px!important;font-size:13px!important;color:#6c665f!important}

/* CLIENT LOGO MARQUEE */
.client-logos{padding:90px 0 96px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.client-logos-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 clamp(24px,5vw,78px) 38px}
.client-logos-head h2{max-width:750px;margin:10px 0 0;font-size:clamp(42px,5vw,78px);line-height:.93;letter-spacing:-.06em}
.client-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.client-marquee-track{display:flex;width:max-content;animation:logos 40s linear infinite;will-change:transform}
.client-logo-group{display:flex;align-items:center;gap:20px;padding-right:20px}
.client-logo-item{display:grid;place-items:center;flex:0 0 222px;width:222px;height:118px;padding:18px 24px;background:#faf9f6;border:1px solid #e9e5de}
.client-logo-item img{width:174px!important;height:74px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.client-logo-item>span{display:none}
.client-marquee:hover .client-marquee-track{animation-play-state:paused}
@keyframes logos{to{transform:translateX(-50%)}}

/* TESTIMONIALS — wide horizontal carousel */
.testimonials{background:#111;color:#fff;padding-right:0!important;overflow:hidden}
.testimonials-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:60px;align-items:end;padding-right:clamp(24px,5vw,78px);margin-bottom:52px}
.testimonials-head h2{margin:12px 0 0;font-size:clamp(48px,6.4vw,96px);line-height:.9;letter-spacing:-.065em}
.testimonials-head h2 em{font-style:normal;color:var(--red)}
.testimonials-intro{max-width:430px;margin:0;color:#aaa69f;font-size:15px;line-height:1.65}
.carousel-controls{display:flex;gap:8px;margin-top:20px}
.carousel-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:none;color:#fff;font-size:18px;transition:.25s}
.carousel-controls button:hover{background:#fff;color:#111}
.testimonial-grid{display:flex;gap:18px;overflow-x:auto;padding:0 clamp(24px,5vw,78px) 22px 0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.testimonial-grid::-webkit-scrollbar{display:none}
.testimonial-card{position:relative;flex:0 0 min(560px,76vw);min-height:540px;padding:34px;display:flex;flex-direction:column;background:#1b1b1b;border:1px solid rgba(255,255,255,.13);scroll-snap-align:start;transition:transform .3s ease,background .3s ease}
.testimonial-card:hover{transform:translateY(-5px);background:#202020}
.testimonial-card-top{display:flex;align-items:center;justify-content:space-between}
.testimonial-avatar{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;background:#2b2b2b;display:grid;place-items:center;font-size:17px;font-weight:900}
.testimonial-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.testimonial-index{font-size:12px;font-weight:900;color:#6f6f6f}
.testimonial-card blockquote{margin:45px 0 38px;font-size:clamp(24px,2.5vw,39px);line-height:1.16;letter-spacing:-.04em;font-weight:700}
.testimonial-meta{margin-top:auto}
.testimonial-meta h3{margin:0 0 7px;font-size:17px}
.testimonial-role{margin:0 0 14px;color:#d51f32;font-size:12px;font-weight:800}
.testimonial-context,.testimonial-source{max-width:450px;margin:0 0 12px;color:#9e9b95;font-size:12px;line-height:1.55}
.testimonial-source{font-size:10px;font-style:italic}
.testimonial-link{display:inline-block;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #666;font-size:11px;font-weight:800}
.avatar-credit{display:none}

/* LISTS / STEPS */
.premium-list{list-style:none;margin:35px 0 0;padding:0;border-top:1px solid var(--line)}
.premium-list li{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.8vw,27px);line-height:1.25;font-weight:700;letter-spacing:-.025em}
.premium-list li span{color:var(--red)}
.story-section--dark .premium-list{border-color:rgba(255,255,255,.15)}
.story-section--dark .premium-list li{border-color:rgba(255,255,255,.15)}
.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.steps-grid article{min-height:190px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps-grid article span{display:block;margin-bottom:30px;color:var(--red);font-size:12px;font-weight:900}
.steps-grid article p{margin:0!important;color:inherit!important;font-size:15px!important;line-height:1.55!important}
.story-section--dark .steps-grid{border-color:rgba(255,255,255,.18)}
.story-section--dark .steps-grid article{border-color:rgba(255,255,255,.18)}

/* CONTACT FORM */
.smart-form{max-width:950px;margin-top:40px;padding:34px;background:#fff;border:1px solid var(--line)}
.smart-form label{display:block;margin-bottom:22px;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.smart-form input,.smart-form textarea,.smart-form select{width:100%;margin-top:9px;padding:14px 0;border:0;border-bottom:1px solid #bbb5ad;border-radius:0;outline:0;background:transparent;color:#111;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;transition:border-color .2s}
.smart-form textarea{resize:vertical}
.smart-form input:focus,.smart-form textarea:focus,.smart-form select:focus{border-color:var(--red)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.form-note{margin:10px 0 20px!important;font-size:12px!important;font-weight:800;color:#77716a!important}

/* FAQ — clean editorial stack */
#faq .story-body>h3{padding-right:45px;margin-top:0;padding-top:26px;padding-bottom:22px;border-top:1px solid var(--line);font-size:clamp(18px,1.8vw,26px)}
#faq .story-body>h3:before{content:"+";top:20px;font-size:28px;font-weight:400}
#faq .story-body>p{margin-top:-8px;padding-bottom:26px}

/* FINAL CTA — full impact */
#final-conversion,#final-cta{min-height:74vh;align-items:center}
#final-conversion .story-main>h2,#final-cta .story-main>h2{font-size:clamp(58px,7.7vw,125px);line-height:.85;max-width:1180px}

/* FOOTER */
footer{position:relative;z-index:5;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:35px;padding:58px clamp(24px,5vw,78px);background:var(--ink);color:#fff;border-top:1px solid #2c2c2c}
footer>div:first-child{font-size:clamp(28px,3.2vw,48px);font-weight:900;letter-spacing:-.06em}
footer>div:first-child b{color:var(--red)}
footer p{margin:5px 0 0;color:#8c8881;font-size:11px;line-height:1.65}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:12px;font-weight:800}
.footer-contact a{border-bottom:1px solid #444;padding-bottom:3px}

/* REVEALS */
.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:none}
.story-body>h3.reveal:nth-of-type(2),.testimonial-card.reveal:nth-child(2){transition-delay:.06s}
.story-body>h3.reveal:nth-of-type(3),.testimonial-card.reveal:nth-child(3){transition-delay:.12s}

/* RESPONSIVE */
@media(max-width:1120px){
  :root{--nav:82px}
  .site-nav.nav-v5{grid-template-columns:180px 1fr 145px;padding-inline:28px;gap:20px}
  .brand-link{width:166px}
  .desktop-nav{gap:18px}.desktop-nav a{font-size:9.5px}.nav-cta{min-width:130px;height:44px;padding-inline:17px;font-size:9.5px}
  .content-hero{grid-template-columns:1fr .78fr}.content-hero-copy h1{font-size:clamp(48px,6vw,80px)}
  .story-section{grid-template-columns:110px 1fr;gap:35px}
  .proof.proof-final{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  :root{--nav:72px}
  .site-nav.nav-v5{grid-template-columns:1fr auto;height:var(--nav);padding:0 20px}.site-nav.nav-v5.is-scrolled{height:66px}
  .brand-link{width:150px;height:40px}.desktop-nav,.nav-cta{display:none}.menu-button{display:grid}
  .content-hero{grid-template-columns:1fr;min-height:auto}.content-hero:before{inset:0}
  .content-hero-copy{padding:70px 22px 50px}.content-hero-copy h1{font-size:clamp(47px,12vw,76px);line-height:.92}.content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){font-size:15px}.content-hero-copy .hero-roles{font-size:9px}
  .content-hero-media{min-height:68vh}.content-hero-media:before{background:linear-gradient(0deg,rgba(8,8,8,.4),transparent 42%)}
  .home-content-page .content-hero-media{min-height:75vh}
  .section{padding:80px 22px}
  .story-section{grid-template-columns:1fr;gap:28px}.story-aside{display:flex;align-items:center;gap:16px}.story-aside>span{font-size:55px;margin:0}.story-aside .eyebrow{max-width:none}
  .story-main>h2{font-size:clamp(40px,10.5vw,64px)}
  .home-content-page #founder-introduction{display:grid;grid-template-columns:1fr;padding:0}.home-content-page #founder-introduction:before{grid-column:1;grid-row:1;min-height:72vh;margin:0;background-position:center top}.home-content-page #founder-introduction .story-main{grid-column:1;grid-row:2;padding:70px 22px}
  .home-content-page #executive-coaching:after{width:100%;opacity:.13}.home-content-page #result-stories .story-body{grid-template-columns:1fr}
  .proof.proof-final{grid-template-columns:1fr}.proof.proof-final>div{min-height:210px}
  .client-logos{padding:70px 0}.client-logos-head{display:block;padding:0 22px 30px}.client-logo-item{flex-basis:186px;width:186px;height:100px}.client-logo-item img{width:145px!important;height:62px!important}
  .testimonials{padding:75px 0 75px 22px!important}.testimonials-head{grid-template-columns:1fr;padding-right:22px;gap:22px}.testimonials-head h2{font-size:clamp(45px,12vw,72px)}.testimonial-card{flex-basis:86vw;min-height:500px;padding:26px}.testimonial-card blockquote{font-size:26px}
  .steps-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.smart-form{padding:24px}
  footer{grid-template-columns:1fr;padding:46px 22px}.footer-contact{align-items:flex-start}
}
@media(max-width:560px){
  .content-hero-copy .language-line{display:block;width:fit-content;font-size:11px}.actions,.story-actions{flex-direction:column;align-items:stretch}.button{width:100%}
  .content-hero-media{min-height:58vh}.home-content-page .content-hero-media{min-height:65vh}
  .story-main>h2{font-size:clamp(38px,10.5vw,54px)}
  #final-conversion .story-main>h2,#final-cta .story-main>h2{font-size:clamp(50px,14vw,74px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.client-marquee-track,.kinetic-line>div{animation:none}.content-hero-media img{transition:none}}
/* final spacing polish */
@media(min-width:901px){
  .home-content-page #founder-introduction{padding:0}
  .home-content-page #founder-introduction:before{margin:64px 0 64px clamp(24px,5vw,78px)}
}

/* =========================================================
   TONY-STYLE EXPERIENCE PASS — Training Lab brand/content
   ========================================================= */
body.tr-home{background:#000;color:#fff}
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5{height:72px;grid-template-columns:205px 1fr 150px;padding:0 clamp(18px,3vw,48px);background:#000;border-color:rgba(255,255,255,.11);box-shadow:none;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.tr-home .site-nav.nav-v5.is-scrolled,
.page-internal .site-nav.nav-v5.is-scrolled{height:68px;background:rgba(0,0,0,.97);border-color:rgba(255,255,255,.1);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.tr-home .brand-link,.page-internal .brand-link{width:248px;height:56px}
.tr-home .brand-link img,.page-internal .brand-link img{content:url('../images/shivalatha-signature-transparent-v8.png');object-fit:contain}
.tr-home .desktop-nav,.page-internal .desktop-nav{gap:clamp(18px,2vw,34px)}
.tr-home .desktop-nav a,.page-internal .desktop-nav a{font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#fff}
.tr-home .desktop-nav a:after,.page-internal .desktop-nav a:after{bottom:17px;height:1px;background:#fff}
.tr-home .nav-cta,.page-internal .nav-cta{min-width:118px;height:39px;border-radius:999px;background:#fff;color:#000;font-size:10px;font-weight:800;letter-spacing:.01em;text-transform:none}
.tr-home .nav-cta:hover,.page-internal .nav-cta:hover{background:var(--red);color:#fff}
.tr-home .menu-button,.page-internal .menu-button{background:#fff}.tr-home .menu-button span,.page-internal .menu-button span{background:#000}
.tr-main{padding-top:72px;background:#000}
.tr-kicker{margin:0 0 14px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:inherit}
.tr-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border-radius:999px;font-size:11px;font-weight:800;transition:.25s ease}
.tr-pill:hover{transform:translateY(-2px)}
.tr-pill-light{background:#fff;color:#000}.tr-pill-light:hover{background:var(--red);color:#fff}
.tr-pill-dark{background:#000;color:#fff}.tr-pill-dark:hover{background:var(--red)}
.tr-text-link{display:inline-flex;gap:10px;align-items:center;margin-top:28px;font-size:12px;font-weight:800;border-bottom:1px solid #111;padding-bottom:5px}
.tr-text-link span{color:var(--red)}

/* Hero */
.tr-hero{position:relative;min-height:calc(100svh - 72px);height:min(860px,calc(100svh - 72px));overflow:hidden;background:#051320;color:#fff}
.tr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.9) contrast(1.03);transform:scale(1.01)}
.tr-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 36%,rgba(0,0,0,.07) 70%,rgba(0,0,0,.22) 100%),linear-gradient(0deg,rgba(0,0,0,.54) 0%,transparent 42%)}
.tr-hero-copy{position:absolute;z-index:3;left:clamp(22px,3.5vw,58px);bottom:clamp(44px,8vh,86px);width:min(780px,60vw)}
.tr-hero-copy .tr-kicker{color:rgba(255,255,255,.74)}
.tr-hero h1{margin:0;font-size:clamp(45px,5.2vw,88px);line-height:.91;letter-spacing:-.064em;font-weight:700;text-wrap:balance}
.tr-hero h1 span{color:#fff}
.tr-hero-intro{max-width:660px;margin:22px 0 26px;color:rgba(255,255,255,.84);font-size:clamp(13px,1.05vw,16px);line-height:1.55}
.tr-next-card{position:absolute;z-index:4;right:clamp(22px,3.4vw,54px);bottom:clamp(38px,6vh,66px);width:215px;color:#fff}
.tr-next-label{display:block;text-align:right;margin-bottom:9px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.tr-next-image{height:118px;border-radius:2px;overflow:hidden;background:#222}.tr-next-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.tr-next-copy{position:relative;padding:12px 34px 0 0}.tr-next-copy small{display:block;font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.62)}.tr-next-copy b{display:block;margin-top:5px;font-size:12px;line-height:1.22}.tr-next-copy i{position:absolute;right:0;top:13px;font-style:normal;font-size:18px}
.tr-hero-scroll{position:absolute;z-index:3;right:25px;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right top;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.65)}.tr-hero-scroll span{margin-left:8px;color:#fff}

/* Black program rail */
.tr-dark{background:#000;color:#fff}.tr-programs{padding:70px clamp(20px,3vw,48px) 78px}
.tr-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.tr-section-head h2{margin:0;font-size:clamp(36px,4.1vw,64px);line-height:.96;letter-spacing:-.055em;font-weight:600}.tr-section-head a{display:flex;gap:8px;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(0,0,0,.35);font-size:11px;font-weight:700}.tr-section-head-dark a{border-color:rgba(255,255,255,.35)}.tr-section-head a span{font-size:16px;color:var(--red)}
.tr-card-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,24vw);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;scroll-snap-type:x proximity}.tr-card-rail::-webkit-scrollbar{display:none}
.tr-feature-card{position:relative;height:430px;overflow:hidden;background:#161616;color:#fff;scroll-snap-align:start}.tr-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.22,1,.36,1)}.tr-feature-card:hover img{transform:scale(1.04)}.tr-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.13) 70%)}.tr-feature-card small,.tr-feature-card h3,.tr-feature-card>span{position:absolute;z-index:2;left:22px;right:22px}.tr-feature-card small{top:22px;font-size:8px;font-weight:800;letter-spacing:.11em}.tr-feature-card h3{bottom:63px;margin:0;font-size:clamp(22px,2vw,34px);line-height:.96;letter-spacing:-.045em;font-weight:650}.tr-feature-card>span{bottom:22px;font-size:10px;font-weight:700}.tr-feature-card-red{background:var(--red)}.tr-feature-card-red .tr-card-overlay{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.13),transparent 24%),linear-gradient(155deg,#d51f32,#a90f25)}.tr-feature-card-red h3{font-size:clamp(26px,2.4vw,40px)}

/* Master / pillars */
.tr-light{background:#f6f5f1;color:#090909}.tr-master{padding:100px clamp(24px,5.5vw,92px) 120px}.tr-master-intro{max-width:940px}.tr-master-intro h2{margin:0;font-size:clamp(52px,6.8vw,108px);line-height:.88;letter-spacing:-.07em;font-weight:650}.tr-master-intro h2 span{color:#7b7872}.tr-master-intro>p:not(.tr-kicker){max-width:760px;margin:30px 0 0;font-size:15px;line-height:1.7;color:#54514c}
.tr-pillars-wrap{display:grid;grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr);gap:35px;margin-top:75px;align-items:stretch}.tr-pillar-tabs{display:flex;flex-direction:column;border-top:1px solid #bbb7ae}.tr-pillar-tabs a{padding:17px 3px;border-bottom:1px solid #bbb7ae;font-size:clamp(17px,1.55vw,24px);letter-spacing:-.025em;color:#8b8882;transition:.25s ease}.tr-pillar-tabs a:first-child,.tr-pillar-tabs a:hover{color:#000;padding-left:8px}.tr-pillar-visual{position:relative;min-height:520px;overflow:hidden;background:#ddd}.tr-pillar-visual img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.tr-pillar-caption{position:absolute;left:0;right:0;bottom:0;padding:54px 34px 28px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}.tr-pillar-caption small{display:block;font-size:8px;letter-spacing:.12em}.tr-pillar-caption strong{display:block;max-width:580px;margin-top:7px;font-size:clamp(24px,2.7vw,40px);line-height:1;letter-spacing:-.04em}

/* Founder split */
.tr-founder-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:780px;background:#fff;color:#000}.tr-founder-image{overflow:hidden;background:#eee}.tr-founder-image img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.tr-founder-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(35px,5vw,85px)}.tr-founder-copy h2{margin:0 0 13px;font-size:clamp(48px,5.1vw,82px);line-height:.9;letter-spacing:-.064em;font-weight:650}.tr-big-copy{margin:0 0 28px!important;font-size:clamp(23px,2.4vw,35px)!important;line-height:1.08!important;letter-spacing:-.035em;color:#6e6b66}.tr-founder-copy p:not(.tr-kicker):not(.tr-big-copy){margin:0 0 17px;font-size:14px;line-height:1.72;color:#4e4b47}.tr-founder-copy .tr-pill{align-self:flex-start;margin-top:10px}

/* Results */
.tr-results{background:#eeeae1;color:#080808;padding:95px clamp(24px,5vw,80px)}.tr-results-title{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.tr-results-title .tr-kicker{grid-column:1/-1;margin-bottom:-20px}.tr-results-title h2{margin:0;font-size:clamp(46px,5.8vw,88px);line-height:.9;letter-spacing:-.065em;font-weight:650}.tr-results-title>p:last-child{margin:0 0 6px;max-width:450px;font-size:14px;line-height:1.65;color:#595650}.tr-results-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa59d;margin-top:62px}.tr-results-grid div{padding:29px 24px 0 0;border-right:1px solid #aaa59d;min-height:180px}.tr-results-grid div:last-child{border-right:0;padding-left:22px}.tr-results-grid strong{display:block;font-size:clamp(46px,5vw,80px);line-height:1;letter-spacing:-.07em;font-weight:600}.tr-results-grid span{display:block;margin-top:12px;max-width:180px;font-size:11px;line-height:1.4;color:#68645e}

/* Logo rail overrides — brand colors, clean Tony-style presentation */
.tr-home .client-logos{padding:62px 0 68px;background:#fff;color:#000;border:0}.tr-home .client-logos-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:0 clamp(24px,5vw,80px) 28px}.tr-home .client-logos-head h2{margin:0;font-size:clamp(28px,3vw,45px);letter-spacing:-.045em}.tr-home .client-logos-head p{max-width:390px;margin:0;color:#696661;font-size:12px}.tr-home .client-logo-marquee{overflow:hidden;border-top:1px solid #dedbd4;border-bottom:1px solid #dedbd4;padding:0}.tr-home .client-logo-group{gap:0!important;padding-right:0!important}.tr-home .client-logo-item,.tr-home .client-logo-item.logo-hsbc,.tr-home .client-logo-item.logo-mas,.tr-home .client-logo-item.logo-peoples,.tr-home .client-logo-item.logo-dialog,.tr-home .client-logo-item.logo-ndb,.tr-home .client-logo-item.logo-ntb,.tr-home .client-logo-item.logo-union,.tr-home .client-logo-item.logo-hnb,.tr-home .client-logo-item.logo-prima,.tr-home .client-logo-item.logo-boc{flex:0 0 220px!important;width:220px!important;height:118px!important;padding:22px 28px!important;border:0!important;border-right:1px solid #e8e5df!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.tr-home .client-logo-item img,.tr-home .client-logo-item.logo-hsbc img,.tr-home .client-logo-item.logo-mas img,.tr-home .client-logo-item.logo-peoples img,.tr-home .client-logo-item.logo-dialog img,.tr-home .client-logo-item.logo-ndb img,.tr-home .client-logo-item.logo-ntb img,.tr-home .client-logo-item.logo-union img,.tr-home .client-logo-item.logo-hnb img,.tr-home .client-logo-item.logo-prima img,.tr-home .client-logo-item.logo-boc img{width:164px!important;height:70px!important;max-width:164px!important;max-height:70px!important;object-fit:contain!important;filter:none!important;opacity:1!important}

/* Service story */
.tr-story-dark{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;background:#050505;color:#fff;padding:110px clamp(24px,5.5vw,90px)}.tr-story-heading h2{margin:0;font-size:clamp(56px,6.5vw,104px);line-height:.88;letter-spacing:-.07em;font-weight:650}.tr-story-heading h2 span{color:#737373}.tr-story-content{align-self:end;max-width:540px;padding-bottom:8px}.tr-story-content p{margin:0 0 20px;font-size:15px;line-height:1.72;color:#bdbdbd}.tr-story-content .tr-pill{margin-top:12px}

/* Impact */
.tr-impact-cards{background:#f6f5f1;color:#090909;padding:95px clamp(24px,5vw,80px)}.tr-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb7ae}.tr-impact-grid article{min-height:360px;padding:24px 24px 30px;border-right:1px solid #bbb7ae;display:flex;flex-direction:column}.tr-impact-grid article:last-child{border-right:0}.tr-impact-grid span{font-size:10px;color:#8a867f}.tr-impact-grid h3{margin:auto 0 24px;font-size:clamp(27px,2.5vw,39px);line-height:.96;letter-spacing:-.05em;font-weight:600}.tr-impact-grid p{margin:0;font-size:12px;line-height:1.65;color:#66625d}

/* Testimonials Tony-style horizontal dark rail */
.tr-home .testimonials{background:#000;color:#fff;padding:100px clamp(24px,4vw,64px) 110px}.tr-home .testimonials-head{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:38px}.tr-home .testimonials-head h2{margin:0;font-size:clamp(50px,6.3vw,96px);line-height:.88;letter-spacing:-.068em;font-weight:650}.tr-home .testimonials-head h2 em{font-style:normal;color:#6e6e6e}.tr-home .testimonials-intro{max-width:420px;margin:0 0 4px;color:#a0a0a0;font-size:13px;line-height:1.65}.tr-home .testimonial-grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(310px,31vw);grid-template-columns:none!important;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:none}.tr-home .testimonial-grid::-webkit-scrollbar{display:none}.tr-home .testimonial-card{min-height:430px;background:#111!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;color:#fff!important;padding:25px!important;scroll-snap-align:start;box-shadow:none!important}.tr-home .testimonial-card blockquote{font-size:clamp(23px,2.2vw,34px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#fff!important}.tr-home .testimonial-role{color:#fff!important}.tr-home .testimonial-context,.tr-home .testimonial-source{color:#888!important}.tr-home .testimonial-link{color:#fff!important}.tr-home .testimonial-index{color:#6c6c6c!important}.tr-home .testimonial-avatar{border-radius:0!important;background:#222!important}.tr-home .carousel-controls{justify-content:flex-end;margin:0 0 15px!important}.tr-home .carousel-controls button{border-color:#3b3b3b!important;color:#fff!important;background:#111!important}

/* Brand split */
.tr-brand-split{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#000}.tr-brand-split>a{min-height:550px;padding:70px clamp(30px,4vw,65px);display:flex;flex-direction:column;border-right:1px solid #cfcac2;transition:.35s ease}.tr-brand-split>a:last-child{border-right:0;background:#eeeae1}.tr-brand-split>a:hover{background:#0a0a0a;color:#fff}.tr-brand-split small{font-size:9px;letter-spacing:.13em}.tr-brand-split h2{margin:auto 0 24px;font-size:clamp(45px,5vw,76px);line-height:.89;letter-spacing:-.065em;font-weight:620}.tr-brand-split p{max-width:540px;margin:0 0 22px;font-size:13px;line-height:1.62;color:#66615b}.tr-brand-split>a:hover p{color:#b5b5b5}.tr-brand-split span{font-size:11px;font-weight:800}

/* Final hero */
.tr-final-cta{position:relative;height:min(82vh,760px);min-height:600px;overflow:hidden;background:#000;color:#fff}.tr-final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.tr-final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 65%),linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.tr-final-copy{position:absolute;z-index:2;left:clamp(25px,5vw,84px);bottom:clamp(50px,8vh,88px);max-width:880px}.tr-final-copy h2{margin:0;font-size:clamp(54px,6.7vw,106px);line-height:.87;letter-spacing:-.072em;font-weight:650}.tr-final-copy h2 span{color:#b7b7b7}.tr-final-copy>p:not(.tr-kicker){max-width:610px;margin:24px 0 26px;color:#d5d5d5;font-size:14px;line-height:1.62}

/* Footer — dark/simple */
.tr-home footer,.page-internal footer{background:#000!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.12)!important}

/* Internal pages remain content-rich but adopt the same visual language */
.page-internal .content-page,.page-internal .home-content-page{padding-top:72px}.page-internal .content-hero{min-height:720px;background:#000}.page-internal .content-hero-copy h1{font-size:clamp(52px,6.4vw,100px);font-weight:650;letter-spacing:-.068em}.page-internal .content-flow{background:#f6f5f1}.page-internal .story-section{border-top-color:rgba(0,0,0,.13)}

@media(max-width:1100px){
 .tr-home .site-nav.nav-v5,.page-internal .site-nav.nav-v5{grid-template-columns:180px 1fr 120px;padding-inline:20px}.tr-home .desktop-nav,.page-internal .desktop-nav{gap:16px}.tr-next-card{width:190px}.tr-card-rail{grid-auto-columns:minmax(290px,38vw)}.tr-results-grid,.tr-impact-grid{grid-template-columns:repeat(2,1fr)}.tr-impact-grid article:nth-child(2){border-right:0}.tr-impact-grid article{border-bottom:1px solid #bbb7ae}.tr-story-dark{grid-template-columns:1fr}.tr-story-content{max-width:730px}.tr-founder-split{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .tr-home .site-nav.nav-v5,.page-internal .site-nav.nav-v5{grid-template-columns:1fr auto;height:64px}.tr-home .desktop-nav,.tr-home .nav-cta,.page-internal .desktop-nav,.page-internal .nav-cta{display:none}.tr-home .menu-button,.page-internal .menu-button{display:grid}.tr-main{padding-top:64px}.tr-hero{height:auto;min-height:760px}.tr-hero-bg{object-position:58% center}.tr-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.28) 75%),linear-gradient(90deg,rgba(0,0,0,.25),transparent)}.tr-hero-copy{left:22px;right:22px;bottom:38px;width:auto}.tr-hero h1{font-size:clamp(48px,11vw,72px)}.tr-hero-intro{max-width:86%}.tr-next-card{display:none}.tr-hero-scroll{display:none}.tr-programs{padding-inline:18px}.tr-card-rail{grid-auto-columns:minmax(285px,75vw)}.tr-master{padding:75px 22px 90px}.tr-master-intro h2{font-size:clamp(52px,12vw,78px)}.tr-pillars-wrap{grid-template-columns:1fr;margin-top:45px}.tr-pillar-tabs{display:grid;grid-template-columns:1fr 1fr}.tr-pillar-tabs a{padding:14px 3px}.tr-pillar-visual{min-height:460px}.tr-founder-split{grid-template-columns:1fr}.tr-founder-image{height:620px}.tr-founder-copy{padding:65px 24px 80px}.tr-results{padding:75px 22px}.tr-results-title{grid-template-columns:1fr}.tr-results-title .tr-kicker{grid-column:auto;margin-bottom:0}.tr-results-grid{grid-template-columns:1fr 1fr}.tr-results-grid div:nth-child(2){border-right:0}.tr-story-dark{padding:75px 22px}.tr-story-heading h2{font-size:clamp(56px,13vw,82px)}.tr-impact-cards{padding:75px 20px}.tr-impact-grid{grid-template-columns:1fr}.tr-impact-grid article{min-height:285px;border-right:0}.tr-home .testimonials{padding:78px 20px 90px}.tr-home .testimonials-head{grid-template-columns:1fr}.tr-home .testimonial-grid{grid-auto-columns:minmax(300px,82vw)}.tr-brand-split{grid-template-columns:1fr}.tr-brand-split>a{min-height:450px;border-right:0;border-bottom:1px solid #cfcac2}.tr-final-cta{min-height:680px}.tr-final-cta>img{object-position:58% center}.tr-final-copy{left:22px;right:22px;bottom:46px}.tr-final-copy h2{font-size:clamp(52px,12vw,80px)}
}
@media(max-width:560px){
 .tr-hero{min-height:690px}.tr-hero-bg{object-position:62% center}.tr-hero-copy .tr-kicker{max-width:90%;line-height:1.5}.tr-hero h1{font-size:46px}.tr-hero-intro{max-width:100%;font-size:12px}.tr-section-head{align-items:flex-start;flex-direction:column}.tr-feature-card{height:390px}.tr-master-intro h2{font-size:50px}.tr-pillar-tabs{grid-template-columns:1fr}.tr-pillar-visual{min-height:400px}.tr-founder-image{height:500px}.tr-results-grid{grid-template-columns:1fr}.tr-results-grid div{border-right:0!important;border-bottom:1px solid #aaa59d;padding:25px 0;min-height:130px}.tr-results-grid div:last-child{padding-left:0}.tr-home .client-logo-item,.tr-home .client-logo-item.logo-hsbc,.tr-home .client-logo-item.logo-mas,.tr-home .client-logo-item.logo-peoples,.tr-home .client-logo-item.logo-dialog,.tr-home .client-logo-item.logo-ndb,.tr-home .client-logo-item.logo-ntb,.tr-home .client-logo-item.logo-union,.tr-home .client-logo-item.logo-hnb,.tr-home .client-logo-item.logo-prima,.tr-home .client-logo-item.logo-boc{flex-basis:180px!important;width:180px!important;height:102px!important;padding:18px 22px!important}.tr-home .client-logo-item img,.tr-home .client-logo-item.logo-hsbc img,.tr-home .client-logo-item.logo-mas img,.tr-home .client-logo-item.logo-peoples img,.tr-home .client-logo-item.logo-dialog img,.tr-home .client-logo-item.logo-ndb img,.tr-home .client-logo-item.logo-ntb img,.tr-home .client-logo-item.logo-union img,.tr-home .client-logo-item.logo-hnb img,.tr-home .client-logo-item.logo-prima img,.tr-home .client-logo-item.logo-boc img{width:136px!important;height:62px!important}.tr-story-heading h2{font-size:52px}.tr-home .testimonials-head h2{font-size:52px}.tr-brand-split h2{font-size:47px}.tr-final-copy h2{font-size:50px}
}


/* TONY-STYLE CLIENT VOICES — portrait rail + single editorial quote stage */
.tr-testimonials{background:#f0ede7;color:#090909;padding:108px 0 0;overflow:hidden;border-top:1px solid #d7d2c9}
.tr-testimonials-head{padding:0 clamp(24px,4vw,64px) 52px}
.tr-testimonials-title-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:70px;align-items:end}
.tr-testimonials-title-row h2{margin:10px 0 0;font-size:clamp(58px,7vw,108px);line-height:.84;letter-spacing:-.072em;font-weight:650;max-width:1100px}
.tr-testimonials-title-row h2 span{color:#817d76}
.tr-testimonials-title-row>p{max-width:390px;margin:0 0 7px;color:#6f6b64;font-size:14px;line-height:1.65}
.tr-testimonial-portraits{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,25vw);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;background:#090909}
.tr-testimonial-portraits::-webkit-scrollbar{display:none}
.tr-review-person{position:relative;appearance:none;border:0;border-right:1px solid rgba(255,255,255,.13);background:#111;color:#fff;padding:0;min-height:420px;text-align:left;cursor:pointer;overflow:hidden;scroll-snap-align:start}
.tr-review-photo{position:absolute;inset:0;display:grid;place-items:center;background:#1b1b1b;overflow:hidden}
.tr-review-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.04) 100%);transition:background .35s ease}
.tr-review-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.7;transform:scale(1.02);transition:filter .45s ease,opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.tr-review-initials{font-size:clamp(38px,4vw,72px);font-weight:700;color:#787878;letter-spacing:-.06em}
.tr-review-person-meta{position:absolute;z-index:2;left:24px;right:20px;bottom:24px;display:flex;flex-direction:column;gap:5px;transform:translateY(4px);transition:transform .35s ease}
.tr-review-person-meta b{font-size:17px;letter-spacing:-.025em}
.tr-review-person-meta small{font-size:10px;line-height:1.4;color:#b6b6b6;text-transform:uppercase;letter-spacing:.08em}
.tr-review-person:before{content:"";position:absolute;z-index:3;left:0;right:100%;bottom:0;height:4px;background:var(--red);transition:right .35s ease}
.tr-review-person:hover .tr-review-photo img,.tr-review-person.is-active .tr-review-photo img{filter:grayscale(0);opacity:1;transform:scale(1.06)}
.tr-review-person:hover .tr-review-photo:after,.tr-review-person.is-active .tr-review-photo:after{background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.02) 58%)}
.tr-review-person.is-active:before{right:0}
.tr-review-person.is-active .tr-review-person-meta{transform:none}
.tr-review-photo-initials{background:linear-gradient(135deg,#191919,#343434)}
.tr-testimonial-stage{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr) 120px;gap:40px;min-height:520px;padding:70px clamp(24px,4vw,64px) 86px;background:#fff;border-bottom:1px solid #dedad2}
.tr-testimonial-count{display:flex;align-items:center;gap:12px;align-self:start;margin-top:14px;font-size:11px;font-weight:800;letter-spacing:.08em}
.tr-testimonial-count i{display:block;width:48px;height:1px;background:#bdb8b0}
.tr-testimonial-copy{position:relative;max-width:1180px;padding-left:72px}
.tr-big-quote{position:absolute;left:0;top:-24px;font-family:Georgia,serif;font-size:110px;line-height:1;color:var(--red)}
.tr-testimonial-copy blockquote{margin:0;max-width:1050px;font-size:clamp(36px,4.25vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:590;transition:opacity .2s ease,transform .2s ease}
.tr-testimonial-copy.is-changing blockquote,.tr-testimonial-copy.is-changing .tr-testimonial-byline{opacity:0;transform:translateY(10px)}
.tr-testimonial-byline{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:52px;padding-top:24px;border-top:1px solid #d7d2c9;transition:opacity .2s ease,transform .2s ease}
.tr-testimonial-byline>div{display:flex;flex-direction:column;gap:6px}
.tr-testimonial-byline strong{font-size:17px;letter-spacing:-.02em}
.tr-testimonial-byline>div span{font-size:12px;color:#77726b}
.tr-testimonial-byline>a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding-bottom:4px;border-bottom:1px solid #999;color:#111}
.tr-testimonial-nav{align-self:end;display:flex;gap:8px;justify-content:flex-end}
.tr-testimonial-nav button{width:52px;height:52px;border:1px solid #bab5ad;background:transparent;color:#111;border-radius:50%;font-size:18px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tr-testimonial-nav button:hover{background:#111;color:#fff;border-color:#111}
@media(max-width:900px){
 .tr-testimonials{padding-top:76px}.tr-testimonials-head{padding:0 22px 36px}.tr-testimonials-title-row{grid-template-columns:1fr;gap:24px}.tr-testimonials-title-row h2{font-size:clamp(52px,13vw,78px)}.tr-testimonial-portraits{grid-auto-columns:72vw}.tr-review-person{min-height:390px}.tr-testimonial-stage{grid-template-columns:1fr;gap:20px;min-height:470px;padding:48px 22px 56px}.tr-testimonial-count{margin:0}.tr-testimonial-copy{padding-left:48px}.tr-big-quote{font-size:82px;top:-18px}.tr-testimonial-copy blockquote{font-size:clamp(32px,8.5vw,50px)}.tr-testimonial-nav{position:absolute;right:22px;top:38px}.tr-testimonial-nav button{width:44px;height:44px}.tr-testimonial-byline{align-items:flex-start;flex-direction:column;margin-top:38px}
}
@media(max-width:520px){.tr-testimonial-portraits{grid-auto-columns:82vw}.tr-review-person{min-height:360px}.tr-testimonial-copy{padding-left:0;padding-top:46px}.tr-big-quote{left:0;top:-15px}.tr-testimonial-copy blockquote{font-size:34px}.tr-testimonial-byline>a{margin-top:4px}}

/* ============================================================
   CINEMATIC CLIENT VOICES — full-width hero testimonial
   ============================================================ */
.tr-testimonials-cinematic{padding:0!important;background:#070707!important;border:0!important;color:#fff;overflow:hidden}
.tr-cinematic-review-stage{position:relative;min-height:clamp(720px,78vw,900px);height:min(88vh,900px);background:#0a0a0a;overflow:hidden}
.tr-cinematic-media{position:absolute;inset:0;overflow:hidden;background:#161616}
.tr-cinematic-media img{position:absolute;inset:0;width:58%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.92) contrast(1.04);transform:scale(1.015);transition:opacity .38s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.tr-cinematic-media.is-changing img{opacity:.15;transform:scale(1.045)}
.tr-cinematic-fallback{position:absolute;left:0;top:0;width:52%;height:100%;display:grid;place-items:center;font-size:clamp(120px,18vw,280px);font-weight:700;letter-spacing:-.09em;color:rgba(255,255,255,.12);background:radial-gradient(circle at 45% 45%,#3a1414 0,#171010 45%,#090909 80%);opacity:0;transition:opacity .3s ease}
.tr-cinematic-fallback.is-visible{opacity:1}
.tr-cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 31%,rgba(0,0,0,.72) 53%,rgba(0,0,0,.87) 100%),linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.06) 78%);pointer-events:none}
.tr-cinematic-copy{position:absolute;z-index:2;left:41.5%;right:clamp(32px,5vw,82px);top:20%;max-width:1040px;transition:opacity .22s ease,transform .22s ease}
.tr-cinematic-copy.is-changing{opacity:0;transform:translateY(10px)}
.tr-cinematic-kicker{margin:0 0 20px;font-size:11px;font-weight:800;letter-spacing:.19em;color:#fff;text-transform:uppercase;opacity:.72}
.tr-cinematic-copy blockquote{margin:0;max-width:980px;color:#fff;font-size:clamp(40px,4.15vw,70px);line-height:1.01;letter-spacing:-.055em;font-weight:640;text-wrap:balance}
.tr-cinematic-copy blockquote:before{content:'“'}
.tr-cinematic-copy blockquote:after{content:'”'}
.tr-cinematic-source{display:flex;align-items:flex-end;gap:18px;margin-top:30px;flex-wrap:wrap}
.tr-cinematic-source strong{font-size:15px;letter-spacing:-.02em}
.tr-cinematic-source>span{font-size:12px;color:rgba(255,255,255,.66)}
.tr-cinematic-source a{margin-left:auto;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}
.tr-cinematic-reviewers{position:absolute;z-index:3;left:41.5%;right:clamp(24px,4vw,62px);bottom:54px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2.1vw,38px);align-items:start}
.tr-testimonials-cinematic .tr-review-person{min-height:0!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;color:#fff;text-align:center;overflow:visible;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.tr-testimonials-cinematic .tr-review-person:before{display:none!important}
.tr-review-avatar{position:relative;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;overflow:hidden;background:#272727;border:2px solid transparent;box-shadow:0 0 0 0 rgba(255,255,255,0);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.tr-review-avatar>span{font-size:15px;font-weight:800;color:#aaa;position:absolute}
.tr-review-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.62;transition:filter .25s ease,opacity .25s ease,transform .3s ease}
.tr-testimonials-cinematic .tr-review-person:hover .tr-review-avatar,.tr-testimonials-cinematic .tr-review-person.is-active .tr-review-avatar{transform:translateY(-3px);border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.tr-testimonials-cinematic .tr-review-person:hover .tr-review-avatar img,.tr-testimonials-cinematic .tr-review-person.is-active .tr-review-avatar img{filter:none;opacity:1;transform:scale(1.06)}
.tr-review-avatar-fallback{background:linear-gradient(145deg,#2a1515,#111)}
.tr-testimonials-cinematic .tr-review-person-meta{position:static!important;inset:auto!important;display:flex;flex-direction:column;gap:5px;transform:none!important;max-width:150px;align-items:center}
.tr-testimonials-cinematic .tr-review-person-meta b{font-size:13px;line-height:1.15;color:rgba(255,255,255,.62);letter-spacing:-.02em;transition:color .25s ease}
.tr-testimonials-cinematic .tr-review-person-meta small{font-size:10px;line-height:1.35;color:rgba(255,255,255,.38);text-transform:none;letter-spacing:0;transition:color .25s ease}
.tr-testimonials-cinematic .tr-review-person.is-active .tr-review-person-meta b{color:#fff}
.tr-testimonials-cinematic .tr-review-person.is-active .tr-review-person-meta small{color:rgba(255,255,255,.76)}
.tr-cinematic-controls{position:absolute;z-index:5;left:clamp(20px,3vw,48px);bottom:35px;display:flex;align-items:center;gap:10px;color:#fff}
.tr-cinematic-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.18);backdrop-filter:blur(8px);color:#fff;font-size:16px;cursor:pointer;transition:background .2s,border-color .2s}
.tr-cinematic-controls button:hover{background:#fff;color:#111;border-color:#fff}
.tr-cinematic-controls span{font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.tr-cinematic-controls b{color:#fff}
@media(max-width:1100px){
 .tr-cinematic-copy{left:37%;top:17%;right:30px}.tr-cinematic-reviewers{left:37%;right:26px;gap:14px}.tr-review-avatar{width:60px;height:60px}.tr-testimonials-cinematic .tr-review-person-meta b{font-size:11px}.tr-testimonials-cinematic .tr-review-person-meta small{font-size:9px}.tr-cinematic-media img{width:62%}
}
@media(max-width:820px){
 .tr-cinematic-review-stage{height:auto;min-height:860px}.tr-cinematic-media img{width:100%;height:58%;object-position:center top}.tr-cinematic-fallback{width:100%;height:58%}.tr-cinematic-shade{background:linear-gradient(0deg,#070707 36%,rgba(7,7,7,.4) 67%,rgba(0,0,0,.08) 100%)}.tr-cinematic-copy{left:22px;right:22px;top:46%;max-width:none}.tr-cinematic-copy blockquote{font-size:clamp(34px,7.9vw,52px);line-height:1.02}.tr-cinematic-source a{margin-left:0}.tr-cinematic-reviewers{left:18px;right:18px;bottom:42px;display:flex;overflow-x:auto;gap:22px;padding:8px 4px 10px;scrollbar-width:none}.tr-cinematic-reviewers::-webkit-scrollbar{display:none}.tr-testimonials-cinematic .tr-review-person{flex:0 0 118px}.tr-review-avatar{width:58px;height:58px}.tr-cinematic-controls{display:none}
}
@media(max-width:520px){
 .tr-cinematic-review-stage{min-height:800px}.tr-cinematic-media img,.tr-cinematic-fallback{height:48%}.tr-cinematic-copy{top:39%;left:18px;right:18px}.tr-cinematic-kicker{margin-bottom:12px}.tr-cinematic-copy blockquote{font-size:32px}.tr-cinematic-source{margin-top:18px}.tr-cinematic-reviewers{bottom:24px}.tr-testimonials-cinematic .tr-review-person{flex-basis:106px}.tr-review-avatar{width:54px;height:54px}
}

/* =========================================================
   2026 POLISH PASS — LIQUID GLASS / APPLE-STYLE INTERACTION
   Stable overrides: intentionally placed last in the cascade.
   ========================================================= */
:root{
  --glass-bg:rgba(18,18,18,.48);
  --glass-light:rgba(255,255,255,.62);
  --glass-line:rgba(255,255,255,.15);
  --glass-shadow:0 24px 80px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
  --spring:cubic-bezier(.16,1,.3,1);
  --smooth:cubic-bezier(.22,1,.36,1);
}
html{scroll-padding-top:96px}
body{isolation:isolate}
body::after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;border:1px solid rgba(255,255,255,.035);mix-blend-mode:soft-light}
.liquid-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.7}
.liquid-ambient::before,.liquid-ambient::after{content:"";position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(100px);opacity:.15;will-change:transform}
.liquid-ambient::before{left:calc(var(--mouse-x,50%) - 23vw);top:calc(var(--mouse-y,20%) - 23vw);background:radial-gradient(circle,rgba(213,31,50,.7),rgba(213,31,50,0) 68%);transition:left .8s var(--smooth),top .8s var(--smooth)}
.liquid-ambient::after{right:-18vw;top:26vh;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);animation:ambientFloat 12s ease-in-out infinite alternate}
@keyframes ambientFloat{to{transform:translate3d(-5vw,7vh,0) scale(1.12)}}

/* floating liquid navigation */
.tr-home .site-nav.nav-v5,.page-internal .site-nav.nav-v5,.site-nav.nav-v5{
  top:12px;left:clamp(12px,1.4vw,24px);right:clamp(12px,1.4vw,24px);width:auto;
  height:68px;border:1px solid rgba(255,255,255,.12);border-radius:24px;
  background:linear-gradient(135deg,rgba(15,15,15,.74),rgba(7,7,7,.52));
  box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);
  overflow:hidden;transition:transform .55s var(--spring),background .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.site-nav.nav-v5::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 26%,transparent 70%,rgba(255,255,255,.045));opacity:.55}
.tr-home .site-nav.nav-v5.is-scrolled,.page-internal .site-nav.nav-v5.is-scrolled,.site-nav.nav-v5.is-scrolled{height:64px;background:rgba(8,8,8,.72);border-color:rgba(255,255,255,.16);box-shadow:0 16px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.progress-rail{top:0;height:2px;z-index:180}.progress-rail i{box-shadow:0 0 18px rgba(213,31,50,.8)}
.desktop-nav a{transition:color .25s ease,transform .25s var(--spring)}
.desktop-nav a:hover{transform:translateY(-1px)}
.desktop-nav a:after{bottom:15px;height:1px;box-shadow:0 0 8px rgba(213,31,50,.45)}
.nav-cta,.tr-pill,.button{position:relative;overflow:hidden;transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);transition:transform .35s var(--spring),box-shadow .35s ease,background .3s ease,color .3s ease,border-color .3s ease}
.nav-cta::before,.tr-pill::before,.button::before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.38) 48%,transparent 72%);transform:translateX(-120%);transition:transform .75s var(--smooth);pointer-events:none}
.nav-cta:hover::before,.tr-pill:hover::before,.button:hover::before{transform:translateX(120%)}
.nav-cta{border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 28px rgba(213,31,50,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.menu-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .35s var(--spring),background .3s ease}
.menu-button:hover{transform:scale(1.06);background:rgba(255,255,255,.14)}
.menu-overlay.nav-v5-menu{background:radial-gradient(circle at 85% 12%,rgba(213,31,50,.18),transparent 32%),rgba(5,5,5,.94);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
.mobile-menu-list a{transition:transform .35s var(--spring),background .3s ease;border-radius:18px}
.mobile-menu-list a:hover{transform:translateX(8px);background:rgba(255,255,255,.05)}

/* hero cinematic + liquid layers */
.tr-hero{isolation:isolate}
.tr-hero::before{content:"";position:absolute;z-index:1;left:-12vw;bottom:-30vw;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(circle,rgba(213,31,50,.32),rgba(213,31,50,0) 66%);filter:blur(16px);animation:heroOrb 10s ease-in-out infinite alternate;pointer-events:none}
.tr-hero::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 28%,transparent 75%,rgba(255,255,255,.03));mix-blend-mode:screen}
@keyframes heroOrb{to{transform:translate3d(7vw,-4vw,0) scale(1.08)}}
.tr-hero-bg{will-change:transform;transform:scale(1.035) translate3d(0,var(--hero-y,0px),0);transition:filter 1s ease}
.tr-hero-copy{z-index:5}
.tr-hero-copy .tr-kicker{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,10,10,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.tr-hero h1{filter:drop-shadow(0 8px 30px rgba(0,0,0,.2))}
.tr-hero h1 span{color:#fff}
.tr-next-card{border:1px solid rgba(255,255,255,.17)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(20,20,20,.56),rgba(12,12,12,.32))!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(0,var(--card-y,0),0);transition:transform .5s var(--spring),border-color .35s ease,box-shadow .35s ease}
.tr-next-card:hover{--card-y:-7px;border-color:rgba(255,255,255,.3)!important;box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.16)!important}
.tr-next-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.13),transparent 55%);opacity:0;transition:opacity .3s ease}.tr-next-card:hover::after{opacity:1}
.tr-hero-scroll{padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tr-hero-scroll span{display:inline-block;animation:scrollHint 1.8s ease-in-out infinite}@keyframes scrollHint{50%{transform:translateY(5px)}}

/* premium sections: depth without clutter */
.tr-programs,.tr-master,.tr-results,.tr-impact-cards,.client-logos,.tr-story-dark,.tr-brand-split,.tr-final-cta,.story-section{position:relative;z-index:2}
.tr-card-rail{scroll-snap-type:x proximity;scrollbar-width:none}.tr-card-rail::-webkit-scrollbar{display:none}
.tr-feature-card{scroll-snap-align:start;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.18);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transition:transform .55s var(--spring),box-shadow .4s ease,border-color .35s ease}
.tr-feature-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.18),transparent 58%);opacity:0;transition:opacity .3s ease}
.tr-feature-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-10px);border-color:rgba(255,255,255,.25);box-shadow:0 36px 90px rgba(0,0,0,.32)}.tr-feature-card:hover::after{opacity:1}
.tr-feature-card img{transition:transform 1.1s var(--smooth),filter .6s ease}.tr-feature-card:hover img{transform:scale(1.065);filter:saturate(1.05)}
.tr-master{overflow:hidden}.tr-master::before{content:"";position:absolute;right:-12vw;top:12%;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle,rgba(213,31,50,.12),transparent 68%);filter:blur(45px);pointer-events:none}
.tr-pillar-tabs a{border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s var(--spring),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.tr-pillar-tabs a:hover{transform:translateY(-3px);background:rgba(255,255,255,.76);border-color:rgba(0,0,0,.17);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.tr-pillar-visual{overflow:hidden;border-radius:34px;box-shadow:0 28px 85px rgba(0,0,0,.14);transform:translateZ(0)}
.tr-pillar-visual img{transition:transform 1.2s var(--smooth)}.tr-pillar-visual:hover img{transform:scale(1.035)}
.tr-pillar-caption{margin:0 18px 18px;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:rgba(15,15,15,.52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.tr-founder-image{overflow:hidden}.tr-founder-image img{transition:transform 1.2s var(--smooth);will-change:transform}.tr-founder-image:hover img{transform:scale(1.035)}
.tr-founder-copy{position:relative;overflow:hidden}.tr-founder-copy::after{content:"";position:absolute;width:340px;height:340px;right:-140px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(213,31,50,.12),transparent 68%);pointer-events:none}
.tr-results-grid>div{position:relative;overflow:hidden;transition:transform .4s var(--spring),background .35s ease}.tr-results-grid>div::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.42),transparent 65%);transform:translateX(-120%);transition:transform .8s var(--smooth);pointer-events:none}.tr-results-grid>div:hover{transform:translateY(-5px)}.tr-results-grid>div:hover::after{transform:translateX(120%)}

/* client logo glass rail; original brand colours remain untouched */
.client-logos{overflow:hidden}.client-logos::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(213,31,50,.055),transparent 34%);pointer-events:none}
.client-marquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.client-logo-item{position:relative!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.58))!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 16px 48px rgba(25,20,16,.075),inset 0 1px 0 #fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .42s var(--spring),box-shadow .35s ease!important}
.client-logo-item::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.72) 46%,transparent 64%);transform:translateX(-130%);transition:transform .85s var(--smooth);pointer-events:none}.client-logo-item:hover{transform:translateY(-7px) scale(1.025)!important;box-shadow:0 26px 64px rgba(25,20,16,.12),inset 0 1px 0 #fff!important}.client-logo-item:hover::after{transform:translateX(130%)}
.client-logo-item img{filter:none!important;opacity:1!important}

/* story / impact cards become tactile glass surfaces */
.tr-story-dark{overflow:hidden}.tr-story-dark::before{content:"";position:absolute;left:48%;top:-30%;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(213,31,50,.18),transparent 66%);filter:blur(30px);pointer-events:none;animation:darkOrb 13s ease-in-out infinite alternate}@keyframes darkOrb{to{transform:translate3d(9vw,10vh,0) scale(.88)}}
.tr-story-content{position:relative;z-index:2;padding:clamp(26px,3vw,42px);border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tr-impact-grid article{position:relative;overflow:hidden;transition:transform .45s var(--spring),background .35s ease,box-shadow .35s ease}.tr-impact-grid article::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(213,31,50,.10),transparent 58%);opacity:0;transition:opacity .3s}.tr-impact-grid article:hover{z-index:2;transform:translateY(-8px);background:rgba(255,255,255,.72);box-shadow:0 25px 65px rgba(0,0,0,.11)}.tr-impact-grid article:hover::after{opacity:1}

/* cinematic reviews — stable, responsive, liquid controls */
.tr-testimonials-cinematic{padding:clamp(18px,2vw,30px);background:#050505}
.tr-cinematic-review-stage{min-height:clamp(690px,76vw,900px);height:min(86vh,900px);border:1px solid rgba(255,255,255,.12);border-radius:34px;box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);isolation:isolate}
.tr-cinematic-review-stage::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 20%,transparent 78%,rgba(255,255,255,.025));pointer-events:none}
.tr-cinematic-media img{width:60%;filter:saturate(.96) contrast(1.035);transform:scale(1.025);transition:opacity .4s ease,transform 1.05s var(--smooth),filter .5s ease}
.tr-cinematic-media.is-changing img{opacity:0;transform:scale(1.065);filter:blur(6px) saturate(.8)}
.tr-cinematic-fallback{width:60%;background:radial-gradient(circle at 38% 42%,#a90f25 0,#21110f 36%,#090909 76%)}
.tr-cinematic-shade{background:linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.10) 31%,rgba(0,0,0,.68) 54%,rgba(0,0,0,.90) 100%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.08) 100%)}
.tr-cinematic-copy{z-index:4;left:43%;top:16%;right:clamp(32px,5vw,78px);padding:clamp(22px,2.5vw,34px);border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(135deg,rgba(15,15,15,.28),rgba(10,10,10,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .32s ease,transform .45s var(--spring),filter .32s ease}
.tr-cinematic-copy.is-changing{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px)}
.tr-cinematic-copy blockquote{font-size:clamp(38px,3.85vw,66px);line-height:1.01;text-shadow:0 8px 36px rgba(0,0,0,.22)}
.tr-cinematic-copy blockquote::before,.tr-cinematic-copy blockquote::after{content:none!important} /* fixes duplicated quote marks */
.tr-cinematic-kicker{display:inline-flex;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06)}
.tr-cinematic-reviewers{z-index:6;left:43%;right:clamp(26px,4vw,58px);bottom:34px;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(12,12,12,.35);box-shadow:0 18px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.tr-testimonials-cinematic .tr-review-person{border-radius:18px;padding:8px 6px!important;transition:transform .35s var(--spring),background .3s ease,opacity .3s ease!important}
.tr-testimonials-cinematic .tr-review-person:hover{transform:translateY(-5px);background:rgba(255,255,255,.055)}
.tr-review-avatar{border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .4s var(--spring),border-color .3s ease,box-shadow .3s ease!important}
.tr-review-person.is-active .tr-review-avatar{transform:scale(1.12);border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 14px 35px rgba(0,0,0,.35)}
.tr-review-person.is-active::after{content:"";display:block;width:18px;height:2px;margin:8px auto 0;border-radius:9px;background:var(--red);box-shadow:0 0 12px rgba(213,31,50,.65)}
.tr-cinematic-controls{left:30px;bottom:30px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,8,8,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tr-cinematic-controls button{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.075);transition:transform .3s var(--spring),background .25s ease,color .25s ease}.tr-cinematic-controls button:hover{transform:scale(1.08);background:#fff}

/* split and final CTA */
.tr-brand-split>a{position:relative;overflow:hidden}.tr-brand-split>a::before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.0);border-radius:30px;background:rgba(255,255,255,0);transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;pointer-events:none}.tr-brand-split>a:hover::before{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.tr-brand-split>a>*{position:relative;z-index:2}
.tr-final-cta{overflow:hidden}.tr-final-cta>img{will-change:transform;transform:scale(1.03) translateY(var(--final-y,0px))}.tr-final-copy{padding:clamp(24px,3.2vw,42px);border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(10,10,10,.32);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}

/* internal pages */
.page-internal .content-page{padding-top:0}.page-internal .content-hero{padding-top:92px}
.page-internal .content-hero-copy{z-index:4}.page-internal .content-hero-copy .eyebrow{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);width:max-content;max-width:100%;backdrop-filter:blur(12px)}
.page-internal .content-hero-media{margin:92px 20px 20px 0;border:1px solid rgba(255,255,255,.1);border-radius:30px;min-height:600px;box-shadow:0 30px 100px rgba(0,0,0,.32);overflow:hidden}
.story-section::after{content:"";position:absolute;width:360px;height:360px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(213,31,50,.065),transparent 69%);pointer-events:none}
.story-section--dark::after,.story-section--red::after{background:radial-gradient(circle,rgba(255,255,255,.06),transparent 69%)}
.steps-grid article,.premium-list li,.smart-form{transition:transform .4s var(--spring),background .3s ease,box-shadow .3s ease}.steps-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.48);box-shadow:0 18px 46px rgba(0,0,0,.07)}.story-section--dark .steps-grid article:hover{background:rgba(255,255,255,.05)}
.smart-form{border-radius:30px;background:rgba(255,255,255,.66);box-shadow:0 22px 70px rgba(0,0,0,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* Reveal system — blur and directional movement, GPU friendly */
.reveal{opacity:0;transform:translate3d(0,44px,0) scale(.985);filter:blur(8px);transition:opacity .85s ease,transform 1s var(--spring),filter .75s ease;will-change:opacity,transform,filter}
.reveal.reveal-left{transform:translate3d(-42px,20px,0) scale(.99)}
.reveal.reveal-right{transform:translate3d(42px,20px,0) scale(.99)}
.reveal.reveal-scale{transform:translate3d(0,24px,0) scale(.955)}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}

/* Keep entrance motion inside the viewport so transformed sections never
   create a horizontal scroll area while they are waiting to reveal. */
.story-section.reveal-left,.story-section.reveal-right{
  transform:translate3d(0,20px,0) scale(.99);
}

/* Improve rendering cost below the fold */
@supports(content-visibility:auto){.tr-impact-cards,.tr-brand-split,.tr-final-cta,.story-section{content-visibility:auto;contain-intrinsic-size:1px 760px}}

/* focused accessibility */
:focus-visible{outline:2px solid #fff;outline-offset:4px}.story-section :focus-visible,.tr-light :focus-visible,.client-logos :focus-visible{outline-color:var(--red)}

@media(max-width:1100px){
  .tr-cinematic-copy{left:39%;right:24px}.tr-cinematic-reviewers{left:39%;right:20px}.tr-cinematic-media img,.tr-cinematic-fallback{width:64%}
}
@media(max-width:900px){
  .tr-home .site-nav.nav-v5,.page-internal .site-nav.nav-v5,.site-nav.nav-v5{top:8px;left:8px;right:8px;height:58px!important;border-radius:20px;padding-inline:14px!important}.tr-main{padding-top:0!important}
  .tr-hero{padding-top:0;min-height:780px}.tr-hero-copy .tr-kicker{width:auto}
  .page-internal .content-hero{padding-top:76px}.page-internal .content-hero-media{margin:0 14px 14px;border-radius:24px;min-height:480px}
  .tr-pillar-caption{margin:0 12px 12px}
  .tr-testimonials-cinematic{padding:10px}.tr-cinematic-review-stage{height:auto;min-height:880px;border-radius:26px}.tr-cinematic-media img,.tr-cinematic-fallback{width:100%;height:54%}.tr-cinematic-copy{left:16px;right:16px;top:40%;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(10,10,10,.32),rgba(8,8,8,.62));backdrop-filter:blur(12px)}.tr-cinematic-copy blockquote{font-size:clamp(31px,7vw,48px)}.tr-cinematic-reviewers{left:14px;right:14px;bottom:22px;padding:12px;gap:14px;border-radius:22px}.tr-testimonials-cinematic .tr-review-person{flex-basis:90px}.tr-review-person-meta small{display:none!important}.tr-cinematic-controls{display:none}
  .tr-final-copy{left:16px!important;right:16px!important;padding:24px;border-radius:24px}
}
@media(max-width:560px){
  .liquid-ambient{display:none}.tr-hero::before{width:100vw;height:100vw}.tr-cinematic-review-stage{min-height:820px}.tr-cinematic-media img,.tr-cinematic-fallback{height:46%}.tr-cinematic-copy{top:34%;padding:18px}.tr-cinematic-copy blockquote{font-size:30px}.tr-cinematic-source{gap:8px;margin-top:16px}.tr-cinematic-source>span{width:100%}.tr-cinematic-reviewers{bottom:16px}.tr-testimonials-cinematic .tr-review-person{flex-basis:76px}.tr-review-avatar{width:52px!important;height:52px!important}.tr-review-person-meta b{font-size:9px!important}.client-marquee{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
}
@media(prefers-reduced-motion:reduce){
  .liquid-ambient,.tr-hero::before,.tr-story-dark::before{display:none!important}.tr-hero h1 span{animation:none}.tr-hero-scroll span{animation:none}.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.tr-hero-bg,.tr-final-cta>img,.tr-founder-image img,.tr-pillar-visual img{transform:none!important;transition:none!important}.tr-feature-card,.tr-next-card{transform:none!important}
}


/* =========================================================
   WORD-DOCUMENT EXACT CONTENT — HOMEPAGE LAYOUT
   Copy follows Website Content TL.docx in the supplied order.
   ========================================================= */
.doc-exact-home .section{position:relative}
.doc-home-hero .tr-hero-copy{max-width:min(930px,72vw)}
.doc-home-hero .tr-hero-copy h1{max-width:900px;font-size:clamp(3rem,6vw,6.8rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.doc-home-hero .tr-hero-intro{max-width:720px;font-size:clamp(1rem,1.35vw,1.28rem)}
.doc-hero-actions,.doc-final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.doc-hero-actions .tr-pill:nth-child(2){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);backdrop-filter:blur(16px) saturate(150%)}
.doc-founder-intro{padding:clamp(72px,9vw,140px) 5vw;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;background:#f5f1e9;color:#0d0d0d;border-bottom:1px solid rgba(0,0,0,.08)}
.doc-founder-heading h2{font-size:clamp(1.8rem,3vw,3.7rem);line-height:1.02;letter-spacing:-.045em;max-width:760px}
.doc-founder-copy>p{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.58;max-width:780px}
.doc-language-lines{margin-top:40px;display:grid;gap:12px;padding-top:26px;border-top:1px solid rgba(0,0,0,.13);font-size:clamp(1rem,1.25vw,1.25rem)}
.doc-recognition{padding:clamp(80px,9vw,140px) 5vw}
.doc-recognition .tr-section-head{max-width:1020px;margin-bottom:50px}
.doc-recognition .tr-section-head h2{font-size:clamp(2.7rem,5vw,5.7rem);line-height:.98;letter-spacing:-.05em;text-wrap:balance}
.doc-recognition .tr-section-head p:last-child{max-width:720px;color:rgba(255,255,255,.7);font-size:1.1rem;line-height:1.6}
.doc-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.doc-question-card{min-height:310px;padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.11);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,border-color .45s}
.doc-question-card:hover{transform:translateY(-8px);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(226,45,40,.08));border-color:rgba(255,255,255,.22)}
.doc-question-card>span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);font-size:.72rem;color:rgba(255,255,255,.65)}
.doc-question-card h3{font-size:clamp(1.55rem,2.5vw,2.75rem);line-height:1.03;letter-spacing:-.04em;margin:45px 0 20px;text-wrap:balance}
.doc-question-card p{color:rgba(255,255,255,.68);font-size:1rem;line-height:1.65;max-width:650px}
.doc-founder-story .tr-founder-copy h2{font-size:clamp(2.7rem,4.8vw,5.6rem);line-height:.98;letter-spacing:-.05em}
.doc-founder-story .tr-big-copy{font-size:clamp(1.45rem,2.2vw,2.25rem)!important;line-height:1.3!important}
.doc-proof{padding:clamp(80px,9vw,140px) 5vw;background:#f5f1e9;color:#111}
.doc-proof .tr-results-title{max-width:980px}
.doc-proof .tr-results-title h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.98;letter-spacing:-.05em}
.doc-proof .tr-results-title>p:last-child{font-size:1.15rem;line-height:1.6;max-width:720px}
.doc-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:55px;background:rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.12);border-radius:26px;overflow:hidden}
.doc-proof-grid>div{background:#f5f1e9;padding:32px;display:flex;gap:24px;min-height:160px;align-items:flex-start}
.doc-proof-grid i{font-style:normal;font-size:.72rem;opacity:.45;padding-top:6px}
.doc-proof-grid p{font-size:clamp(1.1rem,1.6vw,1.55rem);line-height:1.4;margin:0}
.doc-portfolio-line{margin:32px 0 0;padding:28px;border-radius:22px;background:#111;color:#fff;font-size:1rem;line-height:1.65}
.doc-offer-split{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#fff}
.doc-offer-media{min-height:680px;overflow:hidden}
.doc-offer-media img{width:100%;height:100%;object-fit:cover;display:block}
.doc-offer-copy{padding:clamp(60px,8vw,120px);display:flex;flex-direction:column;justify-content:center}
.doc-offer-copy h2{font-size:clamp(2.7rem,4.6vw,5.4rem);line-height:.97;letter-spacing:-.05em;margin:12px 0 25px;text-wrap:balance}
.doc-offer-copy p{font-size:1.04rem;line-height:1.7;max-width:700px}
.doc-offer-copy .doc-lead{font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.45}
.doc-service{padding:clamp(85px,10vw,155px) 5vw}
.doc-service .tr-story-heading h2{font-size:clamp(3rem,6vw,7rem);line-height:.92;letter-spacing:-.06em}
.doc-service .tr-story-heading>p:last-child{font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.45;color:rgba(255,255,255,.72);max-width:720px}
.doc-results{padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(80px,9vw,140px)}
.doc-results .tr-section-head h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98;letter-spacing:-.05em}
.doc-results .tr-section-head p:last-child{font-size:1.1rem;line-height:1.6;max-width:650px}
.doc-results .tr-impact-grid article p{line-height:1.65}
.doc-multilingual{padding:clamp(90px,10vw,160px) 5vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:9vw;background:#f5f1e9;color:#111}
.doc-multilingual h2{font-size:clamp(2.8rem,5.4vw,6rem);line-height:.95;letter-spacing:-.055em;margin:10px 0}
.doc-multilingual>div:nth-child(2)>p{font-size:1.05rem;line-height:1.7}
.doc-multilingual .doc-lead{font-size:clamp(1.35rem,2vw,1.9rem)!important;line-height:1.4!important}
.doc-language-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.doc-language-chips span{padding:12px 18px;border:1px solid rgba(0,0,0,.14);border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(14px);font-weight:700}
.doc-brand-transitions>a{padding:clamp(55px,6vw,90px)}
.doc-brand-transitions h2{font-size:clamp(2.4rem,4vw,4.7rem);line-height:.98;letter-spacing:-.05em;text-wrap:balance}
.doc-brand-transitions p{max-width:690px;line-height:1.65}
.doc-brand-transitions .doc-lead{font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.45}
.doc-final .tr-final-copy{max-width:940px}
.doc-final .tr-final-copy h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.94;letter-spacing:-.055em}
.doc-final .tr-final-copy p{max-width:700px}
@media(max-width:1100px){
 .doc-home-hero .tr-hero-copy{max-width:88vw}
 .doc-founder-intro,.doc-multilingual{grid-template-columns:1fr;gap:40px}
 .doc-offer-split{grid-template-columns:1fr}.doc-offer-media{height:66vw;min-height:520px}.doc-offer-copy{padding:70px 6vw}
 .desktop-nav{gap:18px!important}.desktop-nav a{font-size:.78rem!important}
}
@media(max-width:760px){
 .doc-home-hero .tr-hero-copy{max-width:92vw}.doc-home-hero .tr-hero-copy h1{font-size:clamp(2.7rem,12vw,4.5rem)}
 .doc-hero-actions,.doc-final-actions{flex-direction:column;align-items:stretch}.doc-hero-actions .tr-pill,.doc-final-actions .tr-pill{text-align:center;justify-content:center}
 .doc-founder-intro,.doc-recognition,.doc-proof,.doc-multilingual{padding-left:22px;padding-right:22px}
 .doc-question-grid,.doc-proof-grid{grid-template-columns:1fr}
 .doc-question-card{min-height:0;padding:26px}.doc-question-card h3{margin-top:32px}
 .doc-offer-media{height:112vw;min-height:430px}.doc-offer-copy{padding:60px 22px}
 .doc-brand-transitions>a{padding:55px 24px}
}

/* =========================================================
   TYPOGRAPHY + ALIGNMENT REFINEMENT — 2026-08-29
   Smaller editorial scale, consistent content axes and spacing.
   ========================================================= */
:root{
  --page-gutter:clamp(22px,4.6vw,72px);
  --content-max:1240px;
  --reading-max:760px;
}

/* Keep long-form copy comfortably readable */
p, li{overflow-wrap:break-word}

/* Homepage — reduce oversized type and align each section to one visual grid */
.doc-exact-home .doc-home-hero .tr-hero-copy{
  left:var(--page-gutter);
  right:auto;
  max-width:min(800px,66vw);
}
.doc-exact-home .doc-home-hero .tr-hero-copy h1{
  max-width:790px;
  font-size:clamp(44px,4.65vw,78px);
  line-height:.98;
  letter-spacing:-.045em;
}
.doc-exact-home .doc-home-hero .tr-hero-intro{
  max-width:650px;
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.58;
}
.doc-exact-home .doc-founder-intro,
.doc-exact-home .doc-multilingual{
  padding-left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  padding-right:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  gap:clamp(42px,6vw,78px);
}
.doc-founder-heading h2{
  font-size:clamp(27px,2.5vw,44px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.doc-founder-copy>p{
  font-size:clamp(16px,1.18vw,19px);
  line-height:1.62;
}
.doc-language-lines{font-size:clamp(14px,1vw,17px);line-height:1.55}

.doc-recognition,
.doc-proof,
.doc-results,
.doc-service{
  padding-left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  padding-right:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
}
.doc-recognition .tr-section-head{
  max-width:900px;
  margin-bottom:40px;
}
.doc-recognition .tr-section-head h2{
  font-size:clamp(38px,4vw,64px);
  line-height:1.02;
  letter-spacing:-.042em;
}
.doc-recognition .tr-section-head p:last-child{
  max-width:650px;
  font-size:16px;
  line-height:1.6;
}
.doc-question-grid{gap:16px;align-items:stretch}
.doc-question-card{
  min-height:280px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}
.doc-question-card h3{
  margin:32px 0 16px;
  font-size:clamp(24px,2vw,34px);
  line-height:1.08;
  letter-spacing:-.032em;
}
.doc-question-card p{
  margin:0;
  max-width:590px;
  font-size:15px;
  line-height:1.62;
}

.doc-founder-story .tr-founder-copy{
  padding:clamp(52px,5vw,78px);
  align-items:flex-start;
  text-align:left;
}
.doc-founder-story .tr-founder-copy h2{
  max-width:720px;
  font-size:clamp(38px,3.7vw,62px);
  line-height:1.01;
  letter-spacing:-.042em;
}
.doc-founder-story .tr-big-copy{
  max-width:700px;
  font-size:clamp(20px,1.7vw,27px)!important;
  line-height:1.35!important;
}
.doc-founder-story .tr-founder-copy p:not(.tr-kicker):not(.tr-big-copy){
  max-width:700px;
  font-size:15px;
  line-height:1.68;
}

.doc-proof .tr-results-title{
  display:block;
  max-width:880px;
  text-align:left;
}
.doc-proof .tr-results-title .tr-kicker{margin-bottom:16px}
.doc-proof .tr-results-title h2{
  max-width:820px;
  font-size:clamp(38px,3.9vw,62px);
  line-height:1.02;
  letter-spacing:-.042em;
}
.doc-proof .tr-results-title>p:last-child{
  margin-top:22px;
  max-width:650px;
  font-size:16px;
  line-height:1.62;
}
.doc-proof-grid{margin-top:42px}
.doc-proof-grid>div{min-height:145px;padding:28px;align-items:flex-start}
.doc-proof-grid p{font-size:clamp(16px,1.2vw,19px);line-height:1.5}
.doc-portfolio-line{font-size:14px;line-height:1.6}

.doc-offer-split{min-height:660px;align-items:stretch}
.doc-offer-media{min-height:600px}
.doc-offer-copy{
  padding:clamp(52px,5.5vw,82px);
  align-items:flex-start;
  text-align:left;
}
.doc-offer-copy h2{
  max-width:720px;
  font-size:clamp(38px,3.75vw,62px);
  line-height:1.01;
  letter-spacing:-.042em;
}
.doc-offer-copy .doc-lead{font-size:clamp(18px,1.45vw,23px);line-height:1.42}
.doc-offer-copy p{font-size:15px;line-height:1.68}

.doc-service{
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  gap:clamp(40px,5vw,72px);
}
.doc-service .tr-story-heading h2{
  max-width:760px;
  font-size:clamp(42px,4.5vw,72px);
  line-height:.99;
  letter-spacing:-.045em;
}
.doc-service .tr-story-heading>p:last-child{font-size:clamp(18px,1.4vw,23px);line-height:1.45}
.doc-service .tr-story-content{max-width:600px}
.doc-service .tr-story-content p{font-size:15px;line-height:1.68}

.doc-results .tr-section-head{align-items:flex-start}
.doc-results .tr-section-head h2{
  max-width:780px;
  font-size:clamp(38px,3.9vw,62px);
  line-height:1.02;
  letter-spacing:-.042em;
}
.doc-results .tr-section-head p:last-child{font-size:16px;line-height:1.6}
.doc-results .tr-impact-grid article{min-height:320px}
.doc-results .tr-impact-grid h3{font-size:clamp(23px,2vw,31px);line-height:1.02}
.doc-results .tr-impact-grid p{font-size:13px;line-height:1.62}

.doc-multilingual{align-items:start}
.doc-multilingual h2{
  max-width:720px;
  font-size:clamp(40px,4.2vw,68px);
  line-height:1;
  letter-spacing:-.045em;
}
.doc-multilingual .doc-lead{font-size:clamp(19px,1.5vw,24px)!important;line-height:1.42!important}
.doc-multilingual>div:nth-child(2)>p{font-size:15px;line-height:1.68}

.doc-brand-transitions>a{
  padding:clamp(48px,5vw,72px);
  align-items:flex-start;
  text-align:left;
}
.doc-brand-transitions h2{
  max-width:680px;
  font-size:clamp(34px,3.3vw,52px);
  line-height:1.03;
  letter-spacing:-.04em;
}
.doc-brand-transitions .doc-lead{font-size:clamp(17px,1.25vw,21px);line-height:1.45}
.doc-brand-transitions p{font-size:14px;line-height:1.65}

.doc-final .tr-final-copy{
  left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  right:auto;
  max-width:820px;
  text-align:left;
}
.doc-final .tr-final-copy h2{
  max-width:800px;
  font-size:clamp(44px,4.7vw,76px);
  line-height:.99;
  letter-spacing:-.045em;
}
.doc-final .tr-final-copy p{max-width:620px;font-size:16px;line-height:1.6}

/* Client proof + testimonials: reduce title/quote scale and keep baselines consistent */
.tr-home .client-logos-head,
.client-logos-head{
  padding-left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  padding-right:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  align-items:flex-end;
}
.tr-home .client-logos-head h2,.client-logos-head h2{font-size:clamp(28px,2.5vw,40px);line-height:1.05;letter-spacing:-.035em}
.tr-cinematic-copy{max-width:min(760px,50vw)}
.tr-cinematic-copy blockquote{font-size:clamp(30px,3vw,48px)!important;line-height:1.06!important;letter-spacing:-.035em!important}
.tr-cinematic-source{align-items:center}

/* Internal pages — consistent editorial scale + shared alignment axis */
.page-internal .content-hero,
.content-page .content-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  min-height:650px;
}
.page-internal .content-hero-copy,
.content-page .content-hero-copy{
  padding-left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  padding-right:clamp(34px,4vw,64px);
}
.page-internal .content-hero-copy h1,
.content-page .content-hero-copy h1{
  max-width:820px;
  margin:18px 0 22px;
  font-size:clamp(42px,4.6vw,74px);
  line-height:.98;
  letter-spacing:-.048em;
}
.page-internal .content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line),
.content-page .content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){
  max-width:680px;
  font-size:15px;
  line-height:1.65;
}
.page-internal .content-hero-media,.content-page .content-hero-media{min-height:540px}

.story-section{
  grid-template-columns:120px minmax(0,920px);
  justify-content:center;
  gap:clamp(34px,4vw,64px);
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
.story-aside{width:120px;text-align:left}
.story-aside>span{font-size:clamp(46px,4vw,70px);margin-bottom:18px}
.story-main{width:100%;max-width:920px;text-align:left}
.story-main>h2{
  max-width:880px;
  margin-bottom:clamp(28px,3.6vw,50px);
  font-size:clamp(34px,3.55vw,58px);
  line-height:1.02;
  letter-spacing:-.043em;
}
.story-body{max-width:760px}
.story-body>p,.story-main>p{max-width:760px;font-size:15px;line-height:1.7}
.story-body>h3,.micro-title{font-size:clamp(20px,1.7vw,27px);line-height:1.14}
.premium-list{max-width:780px}
.premium-list li{font-size:15px;line-height:1.55}

/* Footer + general alignment */
footer{padding-left:max(var(--page-gutter),calc((100vw - var(--content-max))/2));padding-right:max(var(--page-gutter),calc((100vw - var(--content-max))/2))}

@media(max-width:1100px){
  .doc-exact-home .doc-home-hero .tr-hero-copy{max-width:76vw}
  .doc-service{grid-template-columns:1fr;gap:36px}
  .story-section{grid-template-columns:105px minmax(0,1fr);justify-content:stretch}
  .story-aside{width:105px}
}

@media(max-width:760px){
  :root{--page-gutter:20px}
  .doc-exact-home .doc-home-hero .tr-hero-copy{left:20px;right:20px;max-width:none}
  .doc-exact-home .doc-home-hero .tr-hero-copy h1{font-size:clamp(38px,10.5vw,54px);line-height:1}
  .doc-exact-home .doc-home-hero .tr-hero-intro{max-width:95%;font-size:15px}
  .doc-founder-heading h2{font-size:clamp(26px,7.5vw,38px)}
  .doc-founder-copy>p{font-size:16px}
  .doc-recognition .tr-section-head h2,
  .doc-proof .tr-results-title h2,
  .doc-results .tr-section-head h2{font-size:clamp(34px,9vw,48px)}
  .doc-question-card h3{font-size:clamp(23px,6vw,30px)}
  .doc-founder-story .tr-founder-copy h2,.doc-offer-copy h2{font-size:clamp(34px,9vw,48px)}
  .doc-service .tr-story-heading h2,.doc-multilingual h2{font-size:clamp(36px,9.5vw,50px)}
  .doc-brand-transitions h2{font-size:clamp(30px,8vw,42px)}
  .doc-final .tr-final-copy{left:20px;right:20px;max-width:none}
  .doc-final .tr-final-copy h2{font-size:clamp(38px,10vw,52px)}
  .doc-hero-actions,.doc-final-actions{gap:9px}

  .page-internal .content-hero,.content-page .content-hero{grid-template-columns:1fr;min-height:auto}
  .page-internal .content-hero-copy,.content-page .content-hero-copy{padding:68px 20px 42px}
  .page-internal .content-hero-copy h1,.content-page .content-hero-copy h1{font-size:clamp(36px,10vw,52px);line-height:1}
  .page-internal .content-hero-media,.content-page .content-hero-media{min-height:52vh}
  .story-section{grid-template-columns:1fr;gap:22px;padding:68px 20px}
  .story-aside{width:auto;display:flex;align-items:center;gap:14px}
  .story-aside>span{margin:0;font-size:42px}
  .story-aside .eyebrow{max-width:none;margin:0}
  .story-main>h2{font-size:clamp(31px,8.8vw,45px);margin-bottom:28px}
  .story-body>p,.story-main>p,.premium-list li{font-size:15px}
  .tr-cinematic-copy{max-width:none}
  .tr-cinematic-copy blockquote{font-size:clamp(27px,7.2vw,38px)!important}
}

@media(max-width:520px){
  .doc-question-card{padding:24px}
  .doc-proof-grid>div{padding:23px}
  .doc-brand-transitions>a{padding:44px 20px}
  .doc-offer-copy{padding:48px 20px}
}


/* Final conversion — image removed by request */
.tr-final-cta.tr-final-no-image{
  background:
    radial-gradient(circle at 78% 28%, rgba(210,47,43,.12), transparent 32%),
    radial-gradient(circle at 18% 80%, rgba(255,255,255,.045), transparent 28%),
    #090909;
}
.tr-final-cta.tr-final-no-image::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 32%,transparent 70%,rgba(210,47,43,.03));
}
.tr-final-cta.tr-final-no-image .tr-final-copy{z-index:2;}


/* Final conversion with inserted artwork */
.tr-final-cta.tr-final-with-art{
  min-height: 720px;
}
.tr-final-with-art .tr-final-art-wrap{
  position:absolute;
  right:clamp(18px,3.2vw,52px);
  top:50%;
  transform:translateY(-50%);
  width:min(46vw,700px);
  z-index:1;
  pointer-events:none;
}
.tr-final-with-art .tr-final-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 80px rgba(0,0,0,.42));
}
.tr-final-with-art .tr-final-copy{
  max-width:min(50vw,760px);
}
@media (max-width: 1100px){
  .tr-final-with-art{
    min-height: 760px;
  }
  .tr-final-with-art .tr-final-art-wrap{
    width:min(44vw,560px);
    right:20px;
    top:46%;
  }
  .tr-final-with-art .tr-final-copy{
    max-width:min(52vw,680px);
  }
}
@media (max-width: 900px){
  .tr-final-with-art{
    min-height: auto;
    padding:34px 0 44px;
  }
  .tr-final-with-art .tr-final-art-wrap{
    position:relative;
    top:auto;
    right:auto;
    transform:none;
    width:min(92vw,540px);
    margin:0 auto 16px;
  }
  .tr-final-with-art .tr-final-copy{
    position:relative;
    left:20px;
    right:20px;
    bottom:auto;
    max-width:none;
    margin-top:0;
  }
}
@media (max-width: 520px){
  .tr-final-with-art{
    padding-top:24px;
  }
  .tr-final-with-art .tr-final-art-wrap{
    width:min(94vw,420px);
    margin-bottom:12px;
  }
}


/* Final conversion art enlarged and copy shifted left */
.tr-final-cta.tr-final-with-art{
  min-height: clamp(620px, 58vw, 760px);
  background:#020202;
}
.tr-final-with-art .tr-final-art-wrap{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:none;
  z-index:0;
  pointer-events:none;
}
.tr-final-with-art .tr-final-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:none;
}
.tr-final-with-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.42) 36%, rgba(0,0,0,.16) 62%, rgba(0,0,0,.28) 100%);
  pointer-events:none;
  z-index:1;
}
.tr-final-with-art .tr-final-copy{
  position:absolute;
  left:clamp(26px,4.2vw,82px);
  right:auto;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  width:min(56vw, 840px);
  max-width:min(56vw, 840px);
  z-index:2;
}
@media (max-width: 1200px){
  .tr-final-with-art .tr-final-copy{
    width:min(60vw,760px);
    max-width:min(60vw,760px);
    left:26px;
  }
}
@media (max-width: 900px){
  .tr-final-cta.tr-final-with-art{
    min-height:auto;
    padding:0 0 38px;
  }
  .tr-final-with-art .tr-final-art-wrap{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    margin:0;
  }
  .tr-final-with-art .tr-final-art{
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:center center;
    aspect-ratio:16/9;
  }
  .tr-final-with-art::after{
    background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.56) 100%);
  }
  .tr-final-with-art .tr-final-copy{
    position:relative;
    top:auto;
    left:20px;
    right:20px;
    bottom:auto;
    transform:none;
    width:auto;
    max-width:none;
    margin-top:-110px;
  }
}
@media (max-width: 520px){
  .tr-final-with-art .tr-final-copy{
    left:16px;
    right:16px;
    margin-top:-86px;
  }
}


/* HIGH QUALITY IMAGE RENDERING — preserve detail on large/Retina displays */
.tr-hero-bg,
.content-hero-media img,
.tr-founder-image img,
.tr-final-with-art .tr-final-art{
  filter:none!important;
  transform:none!important;
  image-rendering:auto;
  backface-visibility:visible;
  will-change:auto!important;
}
.content-hero-media img{transition:none!important;}
.tr-founder-image img{transition:transform .6s ease;}
.tr-founder-image:hover img{transform:scale(1.012)!important;}
.tr-final-with-art .tr-final-art{object-position:center center;}
/* Keep logo files optically crisp at their intended size. */
.client-logo-item img{image-rendering:auto!important;filter:none!important;opacity:1!important;}


/* ==========================================================
   TL CHANGES.DOCX — FINAL IMPLEMENTATION PASS (SS01–SS25)
   ========================================================== */
:root{
  --tl-max: 1420px;
  --tl-gutter: clamp(22px,5vw,78px);
}

/* GLOBAL: typography, alignment and spacing */
.page-internal .content-hero-copy h1,
.content-page .content-hero-copy h1{
  font-size:clamp(38px,4vw,64px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  max-width:820px!important;
}
.story-section{
  padding-top:clamp(62px,7vw,96px)!important;
  padding-bottom:clamp(62px,7vw,96px)!important;
}
.story-main>h2{
  font-size:clamp(32px,3.15vw,52px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  margin-bottom:clamp(24px,3vw,42px)!important;
}
.story-body>p,.story-main>p{font-size:15px!important;line-height:1.68!important}
.story-main,.story-body{margin-left:0;margin-right:0}
.content-hero-copy{align-self:center!important}
.content-hero-media img{transform:none!important;filter:none!important}

/* SS01 — Home hero */
.page-home-refined .doc-home-hero .tr-hero-copy h1{
  font-size:clamp(40px,4.3vw,70px)!important;
  line-height:1!important;
  letter-spacing:-.048em!important;
  max-width:780px!important;
}
.page-home-refined .doc-home-hero .tr-hero-copy{max-width:850px!important}
.page-home-refined .doc-home-hero .tr-hero-intro{max-width:650px;font-size:14px!important;line-height:1.6}

/* SS02 — problem numbers only in red circles */
.problem-card-refined>span{
  display:grid!important;place-items:center!important;
  width:34px!important;height:34px!important;border:1.5px solid var(--red)!important;
  border-radius:999px!important;color:var(--red)!important;background:transparent!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;
}
.problem-card-refined h3{margin-top:22px!important}

/* SS03 — compact founder introduction with light tab/panel */
.founder-story-refined{background:#f4f1ea!important;align-items:stretch!important}
.founder-story-refined .tr-founder-copy{
  align-self:center!important;margin:clamp(28px,4vw,58px)!important;
  padding:clamp(28px,3vw,46px)!important;border:1px solid rgba(15,15,15,.12)!important;
  border-radius:26px!important;background:rgba(255,255,255,.74)!important;
  box-shadow:0 24px 65px rgba(12,12,12,.08)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.founder-story-refined .tr-founder-copy h2{
  font-size:clamp(34px,3.25vw,52px)!important;line-height:1.04!important;letter-spacing:-.04em!important;
  margin:10px 0 22px!important;max-width:780px!important;
}
.founder-story-refined .tr-big-copy{font-size:16px!important;line-height:1.55!important;max-width:720px!important}
.founder-story-refined .tr-founder-copy>p:last-child{font-size:14px!important;line-height:1.7!important;max-width:720px!important}

/* SS04 — proof statements after number removal */
.doc-proof-grid>div{grid-template-columns:1fr!important;align-items:center!important;padding:30px 34px!important}
.doc-proof-grid>div p{margin:0!important;max-width:590px!important}

/* SS05 — client logos */
.client-logos{padding-top:56px!important;padding-bottom:46px!important}
.client-logos-head{display:block!important;text-align:left!important}
.client-logos-head h2{
  margin:0!important;font-size:clamp(30px,3vw,46px)!important;letter-spacing:-.04em!important;
  max-width:720px!important;
}

/* SS06 — Service Architect contextual image */
.service-collab-bg{isolation:isolate;background:#090909!important;overflow:hidden!important}
.service-collab-bg::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:url('../images/training-lab-real-1500.webp');
  background-size:cover;background-position:center 45%;opacity:.22;filter:saturate(.65) contrast(1.06);
}
.service-collab-bg::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(7,7,7,.95) 0%,rgba(7,7,7,.82) 50%,rgba(7,7,7,.72) 100%),linear-gradient(0deg,rgba(0,0,0,.36),transparent);
}
.service-collab-bg .tr-story-content{
  background:rgba(16,16,16,.58)!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;padding:clamp(24px,3vw,40px)!important;backdrop-filter:blur(14px)!important;
}

/* SS07 — Result Stories */
.result-red-phrase{color:var(--red)}
.doc-results .tr-impact-grid{gap:16px!important;border:0!important;background:transparent!important}
.doc-results .result-card-refined{
  border:1px solid rgba(16,16,15,.10)!important;border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#f1eee7)!important;padding:30px!important;
  min-height:300px!important;box-shadow:0 20px 44px rgba(0,0,0,.055)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
.doc-results .result-card-refined:hover{transform:translateY(-6px)!important;box-shadow:0 30px 66px rgba(0,0,0,.10)!important;border-color:rgba(213,31,50,.28)!important}
.doc-results .result-card-refined>span{color:var(--red)!important;border:1px solid rgba(213,31,50,.35)!important;border-radius:999px!important;padding:5px 8px!important;width:max-content!important}
.doc-results .result-card-refined h3{font-size:clamp(23px,2vw,31px)!important;line-height:1.08!important;margin-top:28px!important}
.doc-results .result-card-refined p{font-size:14px!important;line-height:1.65!important}

/* SS08 — sharper, more controlled testimonial portrait + moved section */
.tr-testimonials-cinematic{padding:26px var(--tl-gutter) 70px!important;background:#050505!important}
.tr-cinematic-review-stage{height:min(72vh,710px)!important;min-height:630px!important;max-width:var(--tl-max)!important;margin:0 auto!important}
.tr-cinematic-media{background:linear-gradient(120deg,#151515,#050505)!important}
.tr-cinematic-media img{
  left:3%!important;right:auto!important;top:3%!important;bottom:3%!important;width:40%!important;height:94%!important;
  object-fit:cover!important;object-position:center 14%!important;transform:none!important;filter:none!important;
  border-radius:24px!important;image-rendering:auto!important;
}
.tr-cinematic-shade{background:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.22) 38%,rgba(0,0,0,.86) 53%,#070707 100%)!important}
.tr-cinematic-copy{left:45%!important;top:13%!important;right:3.5%!important;max-width:760px!important}
.tr-cinematic-copy blockquote{font-size:clamp(28px,2.75vw,44px)!important;line-height:1.07!important}
.tr-cinematic-reviewers{left:45%!important;right:3.5%!important;bottom:28px!important}

/* SS09 — Multilingual edge smaller */
.doc-multilingual h2{font-size:clamp(34px,3.8vw,58px)!important;line-height:1.02!important;max-width:900px!important}

/* SS10 — Training Lab / Business Lab separated refined cards + CTA */
.doc-brand-transitions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;padding:clamp(60px,7vw,96px) var(--tl-gutter)!important;
  background:#ece8df!important;
}
.doc-brand-transitions>a.transition-card-refined{
  min-height:0!important;border:1px solid rgba(15,15,15,.12)!important;border-radius:28px!important;
  padding:clamp(32px,4vw,54px)!important;box-shadow:0 22px 56px rgba(0,0,0,.065)!important;overflow:hidden!important;
}
.doc-brand-transitions>a:first-child{background:#faf8f3!important;color:#111!important}
.doc-brand-transitions>a:last-child{background:#111!important;color:#fff!important}
.doc-brand-transitions h2{font-size:clamp(30px,3vw,46px)!important;line-height:1.04!important;margin-bottom:22px!important}
.doc-brand-transitions p{font-size:14px!important;line-height:1.62!important}
.transition-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;
  margin-top:24px!important;padding:13px 18px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:.02em!important;text-transform:none!important;
}
.doc-brand-transitions>a:first-child .transition-cta{background:#111!important;color:#fff!important}
.doc-brand-transitions>a:last-child .transition-cta{background:#fff!important;color:#111!important}

/* SS11 — label removed in HTML */

/* SS12 / SS17 / SS19 / SS20 / SS22 / SS23 / SS24: internal hero balance */
.page-about-refined .content-hero-copy h1,
.page-programmes-refined .content-hero-copy h1,
.page-training-refined .content-hero-copy h1,
.page-business-refined .content-hero-copy h1,
.page-service-refined .content-hero-copy h1,
.page-impact-refined .content-hero-copy h1,
.page-work-refined .content-hero-copy h1{
  font-size:clamp(38px,3.9vw,62px)!important;line-height:1.01!important;letter-spacing:-.043em!important;
  max-width:800px!important;
}
.page-impact-refined .content-hero-copy>p,
.page-work-refined .content-hero-copy>p{font-size:14px!important;line-height:1.62!important;max-width:650px!important}

/* SS13 — Corporate Years contextual backdrop */
.corporate-years-bg{isolation:isolate;background:#080808!important;color:#fff!important}
.corporate-years-bg::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:url('../images/business-lab-real-1440.webp');
  background-size:cover;background-position:center;opacity:.24;filter:grayscale(.25) saturate(.65);
}
.corporate-years-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.80) 58%,rgba(5,5,5,.70))}
.corporate-years-bg .story-body>p,.corporate-years-bg .story-main>p{color:#d3d0ca!important}
.corporate-years-bg .story-aside .eyebrow{color:#d51f32!important}
.corporate-years-bg .story-aside>span{
  color:rgba(255,255,255,.52)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.34);
}

/* SS14 — contextual backdrop across Service Architect + Executive Coaching story */
.story-context-bg{isolation:isolate;overflow:hidden!important}
.story-context-bg::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:url('../images/training-lab-real-1500.webp');
  background-size:cover;background-position:center;opacity:.10;filter:grayscale(.45);
}
.story-context-bg:not(.story-section--dark)::after{background:linear-gradient(90deg,rgba(246,243,236,.96),rgba(246,243,236,.88))!important}
.story-context-bg.story-section--dark::after{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.86))!important}

/* SS15 — qualification logos */
.qualification-list{border-top:0!important;margin-top:26px!important}
.qualification-list li{
  grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;min-height:84px!important;
  padding:14px 0!important;font-size:14.5px!important;font-weight:650!important;line-height:1.45!important;
}
.qualification-logo{
  width:58px!important;height:50px!important;object-fit:contain!important;object-position:center!important;
  padding:6px!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(15,15,15,.08)!important;
}
.qualification-logo-placeholder{display:grid!important;place-items:center!important;width:58px!important;height:50px!important;color:#bbb!important;font-size:18px!important}

/* SS16 — CTA wording handled HTML */

/* SS18 — programme list relevant icons */
.page-programmes-refined .premium-list li{grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:17px 0!important}
.programme-icon{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;
  background:rgba(213,31,50,.07)!important;border:1px solid rgba(213,31,50,.18)!important;color:var(--red)!important;
}
.programme-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* SS21 / SS25 — red statement balance */
.balanced-red-statement{align-items:center!important}
.balanced-red-statement .story-main{max-width:980px!important}
.balanced-red-statement .story-main>h2{
  font-size:clamp(40px,4.8vw,72px)!important;line-height:.98!important;letter-spacing:-.045em!important;max-width:900px!important;
  margin-bottom:24px!important;
}
.balanced-red-statement .story-body{max-width:760px!important}

/* Homepage final conversion: keep artwork full but copy aligned and label gone */
.page-home-refined .doc-final .tr-final-copy{left:max(28px,calc((100vw - 1420px)/2 + 36px))!important;max-width:760px!important}
.page-home-refined .doc-final .tr-final-copy h2{font-size:clamp(38px,4.3vw,66px)!important;line-height:1!important}

/* mobile/tablet alignment */
@media(max-width:980px){
  .doc-brand-transitions{grid-template-columns:1fr!important}
  .tr-cinematic-review-stage{height:auto!important;min-height:800px!important}
  .tr-cinematic-media img{left:0!important;top:0!important;width:100%!important;height:48%!important;border-radius:0!important;object-position:center 12%!important}
  .tr-cinematic-copy{left:18px!important;right:18px!important;top:38%!important;max-width:none!important}
  .tr-cinematic-reviewers{left:16px!important;right:16px!important;bottom:20px!important}
}
@media(max-width:760px){
  .page-home-refined .doc-home-hero .tr-hero-copy h1{font-size:clamp(34px,9.4vw,48px)!important}
  .founder-story-refined .tr-founder-copy{margin:18px!important;padding:26px 22px!important}
  .doc-multilingual h2{font-size:clamp(31px,8.2vw,43px)!important}
  .page-about-refined .content-hero-copy h1,
  .page-programmes-refined .content-hero-copy h1,
  .page-training-refined .content-hero-copy h1,
  .page-business-refined .content-hero-copy h1,
  .page-service-refined .content-hero-copy h1,
  .page-impact-refined .content-hero-copy h1,
  .page-work-refined .content-hero-copy h1{font-size:clamp(34px,8.8vw,48px)!important;line-height:1.02!important}
  .story-main>h2{font-size:clamp(30px,8vw,42px)!important}
  .balanced-red-statement .story-main>h2{font-size:clamp(36px,9.2vw,50px)!important}
  .qualification-list li{grid-template-columns:58px minmax(0,1fr)!important}
  .qualification-logo,.qualification-logo-placeholder{width:48px!important;height:44px!important}
}


/* Final conversion section — make artwork fill area and shift glass box left */
.tr-final-cta.doc-final.tr-final-with-art{
  min-height: clamp(700px, 62vw, 860px) !important;
  background:#000 !important;
}
.tr-final-cta.doc-final.tr-final-with-art .tr-final-art-wrap{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
}
.tr-final-cta.doc-final.tr-final-with-art .tr-final-art{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.12) !important;
  filter:none !important;
}
.tr-final-cta.doc-final.tr-final-with-art::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.52) 32%, rgba(0,0,0,.20) 58%, rgba(0,0,0,.30) 100%) !important;
  pointer-events:none !important;
}
.tr-final-cta.doc-final.tr-final-with-art .tr-final-copy{
  position:absolute !important;
  left:clamp(18px, 3.8vw, 72px) !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:min(54vw, 760px) !important;
  max-width:min(54vw, 760px) !important;
  z-index:2 !important;
}
@media (max-width: 1100px){
  .tr-final-cta.doc-final.tr-final-with-art{
    min-height: 720px !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-copy{
    left:20px !important;
    width:min(60vw, 690px) !important;
    max-width:min(60vw, 690px) !important;
  }
}
@media (max-width: 900px){
  .tr-final-cta.doc-final.tr-final-with-art{
    min-height:auto !important;
    padding:0 0 38px !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-art-wrap{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-art{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    transform:none !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art::after{
    background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.60) 100%) !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-copy{
    position:relative !important;
    left:18px !important;
    right:18px !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    margin-top:-98px !important;
  }
}
@media (max-width: 520px){
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-copy{
    left:14px !important;
    right:14px !important;
    margin-top:-78px !important;
  }
}

/* ==========================================================
   MOTION PASS — authored entrance, continuity and feedback
   ========================================================== */
.progress-rail i{
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

@keyframes tlMaterialIn{
  from{opacity:0;transform:translate3d(0,24px,0) scale(.985);filter:blur(8px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes tlMediaReveal{
  from{opacity:.35;clip-path:inset(10% 7% 10% 7% round 34px);transform:scale(.975);filter:blur(7px)}
  to{opacity:1;clip-path:inset(0 0 0 0 round 0);transform:scale(1);filter:blur(0)}
}
@keyframes tlNumberSettle{
  0%{opacity:.2;transform:translateY(18px) scale(.82)}
  65%{opacity:1;transform:translateY(-2px) scale(1.035)}
  100%{opacity:1;transform:none}
}

.motion-ready .site-nav.nav-v5{animation:tlMaterialIn .58s cubic-bezier(.16,1,.3,1) both}
.motion-ready .tr-hero-copy>.tr-kicker,
.motion-ready .content-hero-copy>.eyebrow{animation:tlMaterialIn .55s .08s cubic-bezier(.16,1,.3,1) both}
.motion-ready .tr-hero-copy>h1,
.motion-ready .content-hero-copy>h1{animation:tlMaterialIn .72s .14s cubic-bezier(.16,1,.3,1) both}
.motion-ready .tr-hero-copy>.tr-hero-intro,
.motion-ready .tr-hero-copy>.doc-hero-actions,
.motion-ready .content-hero-copy>p{animation:tlMaterialIn .62s .24s cubic-bezier(.16,1,.3,1) both}
.motion-ready .content-hero-copy>p:nth-of-type(3){animation-delay:.31s}
.motion-ready .content-hero-copy>p:nth-of-type(4){animation-delay:.37s}
.motion-ready .content-hero-media{animation:tlMediaReveal .82s .1s cubic-bezier(.16,1,.3,1) both}

.content-hero-media img{
  transform:translate3d(0,var(--media-y,0),0) scale(1.035)!important;
  transition:transform .12s linear!important;
}
.story-section.motion-in .story-aside>span{animation:tlNumberSettle .58s .12s cubic-bezier(.16,1,.3,1) both}
.story-section.motion-in .story-aside .eyebrow:before{transform-origin:left;animation:ruleDraw .62s .2s cubic-bezier(.16,1,.3,1) both}
@keyframes ruleDraw{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}

.nav-cta,.tr-pill,.button{
  transform:translate3d(var(--mag-x,0),var(--mag-y,0),0) scale(var(--press-scale,1));
}
.nav-cta:active,.tr-pill:active,.button:active{--press-scale:.965;transition-duration:100ms}
.menu-button:active,[data-menu-close]:active{transform:scale(.92);transition-duration:100ms}

.menu-overlay.open .mobile-menu-list a{animation:tlMaterialIn .48s cubic-bezier(.16,1,.3,1) both}
.menu-overlay.open .mobile-menu-list a:nth-child(1){animation-delay:.05s}
.menu-overlay.open .mobile-menu-list a:nth-child(2){animation-delay:.08s}
.menu-overlay.open .mobile-menu-list a:nth-child(3){animation-delay:.11s}
.menu-overlay.open .mobile-menu-list a:nth-child(4){animation-delay:.14s}
.menu-overlay.open .mobile-menu-list a:nth-child(5){animation-delay:.17s}
.menu-overlay.open .mobile-menu-list a:nth-child(6){animation-delay:.20s}
.menu-overlay.open .mobile-menu-list a:nth-child(7){animation-delay:.23s}
.menu-overlay.open .mobile-menu-list a:nth-child(8){animation-delay:.26s}

.programme-icon,.qualification-logo{transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .3s ease!important}
.premium-list li:hover .programme-icon{transform:translateY(-2px) rotate(-4deg) scale(1.09);box-shadow:0 10px 24px rgba(213,31,50,.12)}
.qualification-list li:hover .qualification-logo{transform:translateY(-2px) scale(1.06);box-shadow:0 12px 28px rgba(0,0,0,.10)}

@media(prefers-reduced-motion:reduce){
  .motion-ready .site-nav.nav-v5,
  .motion-ready .tr-hero-copy>*,
  .motion-ready .content-hero-copy>*,
  .motion-ready .content-hero-media,
  .story-section.motion-in .story-aside>span,
  .story-section.motion-in .story-aside .eyebrow:before,
  .menu-overlay.open .mobile-menu-list a{animation:none!important;filter:none!important;clip-path:none!important}
  .content-hero-media img{transform:none!important;transition:none!important}
  .programme-icon,.qualification-logo{transition:none!important}
}

/* Executive Coaching homepage section — black text on white */
.page-home-refined .doc-offer-split,
.doc-offer-split{
  background:#fff !important;
}
.page-home-refined .doc-offer-copy,
.page-home-refined .doc-offer-copy h2,
.page-home-refined .doc-offer-copy p,
.page-home-refined .doc-offer-copy .doc-lead,
.page-home-refined .doc-offer-copy .eyebrow,
.doc-offer-copy,
.doc-offer-copy h2,
.doc-offer-copy p,
.doc-offer-copy .doc-lead,
.doc-offer-copy .eyebrow{
  color:#0b0b0b !important;
}
.page-home-refined .doc-offer-copy .eyebrow::before,
.doc-offer-copy .eyebrow::before{
  background:var(--red) !important;
}


/* ==========================================================
   HOMEPAGE MOTION PLUS — premium Apple/liquid-glass motion
   Homepage only. Transform/opacity based for Cloudflare speed.
   ========================================================== */
.page-home-refined.home-motion-plus{
  --home-accent:#d51f32;
  --home-ease:cubic-bezier(.16,1,.3,1);
}
.page-home-refined.home-motion-plus .tr-main{overflow:clip}

/* Cinematic hero depth */
.page-home-refined.home-motion-plus .tr-hero{isolation:isolate;overflow:hidden}
.page-home-refined.home-motion-plus .tr-hero-bg{
  transform:translate3d(calc(var(--hero-x,0px) * .35),var(--hero-y,0px),0) scale(1.065)!important;
  transition:transform .16s linear!important;
}
.page-home-refined.home-motion-plus .tr-hero::after{
  content:"";position:absolute;inset:-20%;z-index:1;pointer-events:none;
  background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.018) 53%,transparent 65%);
  transform:translateX(-65%) rotate(2deg);
  animation:homeHeroSheen 8.5s 1.2s ease-in-out infinite;
  mix-blend-mode:screen;
}
.page-home-refined.home-motion-plus .tr-hero-copy{z-index:3}
.page-home-refined.home-motion-plus .home-word{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.19em;margin-bottom:-.08em}
.page-home-refined.home-motion-plus .home-word>i{
  display:inline-block;font-style:normal;opacity:0;transform:translate3d(0,115%,0) rotate(2deg);
  animation:homeWordIn .76s var(--home-ease) forwards;
  animation-delay:calc(.14s + var(--wi,0) * 55ms);
}
.page-home-refined.home-motion-plus .tr-hero-intro,
.page-home-refined.home-motion-plus .doc-hero-actions{position:relative}
.page-home-refined.home-motion-plus .doc-hero-actions::before{
  content:"";position:absolute;left:-18px;right:-18px;top:-18px;bottom:-18px;border-radius:999px;
  background:radial-gradient(circle at var(--hx,50%) var(--hy,50%),rgba(255,255,255,.12),transparent 62%);
  opacity:.55;pointer-events:none;filter:blur(12px)
}

/* Floating liquid light layers */
.page-home-refined.home-motion-plus .home-motion-orb{
  position:absolute;width:clamp(180px,24vw,420px);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.16),rgba(242,72,61,.10) 33%,rgba(255,255,255,0) 70%);
  filter:blur(16px);opacity:.32;mix-blend-mode:screen;will-change:transform;
  animation:homeOrbFloat 10s ease-in-out infinite alternate;
}
.page-home-refined.home-motion-plus .tr-hero>.home-motion-orb:nth-of-type(1){left:-10%;bottom:-28%;animation-duration:11s}
.page-home-refined.home-motion-plus .tr-hero>.home-motion-orb:nth-of-type(2){right:9%;top:1%;width:clamp(120px,16vw,270px);animation-duration:8.5s;animation-delay:-3s;opacity:.22}

/* Section entrance choreography */
.page-home-refined.home-motion-plus .home-motion-section{
  --section-lift:28px;
  opacity:.985;
}
.page-home-refined.home-motion-plus .home-motion-section::selection{background:rgba(242,72,61,.22)}
.page-home-refined.home-motion-plus .home-motion-section.home-section-live .eyebrow,
.page-home-refined.home-motion-plus .home-motion-section.home-section-live .tr-kicker{
  animation:homeMicroIn .72s var(--home-ease) both;
}
.page-home-refined.home-motion-plus .home-motion-section.home-section-live h2{
  animation:homeHeadingIn .82s .06s var(--home-ease) both;
}

/* Recognition cards: stagger, glass edge and cursor light */
.page-home-refined.home-motion-plus .doc-question-card{
  position:relative;overflow:hidden;transform-style:preserve-3d;
  transition:transform .55s var(--home-ease),border-color .35s ease,box-shadow .45s ease,background .45s ease!important;
}
.page-home-refined.home-motion-plus .doc-question-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.24),rgba(243,75,66,.5),rgba(255,255,255,.03) 55%,rgba(255,255,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.18;transition:opacity .35s ease;
}
.page-home-refined.home-motion-plus .doc-question-card::after{
  content:"";position:absolute;inset:-35%;pointer-events:none;
  background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(243,75,66,.16),transparent 28%);
  opacity:0;transition:opacity .35s ease;
}
.page-home-refined.home-motion-plus .doc-question-card.home-card-live{
  animation:homeCardRise .78s calc(var(--home-delay,0) * 90ms) var(--home-ease) both;
}
.page-home-refined.home-motion-plus .doc-question-card:hover{transform:translateY(-7px) scale(1.008);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.page-home-refined.home-motion-plus .doc-question-card:hover::before{opacity:.9}
.page-home-refined.home-motion-plus .doc-question-card:hover::after{opacity:1}
.page-home-refined.home-motion-plus .doc-question-card>span{transition:transform .45s var(--home-ease),box-shadow .45s ease!important}
.page-home-refined.home-motion-plus .doc-question-card:hover>span{transform:rotate(-7deg) scale(1.08);box-shadow:0 0 0 7px rgba(243,75,66,.08)}

/* Founder story: photo reveal + moving glass gleam */
.page-home-refined.home-motion-plus .founder-story-refined{overflow:hidden}
.page-home-refined.home-motion-plus .founder-story-refined .tr-founder-image{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s var(--home-ease)}
.page-home-refined.home-motion-plus .founder-story-refined.home-section-live .tr-founder-image{clip-path:inset(0 0 0 0)}
.page-home-refined.home-motion-plus .founder-story-refined .tr-founder-image img{
  transform:scale(1.075) translate3d(0,var(--founder-y,0px),0)!important;
  transition:transform .2s linear!important;
}
.page-home-refined.home-motion-plus .founder-story-refined .tr-founder-copy{overflow:hidden}
.page-home-refined.home-motion-plus .founder-story-refined .tr-founder-copy::after{
  content:"";position:absolute;inset:-50% -100%;pointer-events:none;
  background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.17) 50%,transparent 56%);
  transform:translateX(-36%);opacity:0;
}
.page-home-refined.home-motion-plus .founder-story-refined.home-section-live .tr-founder-copy::after{animation:homePanelSweep 1.8s .35s ease both}

/* Client logos: premium hover life */
.page-home-refined.home-motion-plus .client-logos{position:relative;overflow:hidden}
.page-home-refined.home-motion-plus .client-logos::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,75,66,.7),transparent);transform:scaleX(0);transform-origin:center;
  transition:transform 1.1s var(--home-ease)
}
.page-home-refined.home-motion-plus .client-logos.home-section-live::before{transform:scaleX(1)}
.page-home-refined.home-motion-plus .client-logo-item{
  transition:transform .46s var(--home-ease),box-shadow .46s ease,border-color .35s ease!important;
}
.page-home-refined.home-motion-plus .client-logo-item:hover{transform:translateY(-8px) scale(1.035);box-shadow:0 22px 54px rgba(0,0,0,.10)!important;border-color:rgba(243,75,66,.24)!important}
.page-home-refined.home-motion-plus .client-logo-item img{transition:transform .48s var(--home-ease)!important}
.page-home-refined.home-motion-plus .client-logo-item:hover img{transform:scale(1.055)}

/* Testimonial scene gets cinematic breathing and active selector pulse */
.page-home-refined.home-motion-plus .tr-cinematic-review-stage{isolation:isolate;overflow:hidden}
.page-home-refined.home-motion-plus .tr-cinematic-review-stage::before{
  content:"";position:absolute;inset:-20%;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 70% 42%,rgba(243,75,66,.10),transparent 34%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.035),transparent 62%);
  animation:homeReviewGlow 9s ease-in-out infinite alternate;
}
.page-home-refined.home-motion-plus .tr-cinematic-copy,
.page-home-refined.home-motion-plus .tr-cinematic-reviewers{z-index:3}
.page-home-refined.home-motion-plus .tr-review-person.is-active .tr-review-person-avatar{animation:homeActivePulse 2.8s ease-in-out infinite}

/* Proof / results: animated number stage */
.page-home-refined.home-motion-plus .tr-results-grid>div{
  position:relative;overflow:hidden;transition:transform .5s var(--home-ease),background .4s ease!important;
}
.page-home-refined.home-motion-plus .tr-results-grid>div::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--home-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--home-ease)
}
.page-home-refined.home-motion-plus .tr-results-grid>div:hover{transform:translateY(-5px)}
.page-home-refined.home-motion-plus .tr-results-grid>div:hover::after{transform:scaleX(1)}
.page-home-refined.home-motion-plus .tr-results-grid strong{display:inline-block;transition:transform .42s var(--home-ease)}
.page-home-refined.home-motion-plus .tr-results-grid>div:hover strong{transform:translateY(-3px) scale(1.045)}

/* Executive + Service + Results sections */
.page-home-refined.home-motion-plus .doc-offer-split{position:relative;overflow:hidden}
.page-home-refined.home-motion-plus .doc-offer-split::after{
  content:"";position:absolute;inset:auto -15% -70% 35%;height:85%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(243,75,66,.09),transparent 66%);filter:blur(20px);animation:homeSoftDrift 8s ease-in-out infinite alternate
}
.page-home-refined.home-motion-plus .service-collab-bg{background-position:center calc(50% + var(--service-y,0px))!important;transition:background-position .1s linear}
.page-home-refined.home-motion-plus .doc-results article{
  transition:transform .55s var(--home-ease),box-shadow .55s ease,border-color .4s ease!important;
}
.page-home-refined.home-motion-plus .doc-results article:hover{transform:translateY(-9px);box-shadow:0 26px 70px rgba(0,0,0,.12);border-color:rgba(243,75,66,.24)!important}

/* Language chips float into place */
.page-home-refined.home-motion-plus .doc-language-chips span{transition:transform .4s var(--home-ease),background .35s ease,color .35s ease!important}
.page-home-refined.home-motion-plus .doc-multilingual.home-section-live .doc-language-chips span{animation:homeChipIn .62s var(--home-ease) both}
.page-home-refined.home-motion-plus .doc-multilingual.home-section-live .doc-language-chips span:nth-child(2){animation-delay:.08s}
.page-home-refined.home-motion-plus .doc-multilingual.home-section-live .doc-language-chips span:nth-child(3){animation-delay:.16s}
.page-home-refined.home-motion-plus .doc-language-chips span:hover{transform:translateY(-4px) rotate(-1deg)}

/* Training Lab / Business Lab cards */
.page-home-refined.home-motion-plus .transition-card-refined{position:relative;overflow:hidden;transition:transform .58s var(--home-ease),box-shadow .5s ease!important}
.page-home-refined.home-motion-plus .transition-card-refined::before{
  content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(243,75,66,.15),transparent 60%);transform:translateX(-100%);transition:transform .9s var(--home-ease)
}
.page-home-refined.home-motion-plus .transition-card-refined:hover{transform:translateY(-8px);box-shadow:0 28px 75px rgba(0,0,0,.14)}
.page-home-refined.home-motion-plus .transition-card-refined:hover::before{transform:translateX(100%)}
.page-home-refined.home-motion-plus .transition-cta{transition:transform .35s var(--home-ease),box-shadow .35s ease!important}
.page-home-refined.home-motion-plus .transition-card-refined:hover .transition-cta{transform:translateX(5px);box-shadow:0 10px 30px rgba(243,75,66,.16)}

/* Final conversion: image depth and liquid glass shimmer */
.page-home-refined.home-motion-plus .doc-final .tr-final-art{transform:scale(1.14) translate3d(var(--final-x,0px),var(--final-y,0px),0)!important;transition:transform .16s linear!important}
.page-home-refined.home-motion-plus .doc-final .tr-final-copy{overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.42)!important}
.page-home-refined.home-motion-plus .doc-final .tr-final-copy::after{
  content:"";position:absolute;inset:-70% -120%;pointer-events:none;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.16) 50%,transparent 56%);transform:translateX(-35%);animation:homeFinalGlass 6.8s 1s ease-in-out infinite
}

@keyframes homeHeroSheen{0%,22%{transform:translateX(-70%) rotate(2deg);opacity:0}38%{opacity:.8}60%,100%{transform:translateX(72%) rotate(2deg);opacity:0}}
@keyframes homeWordIn{to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes homeOrbFloat{from{transform:translate3d(-18px,8px,0) scale(.92)}to{transform:translate3d(26px,-24px,0) scale(1.08)}}
@keyframes homeMicroIn{from{opacity:0;letter-spacing:.16em;transform:translateY(12px)}to{opacity:1;letter-spacing:inherit;transform:none}}
@keyframes homeHeadingIn{from{opacity:0;transform:translate3d(0,26px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes homeCardRise{from{opacity:0;transform:translate3d(0,38px,0) scale(.965);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes homePanelSweep{0%{opacity:0;transform:translateX(-42%)}25%{opacity:.75}100%{opacity:0;transform:translateX(42%)}}
@keyframes homeReviewGlow{from{transform:translate3d(-2%,1%,0) scale(.98);opacity:.65}to{transform:translate3d(3%,-2%,0) scale(1.06);opacity:1}}
@keyframes homeActivePulse{0%,100%{box-shadow:0 0 0 0 rgba(243,75,66,.0)}50%{box-shadow:0 0 0 8px rgba(243,75,66,.12)}}
@keyframes homeSoftDrift{from{transform:translate3d(-4%,4%,0) scale(.95)}to{transform:translate3d(8%,-8%,0) scale(1.08)}}
@keyframes homeChipIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes homeFinalGlass{0%,24%{opacity:0;transform:translateX(-42%)}36%{opacity:.8}54%,100%{opacity:0;transform:translateX(42%)}}

@media(max-width:900px){
  .page-home-refined.home-motion-plus .tr-hero::after,
  .page-home-refined.home-motion-plus .home-motion-orb{opacity:.15}
  .page-home-refined.home-motion-plus .doc-question-card:hover,
  .page-home-refined.home-motion-plus .transition-card-refined:hover,
  .page-home-refined.home-motion-plus .doc-results article:hover{transform:none}
  .page-home-refined.home-motion-plus .doc-final .tr-final-art{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .page-home-refined.home-motion-plus .tr-hero::after,
  .page-home-refined.home-motion-plus .home-motion-orb,
  .page-home-refined.home-motion-plus .home-word>i,
  .page-home-refined.home-motion-plus .founder-story-refined .tr-founder-copy::after,
  .page-home-refined.home-motion-plus .tr-cinematic-review-stage::before,
  .page-home-refined.home-motion-plus .tr-review-person.is-active .tr-review-person-avatar,
  .page-home-refined.home-motion-plus .doc-offer-split::after,
  .page-home-refined.home-motion-plus .doc-language-chips span,
  .page-home-refined.home-motion-plus .doc-final .tr-final-copy::after{animation:none!important}
  .page-home-refined.home-motion-plus .home-word>i{opacity:1!important;transform:none!important}
  .page-home-refined.home-motion-plus .founder-story-refined .tr-founder-image{clip-path:none!important}
  .page-home-refined.home-motion-plus .tr-hero-bg,
  .page-home-refined.home-motion-plus .founder-story-refined .tr-founder-image img,
  .page-home-refined.home-motion-plus .doc-final .tr-final-art{transform:none!important;transition:none!important}
}


/* ==========================================================
   OPENING TRAINING LAB LOGO SEQUENCE — homepage only
   Typing -> joined red uprights -> connecting red frame -> reveal
   ========================================================== */
body.tl-intro-pending{overflow:hidden}
.tl-logo-intro{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#050505;
  color:#fff;
  isolation:isolate;
  animation:tlIntroCurtain .72s cubic-bezier(.76,0,.24,1) 3.25s forwards;
}
.tl-logo-intro__glow{
  position:absolute;
  width:min(70vw,900px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,50,40,.13),rgba(239,50,40,.035) 34%,transparent 68%);
  filter:blur(22px);
  opacity:0;
  transform:scale(.72);
  animation:tlIntroGlow 2.1s cubic-bezier(.16,1,.3,1) .85s forwards;
}
.tl-logo-intro__mark{
  --red:#d51f32;
  --unit:clamp(30px,5.55vw,82px);
  position:relative;
  width:min(91vw,1020px);
  height:calc(var(--unit) * 1.6);
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(0) scale(1);
  animation:tlIntroSettle .55s cubic-bezier(.16,1,.3,1) 2.67s both;
}
.tl-logo-intro__letters{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  white-space:nowrap;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:var(--unit);
  line-height:1;
  font-weight:600;
  letter-spacing:-.055em;
}
.tl-logo-intro__letters>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:.68em;
  opacity:0;
  filter:blur(7px);
  transform:translateY(8px) scale(.96);
  animation:tlLogoType .23s cubic-bezier(.16,1,.3,1) calc(.18s + (var(--i) * .095s)) forwards;
}
.tl-logo-intro__letters>span.is-lab{color:var(--red)}
.tl-logo-intro__gap{display:block;width:.42em;height:1px;flex:0 0 .42em}
.tl-logo-intro__caret{
  position:absolute;
  z-index:4;
  top:50%;
  left:calc(50% + min(45vw,510px));
  width:2px;
  height:calc(var(--unit) * .82);
  border-radius:3px;
  background:var(--red);
  opacity:0;
  transform:translate(-10px,-50%);
  animation:tlLogoCaret 1.08s steps(1,end) .34s both;
}
/* The two signature red uprights are intentionally offset, matching the logo language. */
.tl-logo-intro__join,
.tl-logo-intro__line{
  position:absolute;
  z-index:2;
  display:block;
  background:var(--red);
  border-radius:2px;
  pointer-events:none;
}
.tl-logo-intro__join{width:4px;height:72%;top:14%;transform:scaleY(0)}
.tl-logo-intro__join--one{
  left:25.7%;
  transform-origin:top;
  animation:tlJoinDown .52s cubic-bezier(.65,0,.35,1) 1.28s forwards;
}
.tl-logo-intro__join--two{
  left:34.0%;
  transform-origin:bottom;
  animation:tlJoinUp .52s cubic-bezier(.65,0,.35,1) 1.43s forwards;
}
.tl-logo-intro__line--top{
  left:25.7%;
  right:2.4%;
  top:14%;
  height:4px;
  transform:scaleX(0);
  transform-origin:left;
  animation:tlLineAcross .67s cubic-bezier(.65,0,.35,1) 1.72s forwards;
}
.tl-logo-intro__line--bottom{
  left:34%;
  right:2.4%;
  bottom:14%;
  height:4px;
  transform:scaleX(0);
  transform-origin:left;
  animation:tlLineAcross .67s cubic-bezier(.65,0,.35,1) 1.86s forwards;
}
.tl-logo-intro__line--right{
  right:2.4%;
  top:14%;
  bottom:14%;
  width:4px;
  transform:scaleY(0);
  transform-origin:center;
  animation:tlRightLock .38s cubic-bezier(.16,1,.3,1) 2.37s forwards;
}
.tl-logo-intro__mark::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:2% -5%;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(240,51,41,.095),transparent 67%);
  opacity:0;
  transform:scale(.88);
  animation:tlLogoPulse .7s cubic-bezier(.16,1,.3,1) 2.45s forwards;
}
@keyframes tlLogoType{
  0%{opacity:0;filter:blur(7px);transform:translateY(8px) scale(.96)}
  100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes tlLogoCaret{
  0%,8%{opacity:0} 9%,26%{opacity:1} 27%,44%{opacity:0} 45%,62%{opacity:1} 63%,80%{opacity:0} 81%,98%{opacity:1} 100%{opacity:0}
}
@keyframes tlJoinDown{0%{transform:scaleY(0);opacity:.4}100%{transform:scaleY(1);opacity:1}}
@keyframes tlJoinUp{0%{transform:scaleY(0);opacity:.4}100%{transform:scaleY(1);opacity:1}}
@keyframes tlLineAcross{0%{transform:scaleX(0);opacity:.55}100%{transform:scaleX(1);opacity:1}}
@keyframes tlRightLock{0%{transform:scaleY(0);opacity:.45}100%{transform:scaleY(1);opacity:1}}
@keyframes tlLogoPulse{0%{opacity:0;transform:scale(.88)}50%{opacity:1}100%{opacity:.38;transform:scale(1.08)}}
@keyframes tlIntroGlow{0%{opacity:0;transform:scale(.72)}100%{opacity:1;transform:scale(1)}}
@keyframes tlIntroSettle{0%{transform:scale(1)}50%{transform:scale(1.018)}100%{transform:scale(1)}}
@keyframes tlIntroCurtain{
  0%{opacity:1;clip-path:inset(0 0 0 0 round 0)}
  48%{opacity:1;clip-path:inset(0 0 0 0 round 0)}
  100%{opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0 round 0)}
}
@media(max-width:720px){
  .tl-logo-intro__mark{--unit:clamp(28px,8.2vw,58px);width:94vw;height:calc(var(--unit)*1.8)}
  .tl-logo-intro__join{width:3px}
  .tl-logo-intro__line--top,.tl-logo-intro__line--bottom{height:3px}
  .tl-logo-intro__line--right{width:3px}
  .tl-logo-intro__letters{font-weight:650}
}
@media(prefers-reduced-motion:reduce){
  .tl-logo-intro{animation:tlIntroFadeReduced .35s ease .65s forwards}
  .tl-logo-intro__glow{display:none}
  .tl-logo-intro__letters>span{animation:none;opacity:1;filter:none;transform:none}
  .tl-logo-intro__join,.tl-logo-intro__line{animation:none!important;transform:none!important}
  .tl-logo-intro__caret{display:none}
  .tl-logo-intro__mark{animation:none}
}
@keyframes tlIntroFadeReduced{to{opacity:0;visibility:hidden}}


/* ==========================================================
   EXACT TRAINING LAB OPENING MARK — real logo geometry
   The visible letter pieces are clipped from the actual logo asset.
   The two red I strokes then grow into the exact offset red frame.
   ========================================================== */
.tl-logo-intro--exact{
  background:#050505;
  animation:tlExactCurtain .78s cubic-bezier(.76,0,.24,1) 3.55s forwards !important;
}
.tl-logo-intro--exact .tl-logo-intro__glow{
  width:min(72vw,980px);
  background:radial-gradient(circle,rgba(213,31,50,.14),rgba(213,31,50,.035) 36%,transparent 69%);
  animation:tlExactGlow 2.4s cubic-bezier(.16,1,.3,1) .75s forwards !important;
}
.tl-logo-exact{
  --logo-red:#d51f32;
  position:relative;
  width:min(88vw,1040px);
  aspect-ratio:1824 / 428;
  transform:translateZ(0);
  animation:tlExactSettle .55s cubic-bezier(.16,1,.3,1) 2.83s both;
}
.tl-logo-exact__pieces,
.tl-logo-exact__frame,
.tl-logo-exact__final{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.tl-exact-piece{
  position:absolute;
  inset:0;
  display:block;
  background-image:url('../images/shivalatha-signature-transparent-v8.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  opacity:0;
  filter:blur(5px);
  transform:translateY(5px) scale(.993);
  animation:tlExactType .22s cubic-bezier(.16,1,.3,1) calc(.12s + (var(--i) * .105s)) forwards;
}
/* Exact letter bounding boxes measured from the 1824×428 master logo. */
.tl-exact-piece--t{clip-path:inset(30.84% 92.38% 30.84% 0)}
.tl-exact-piece--r{clip-path:inset(30.84% 83.55% 30.84% 8.77%)}
.tl-exact-piece--a1{clip-path:inset(30.84% 73.46% 30.84% 16.83%)}
.tl-exact-piece--i1{clip-path:inset(30.84% 70.78% 30.84% 27.58%)}
.tl-exact-piece--n1{clip-path:inset(30.84% 60.42% 30.84% 31.63%)}
.tl-exact-piece--i2{clip-path:inset(30.84% 56.41% 30.84% 41.94%)}
.tl-exact-piece--n2{clip-path:inset(30.84% 46.05% 30.84% 46.00%)}
.tl-exact-piece--g{clip-path:inset(30.37% 35.91% 30.37% 55.65%)}
.tl-exact-piece--l{clip-path:inset(30.84% 23.85% 30.84% 69.79%)}
.tl-exact-piece--a2{clip-path:inset(30.84% 13.49% 30.84% 76.81%)}
.tl-exact-piece--b{clip-path:inset(30.84% 4.50% 30.84% 87.61%)}

.tl-frame-piece{
  position:absolute;
  z-index:2;
  display:block;
  background:var(--logo-red);
  opacity:1;
  pointer-events:none;
}
/* Upper extension of first I: x 503–533, y 0–131 */
.tl-frame-piece--i1-up{
  left:27.577%; top:0;
  width:1.700%; height:30.841%;
  transform:scaleY(0);
  transform-origin:bottom;
  animation:tlExactGrowY .42s cubic-bezier(.65,0,.35,1) 1.47s forwards;
}
/* Lower extension of second I: x 765–795, y 296–427 */
.tl-frame-piece--i2-down{
  left:41.941%; top:69.159%;
  width:1.700%; height:30.841%;
  transform:scaleY(0);
  transform-origin:top;
  animation:tlExactGrowY .42s cubic-bezier(.65,0,.35,1) 1.47s forwards;
}
/* Top connector: x 534–1823, y 0–30 */
.tl-frame-piece--top{
  left:29.276%; top:0;
  width:70.724%; height:7.243%;
  transform:scaleX(0);
  transform-origin:left;
  animation:tlExactGrowX .68s cubic-bezier(.65,0,.35,1) 1.83s forwards;
}
/* Bottom connector: x 796–1823, y 397–427 */
.tl-frame-piece--bottom{
  left:43.640%; bottom:0;
  width:56.360%; height:7.243%;
  transform:scaleX(0);
  transform-origin:left;
  animation:tlExactGrowX .68s cubic-bezier(.65,0,.35,1) 1.95s forwards;
}
/* Right lock: x 1793–1823, y 31–396 */
.tl-frame-piece--right{
  right:0; top:7.243%;
  width:1.700%; height:85.514%;
  transform:scaleY(0);
  transform-origin:center;
  animation:tlExactGrowY .38s cubic-bezier(.16,1,.3,1) 2.54s forwards;
}
.tl-frame-piece--spark{
  right:-1.5%; top:50%;
  width:11%; aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(213,31,50,.34),rgba(213,31,50,.08) 40%,transparent 70%);
  filter:blur(8px);
  opacity:0;
  transform:translateY(-50%) scale(.25);
  animation:tlExactSpark .55s cubic-bezier(.16,1,.3,1) 2.62s forwards;
}
.tl-logo-exact__final{
  z-index:4;
  object-fit:contain;
  opacity:0;
  transform:scale(.997);
  animation:tlExactFinal .38s cubic-bezier(.16,1,.3,1) 2.80s forwards;
}
.tl-logo-exact::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-38% -8%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(213,31,50,.09),transparent 65%);
  opacity:0;
  transform:scale(.8);
  animation:tlExactPulse .75s cubic-bezier(.16,1,.3,1) 2.65s forwards;
}
@keyframes tlExactType{
  0%{opacity:0;filter:blur(5px);transform:translateY(5px) scale(.993)}
  100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes tlExactGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tlExactGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes tlExactSpark{0%{opacity:0;transform:translateY(-50%) scale(.25)}45%{opacity:1}100%{opacity:0;transform:translateY(-50%) scale(1.25)}}
@keyframes tlExactFinal{0%{opacity:0;transform:scale(.997)}100%{opacity:1;transform:scale(1)}}
@keyframes tlExactPulse{0%{opacity:0;transform:scale(.8)}45%{opacity:.95}100%{opacity:.24;transform:scale(1.08)}}
@keyframes tlExactGlow{0%{opacity:0;transform:scale(.72)}100%{opacity:1;transform:scale(1)}}
@keyframes tlExactSettle{0%{transform:scale(1)}50%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes tlExactCurtain{
  0%{opacity:1;clip-path:inset(0 0 0 0)}
  42%{opacity:1;clip-path:inset(0 0 0 0)}
  100%{opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0)}
}
@media(max-width:720px){
  .tl-logo-exact{width:92vw}
}
@media(prefers-reduced-motion:reduce){
  .tl-logo-intro--exact{animation:tlExactFadeReduced .35s ease .7s forwards !important}
  .tl-logo-intro--exact .tl-logo-intro__glow{display:none}
  .tl-exact-piece,.tl-frame-piece{display:none!important}
  .tl-logo-exact__final{opacity:1!important;animation:none!important;transform:none!important}
  .tl-logo-exact{animation:none!important}
}
@keyframes tlExactFadeReduced{to{opacity:0;visibility:hidden}}


/* Opening logo size reduced — geometry/animation unchanged */
.tl-logo-intro--exact .tl-logo-exact{
  width:min(68vw,780px) !important;
}
.tl-logo-intro--exact .tl-logo-intro__glow{
  width:min(54vw,720px) !important;
}
@media(max-width:720px){
  .tl-logo-intro--exact .tl-logo-exact{
    width:78vw !important;
  }
}


/* ==========================================================
   ADAPTIVE SMOOTHNESS PASS
   Keeps the same design while reducing GPU/CPU load on phones,
   older laptops, low-core devices and Data Saver connections.
   ========================================================== */
html.perf-lite .tl-logo-intro--exact{
  animation:tlExactCurtainLite .46s cubic-bezier(.4,0,.2,1) 3.34s forwards !important;
  contain:strict;
}
html.perf-lite .tl-logo-intro--exact .tl-logo-intro__glow{
  animation:none !important;
  opacity:.38;
  transform:none;
}
html.perf-lite .tl-logo-exact{
  animation:none !important;
  transform:translateZ(0);
  contain:layout paint style;
}
html.perf-lite .tl-exact-piece{
  filter:none !important;
  transform:translate3d(0,2px,0) scale(1) !important;
  animation-name:tlExactTypeLite !important;
  animation-duration:.16s !important;
  will-change:opacity,transform;
}
html.perf-lite .tl-frame-piece{
  will-change:transform;
}
html.perf-lite .tl-frame-piece--spark,
html.perf-lite .tl-logo-exact::after{
  display:none !important;
}
html.perf-lite .tl-logo-exact__final{
  will-change:opacity,transform;
}
@keyframes tlExactTypeLite{
  from{opacity:0;transform:translate3d(0,2px,0) scale(1)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes tlExactCurtainLite{
  0%,35%{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
  100%{opacity:0;visibility:hidden;transform:translate3d(0,-6px,0)}
}

/* Remove filter-based reveals on performance-limited devices. */
html.perf-lite .reveal,
html.perf-lite .motion-ready .reveal,
html.perf-lite .home-motion-section,
html.perf-lite .home-word>i{
  filter:none !important;
}
html.perf-lite .reveal{
  transform:translate3d(0,14px,0) !important;
  transition:opacity .46s ease,transform .46s cubic-bezier(.2,.75,.25,1) !important;
}
html.perf-lite .reveal.visible,
html.perf-lite .reveal.motion-in{
  transform:translate3d(0,0,0) !important;
}

/* Continuous decorative motion is the first thing to scale back. */
html.perf-lite .page-home-refined.home-motion-plus .home-motion-orb,
html.perf-lite .page-home-refined.home-motion-plus .tr-cinematic-review-stage::before,
html.perf-lite .page-home-refined.home-motion-plus .tr-review-person.is-active .tr-review-person-avatar,
html.perf-lite .page-home-refined.home-motion-plus .doc-offer-split::after,
html.perf-lite .page-home-refined.home-motion-plus .doc-final .tr-final-copy::after,
html.perf-lite .page-home-refined.home-motion-plus .founder-story-refined .tr-founder-copy::after{
  animation:none !important;
}
html.perf-lite .liquid-ambient{
  display:none !important;
}
html.perf-lite .page-home-refined.home-motion-plus .service-collab-bg{
  background-position:center center !important;
  transition:none !important;
}
html.perf-lite .page-home-refined.home-motion-plus .doc-final .tr-final-art{
  transform:none !important;
  transition:none !important;
}

/* Backdrop blur can be costly while scrolling. Use an equivalent translucent fill. */
html.perf-lite .site-nav.nav-v5,
html.perf-lite .tr-final-copy,
html.perf-lite .founder-story-refined .tr-founder-copy,
html.perf-lite .tr-cinematic-copy{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html.perf-lite .site-nav.nav-v5{
  background:rgba(20,20,20,.94) !important;
}
html.perf-lite .tr-final-copy{
  background:rgba(8,8,8,.82) !important;
}

/* Touch devices do not need hover/tilt transitions. */
@media (hover:none), (pointer:coarse), (max-width:900px){
  .page-home-refined.home-motion-plus .client-logo-item,
  .page-home-refined.home-motion-plus .doc-results article,
  .page-home-refined.home-motion-plus .transition-card-refined,
  .page-home-refined.home-motion-plus .tr-results-grid>div,
  .page-home-refined.home-motion-plus .doc-language-chips span{
    transition:none !important;
    transform:none !important;
  }
  .page-home-refined.home-motion-plus .client-logo-item:hover,
  .page-home-refined.home-motion-plus .doc-results article:hover,
  .page-home-refined.home-motion-plus .transition-card-refined:hover,
  .page-home-refined.home-motion-plus .tr-results-grid>div:hover,
  .page-home-refined.home-motion-plus .doc-language-chips span:hover{
    transform:none !important;
    box-shadow:inherit !important;
  }
}

/* Make the main animated layers compositing-friendly only while needed. */
.tl-logo-intro--exact,
.tl-logo-exact__final,
.tl-frame-piece,
.progress-rail i,
.client-marquee-track{
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}


/* ==========================================================
   FULL-SITE DECLUTTER PASS — typography + spacing QA
   Preserve approved copy; reduce competing visual weight.
   ========================================================== */
:root{
  --readable-copy: 690px;
  --readable-wide: 820px;
}

/* Prevent grid/flex text collisions and awkward overflow */
.content-hero-copy,.content-hero-media,.story-aside,.story-main,.story-body,
.doc-founder-heading,.doc-founder-copy,.tr-founder-copy,.tr-story-content,
.doc-question-card,.result-card-refined,.transition-card-refined,
.steps-grid article,.premium-list li{min-width:0!important;box-sizing:border-box}
.content-page h1,.content-page h2,.content-page h3,.tr-main h1,.tr-main h2,.tr-main h3{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:pretty;
}
.story-body p,.content-hero-copy p,.doc-question-card p,.tr-founder-copy p{
  text-wrap:pretty;
}

/* Internal heroes: clear hierarchy, less wall-of-text feeling */
.content-page .content-hero-copy{
  padding-top:clamp(72px,8vh,104px)!important;
  padding-bottom:clamp(58px,7vh,86px)!important;
  padding-right:clamp(30px,4.5vw,66px)!important;
}
.content-page .content-hero-copy h1,
.page-about-refined .content-hero-copy h1,
.page-programmes-refined .content-hero-copy h1,
.page-training-refined .content-hero-copy h1,
.page-business-refined .content-hero-copy h1,
.page-service-refined .content-hero-copy h1,
.page-impact-refined .content-hero-copy h1,
.page-work-refined .content-hero-copy h1{
  font-size:clamp(34px,3.45vw,54px)!important;
  line-height:1.055!important;
  letter-spacing:-.038em!important;
  max-width:740px!important;
  margin-bottom:22px!important;
}
.content-page .content-hero-copy h1.long-heading{font-size:clamp(32px,3.05vw,48px)!important;max-width:760px!important}
.content-page .content-hero-copy h1.extra-long-heading{font-size:clamp(30px,2.75vw,44px)!important}
.content-page .content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){
  max-width:620px!important;
  margin:11px 0!important;
  font-size:13.5px!important;
  line-height:1.72!important;
  color:#c8c5bf!important;
}
.content-hero.dense-hero .content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){
  max-width:590px!important;
  font-size:13px!important;
  line-height:1.74!important;
}
.content-hero-media>span{font-size:7px!important;padding:9px 13px!important;letter-spacing:.12em!important}

/* Story pages: smaller headings, quieter body, more paragraph breathing room */
.story-section{
  padding-top:clamp(58px,6.2vw,86px)!important;
  padding-bottom:clamp(58px,6.2vw,86px)!important;
  gap:clamp(28px,4vw,62px)!important;
}
.story-main{max-width:940px!important}
.story-main>h2{
  max-width:820px!important;
  margin-bottom:clamp(24px,2.6vw,34px)!important;
  font-size:clamp(29px,2.75vw,44px)!important;
  line-height:1.085!important;
  letter-spacing:-.034em!important;
}
.story-main>h2.long-heading{font-size:clamp(27px,2.4vw,38px)!important;max-width:850px!important}
.story-main>h2.extra-long-heading{font-size:clamp(25px,2.15vw,34px)!important;line-height:1.12!important}
.story-body{max-width:var(--readable-copy)!important}
.story-body>p,.story-main>p{
  max-width:var(--readable-copy)!important;
  margin-bottom:17px!important;
  font-size:14px!important;
  line-height:1.76!important;
}
.story-body>p:last-child{margin-bottom:0!important}
.story-body>h3,.micro-title{
  margin-top:34px!important;
  margin-bottom:11px!important;
  padding-top:17px!important;
  font-size:clamp(19px,1.55vw,24px)!important;
  line-height:1.18!important;
}
.story-body>h3:before,.micro-title:before{top:16px!important;font-size:15px!important}

/* Dense sections get even quieter typography rather than deleting copy */
.dense-section .story-main>h2{max-width:790px!important}
.dense-section .story-body>p,.dense-section .story-main>p{font-size:13.5px!important;line-height:1.78!important}
.dense-section .premium-list{margin-top:24px!important}
.dense-section .premium-list li{padding-top:14px!important;padding-bottom:14px!important;font-size:13.5px!important}

/* Lists / steps were visually competing with headings */
.premium-list{max-width:720px!important;margin-top:26px!important}
.premium-list li{
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:12px!important;
  padding:15px 0!important;
  font-size:14px!important;
  line-height:1.5!important;
  letter-spacing:-.012em!important;
  font-weight:650!important;
}
.programme-icon{width:27px!important;height:27px!important}
.programme-icon svg{width:14px!important;height:14px!important}
.steps-grid{margin-top:27px!important}
.steps-grid article{min-height:150px!important;padding:22px!important}
.steps-grid article span{margin-bottom:20px!important}
.steps-grid article p{font-size:13.5px!important;line-height:1.62!important}
.impact-note{font-size:12.5px!important;line-height:1.65!important;margin-top:18px!important}

/* Homepage intro and recognition were still text-heavy */
.doc-founder-intro{
  padding-top:clamp(62px,7vw,98px)!important;
  padding-bottom:clamp(62px,7vw,98px)!important;
  gap:clamp(34px,5vw,66px)!important;
}
.doc-founder-heading h2{
  max-width:660px!important;
  font-size:clamp(25px,2.15vw,36px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
.doc-founder-copy>p{max-width:650px!important;font-size:15px!important;line-height:1.7!important}
.doc-language-lines{margin-top:27px!important;padding-top:20px!important;gap:9px!important;font-size:13px!important;line-height:1.55!important}
.doc-recognition .tr-section-head{max-width:820px!important;margin-bottom:32px!important}
.doc-recognition .tr-section-head h2{font-size:clamp(33px,3.25vw,50px)!important;line-height:1.07!important}
.doc-recognition .tr-section-head p:last-child{max-width:600px!important;font-size:14px!important;line-height:1.7!important}
.doc-question-grid{gap:14px!important}
.doc-question-card{min-height:0!important;padding:25px!important;border-radius:22px!important}
.doc-question-card h3{margin:22px 0 13px!important;font-size:clamp(21px,1.7vw,27px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
.doc-question-card p{max-width:560px!important;font-size:13.5px!important;line-height:1.72!important}
.problem-card-refined>span{width:31px!important;height:31px!important;font-size:9px!important}

/* Founder story panel */
.founder-story-refined .tr-founder-copy{padding:clamp(25px,2.7vw,39px)!important}
.founder-story-refined .tr-founder-copy h2,
.doc-founder-story .tr-founder-copy h2{
  max-width:650px!important;
  font-size:clamp(29px,2.65vw,42px)!important;
  line-height:1.08!important;
  margin-bottom:18px!important;
}
.founder-story-refined .tr-big-copy{font-size:14.5px!important;line-height:1.68!important;max-width:650px!important}
.founder-story-refined .tr-founder-copy>p:last-child{font-size:13.5px!important;line-height:1.75!important;max-width:650px!important}

/* Homepage remaining sections */
.client-logos-head h2{font-size:clamp(27px,2.5vw,38px)!important}
.doc-proof-grid>div{padding:25px 28px!important;min-height:128px!important}
.doc-proof-grid p{font-size:14px!important;line-height:1.62!important;max-width:570px!important}
.doc-results .tr-section-head h2{font-size:clamp(33px,3.3vw,50px)!important;line-height:1.06!important}
.doc-results .tr-section-head p:last-child{font-size:14px!important;max-width:590px!important}
.doc-results .result-card-refined{padding:25px!important;min-height:265px!important}
.doc-results .result-card-refined h3{font-size:clamp(20px,1.65vw,26px)!important;line-height:1.13!important;margin-top:21px!important}
.doc-results .result-card-refined p{font-size:13px!important;line-height:1.7!important}
.doc-multilingual h2{font-size:clamp(30px,3.05vw,46px)!important;line-height:1.075!important;max-width:800px!important}
.doc-multilingual p{font-size:14px!important;line-height:1.72!important}
.doc-brand-transitions h2{font-size:clamp(27px,2.55vw,38px)!important;line-height:1.08!important}
.doc-brand-transitions p{font-size:13.5px!important;line-height:1.7!important}
.page-home-refined .doc-final .tr-final-copy{max-width:690px!important;padding:clamp(22px,2.6vw,34px)!important}
.page-home-refined .doc-final .tr-final-copy h2{font-size:clamp(34px,3.6vw,54px)!important;line-height:1.04!important}
.page-home-refined .doc-final .tr-final-copy>p{font-size:13.5px!important;line-height:1.68!important}

/* Cinematic testimonial: keep it dramatic but not oversized */
.tr-cinematic-copy{max-width:690px!important}
.tr-cinematic-copy blockquote{font-size:clamp(25px,2.35vw,37px)!important;line-height:1.11!important;letter-spacing:-.025em!important}
.tr-cinematic-copy p,.tr-cinematic-copy span{line-height:1.55}

/* Red statement sections */
.balanced-red-statement .story-main{max-width:850px!important}
.balanced-red-statement .story-main>h2{
  max-width:800px!important;
  font-size:clamp(34px,3.75vw,56px)!important;
  line-height:1.04!important;
}

/* Qualification rows */
.qualification-list li{padding-top:15px!important;padding-bottom:15px!important;font-size:13.5px!important;line-height:1.55!important}
.qualification-logo,.qualification-logo-placeholder{flex:none}

/* Buttons should not compete with copy */
.tr-pill,.button,.transition-cta{font-size:10.5px!important;line-height:1.2!important}

@media(max-width:980px){
  .content-page .content-hero-copy{padding:58px 24px 48px!important}
  .content-page .content-hero-copy h1,
  .page-about-refined .content-hero-copy h1,
  .page-programmes-refined .content-hero-copy h1,
  .page-training-refined .content-hero-copy h1,
  .page-business-refined .content-hero-copy h1,
  .page-service-refined .content-hero-copy h1,
  .page-impact-refined .content-hero-copy h1,
  .page-work-refined .content-hero-copy h1{font-size:clamp(32px,6vw,44px)!important;max-width:680px!important}
  .content-page .content-hero-copy h1.long-heading{font-size:clamp(30px,5.4vw,40px)!important}
  .story-section{gap:28px!important}
}

@media(max-width:760px){
  .content-page .content-hero-copy{padding:46px 20px 40px!important}
  .content-page .content-hero-copy h1,
  .page-about-refined .content-hero-copy h1,
  .page-programmes-refined .content-hero-copy h1,
  .page-training-refined .content-hero-copy h1,
  .page-business-refined .content-hero-copy h1,
  .page-service-refined .content-hero-copy h1,
  .page-impact-refined .content-hero-copy h1,
  .page-work-refined .content-hero-copy h1{font-size:clamp(30px,8.2vw,39px)!important;line-height:1.08!important}
  .content-page .content-hero-copy h1.long-heading{font-size:clamp(28px,7.6vw,36px)!important}
  .content-page .content-hero-copy>p:not(.eyebrow):not(.hero-founder):not(.hero-roles):not(.language-line){font-size:13px!important;line-height:1.72!important}
  .content-hero-media>span{display:none!important}

  .story-section{padding-top:48px!important;padding-bottom:48px!important;gap:22px!important}
  .story-main>h2{font-size:clamp(27px,7vw,34px)!important;line-height:1.1!important;margin-bottom:22px!important}
  .story-main>h2.long-heading{font-size:clamp(25px,6.5vw,31px)!important}
  .story-main>h2.extra-long-heading{font-size:clamp(24px,6vw,29px)!important}
  .story-body>p,.story-main>p{font-size:13.5px!important;line-height:1.74!important;margin-bottom:15px!important}
  .premium-list li{font-size:13.5px!important;padding:13px 0!important}
  .steps-grid article{min-height:0!important;padding:18px!important}

  .doc-founder-intro{padding:48px 20px!important;gap:27px!important}
  .doc-founder-heading h2{font-size:clamp(25px,6.7vw,32px)!important}
  .doc-founder-copy>p{font-size:14px!important}
  .doc-language-lines{font-size:12.5px!important}
  .doc-recognition .tr-section-head h2{font-size:clamp(29px,7.5vw,37px)!important}
  .doc-question-card{padding:21px!important}
  .doc-question-card h3{font-size:clamp(20px,5.4vw,25px)!important;margin-top:19px!important}
  .doc-question-card p{font-size:13px!important}
  .founder-story-refined .tr-founder-copy{margin:14px!important;padding:22px 19px!important}
  .founder-story-refined .tr-founder-copy h2{font-size:clamp(27px,6.8vw,34px)!important}
  .doc-multilingual h2{font-size:clamp(28px,7.2vw,36px)!important}
  .doc-brand-transitions h2{font-size:clamp(26px,6.7vw,33px)!important}
  .tr-cinematic-copy blockquote{font-size:clamp(24px,6vw,31px)!important}
  .balanced-red-statement .story-main>h2{font-size:clamp(29px,7.5vw,38px)!important}
  .page-home-refined .doc-final .tr-final-copy h2{font-size:clamp(30px,7.5vw,40px)!important}
}

@media(max-width:420px){
  .content-page .content-hero-copy{padding-left:17px!important;padding-right:17px!important}
  .story-section{padding-left:17px!important;padding-right:17px!important}
  .story-main>h2{font-size:28px!important}
  .story-main>h2.long-heading{font-size:26px!important}
  .story-main>h2.extra-long-heading{font-size:25px!important}
  .story-body>p,.story-main>p{font-size:13px!important}
  .premium-list li{grid-template-columns:25px minmax(0,1fr)!important;gap:9px!important;font-size:13px!important}
  .programme-icon{width:24px!important;height:24px!important}
  .doc-question-card h3{font-size:22px!important}
}


/* ==========================================================
   HOMEPAGE HERO OVERFLOW / CLUTTER HOTFIX
   Prevent horizontal drift and make the first screen breathe.
   ========================================================== */
html,body{
  max-width:100% !important;
  overflow-x:clip !important;
}
body,.tr-main,main,.tr-hero{
  min-width:0 !important;
}
.page-home-refined .doc-home-hero{
  min-height:clamp(650px,82svh,820px) !important;
}
.page-home-refined .doc-home-hero .tr-hero-copy{
  left:clamp(24px,4vw,58px) !important;
  right:auto !important;
  bottom:clamp(38px,6.5vh,68px) !important;
  width:min(52vw,680px) !important;
  max-width:min(52vw,680px) !important;
  box-sizing:border-box !important;
}
.page-home-refined .doc-home-hero .tr-hero-copy h1{
  max-width:650px !important;
  margin:0 0 16px !important;
  font-size:clamp(38px,3.9vw,60px) !important;
  line-height:1.015 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
}
.page-home-refined .doc-home-hero .tr-hero-intro{
  max-width:570px !important;
  margin:0 !important;
  font-size:13.5px !important;
  line-height:1.62 !important;
}
.page-home-refined .doc-home-hero .doc-hero-actions{
  margin-top:20px !important;
  gap:10px !important;
}
.page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
  min-height:44px !important;
  padding:0 20px !important;
  font-size:10px !important;
  white-space:nowrap !important;
}

/* The six-link desktop nav is too wide before the old 900px breakpoint.
   Switch to the clean menu control earlier instead of allowing overflow. */
@media (max-width:1240px){
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5{
    grid-template-columns:minmax(150px,1fr) auto !important;
    gap:14px !important;
    padding-inline:18px !important;
  }
  .tr-home .desktop-nav,
  .tr-home .nav-cta,
  .page-internal .desktop-nav,
  .page-internal .nav-cta,
  .site-nav.nav-v5 .desktop-nav,
  .site-nav.nav-v5 .nav-cta{
    display:none !important;
  }
  .tr-home .menu-button,
  .page-internal .menu-button,
  .site-nav.nav-v5 .menu-button{
    display:grid !important;
  }
  .brand-link-logo img{
    max-width:172px !important;
    height:auto !important;
  }
}

@media (min-width:901px) and (max-width:1240px){
  .page-home-refined .doc-home-hero{
    min-height:700px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    left:32px !important;
    bottom:48px !important;
    width:min(57vw,610px) !important;
    max-width:min(57vw,610px) !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:590px !important;
    font-size:clamp(36px,4.15vw,50px) !important;
    line-height:1.03 !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:540px !important;
    font-size:13px !important;
  }
  .page-home-refined .doc-home-hero .tr-kicker{
    padding:7px 11px !important;
    font-size:8px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    object-position:60% center !important;
  }
}

@media (max-width:900px){
  .page-home-refined .doc-home-hero{
    min-height:720px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    left:20px !important;
    right:20px !important;
    bottom:30px !important;
    width:auto !important;
    max-width:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:620px !important;
    font-size:clamp(34px,7.4vw,44px) !important;
    line-height:1.04 !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:560px !important;
    font-size:13px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-shade{
    background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.42) 58%,rgba(0,0,0,.12) 100%),linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.04)) !important;
  }
}

@media (max-width:600px){
  .page-home-refined .doc-home-hero{
    min-height:690px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    left:16px !important;
    right:16px !important;
    bottom:24px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    font-size:clamp(31px,9vw,39px) !important;
    line-height:1.055 !important;
    letter-spacing:-.038em !important;
    margin-bottom:13px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    font-size:12.5px !important;
    line-height:1.55 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    margin-top:16px !important;
    max-width:310px !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    min-height:42px !important;
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
  }
  .brand-link-logo img{
    max-width:145px !important;
  }
}

/* ==========================================================
   MOBILE COMPOSITION REPAIR
   Keep photography visible and give long-form copy one shared
   alignment rhythm after the accumulated refinement passes.
   ========================================================== */
@media (max-width:760px){
  .tr-main section,
  .tr-main article,
  .tr-main div{
    min-width:0;
  }

  .tr-main h1,
  .tr-main h2,
  .tr-main h3,
  .tr-main p,
  .tr-main blockquote{
    text-align:left;
    max-width:100%;
  }

  .page-home-refined .doc-home-hero{
    min-height:760px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    object-position:64% center !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    top:auto !important;
    bottom:20px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-scroll{
    display:none !important;
  }

  .doc-founder-intro,
  .doc-recognition,
  .doc-proof,
  .doc-multilingual,
  .tr-impact-cards,
  .tr-story-dark{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .doc-founder-heading,
  .doc-founder-copy,
  .tr-section-head,
  .tr-results-title,
  .tr-story-heading,
  .tr-story-content,
  .doc-offer-copy{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .doc-founder-heading h2{
    overflow-wrap:anywhere !important;
  }

  .founder-story-refined,
  .doc-founder-story{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:0 !important;
  }
  .founder-story-refined .tr-founder-image,
  .doc-founder-story .tr-founder-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5;
    clip-path:none !important;
    overflow:hidden;
  }
  .founder-story-refined .tr-founder-image img,
  .doc-founder-story .tr-founder-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center 16% !important;
  }
  .founder-story-refined .tr-founder-copy{
    margin:0 !important;
    padding:42px 20px 52px !important;
  }

  .doc-offer-split{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:0 !important;
  }
  .doc-offer-media{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5;
    overflow:hidden;
  }
  .doc-offer-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center 12% !important;
  }
  .doc-offer-copy{
    padding:48px 20px 56px !important;
  }

  .tr-cinematic-review-stage{
    min-height:840px !important;
  }
  .tr-cinematic-media,
  .tr-cinematic-media img,
  .tr-cinematic-fallback{
    display:block !important;
    visibility:visible !important;
  }
  .tr-cinematic-media img{
    width:100% !important;
    height:46% !important;
    opacity:1;
    object-position:center top !important;
  }
  .tr-cinematic-copy{
    top:35% !important;
  }

  .tr-final-cta.doc-final.tr-final-with-art{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding:0 !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-art-wrap{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5;
    overflow:hidden;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-art{
    display:block !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art::after{
    display:none !important;
  }
  .tr-final-cta.doc-final.tr-final-with-art .tr-final-copy{
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:44px 20px 52px !important;
    border-radius:0 !important;
  }

  .doc-hero-actions,
  .doc-final-actions{
    width:100%;
  }
  .doc-hero-actions .tr-pill,
  .doc-final-actions .tr-pill,
  .doc-offer-copy .tr-pill,
  .tr-story-content .tr-pill{
    width:100% !important;
    min-height:46px !important;
    white-space:normal !important;
    text-align:center !important;
  }
}

/* ==========================================================
   HOMEPAGE OPENING — PORTRAIT-LED SPLIT REDESIGN
   The message and portrait now have separate, readable zones.
   ========================================================== */
@media (min-width:901px){
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5.is-scrolled,
  .page-internal .site-nav.nav-v5.is-scrolled,
  .site-nav.nav-v5.is-scrolled{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:72px !important;
    padding:0 clamp(28px,4vw,64px) !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    border-radius:0 !important;
    background:#090909 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:visible !important;
  }
  .site-nav.nav-v5::before{
    display:none !important;
  }
  .site-nav.nav-v5::after{
    content:"";
    position:absolute;
    left:clamp(28px,4vw,64px);
    bottom:-1px;
    width:54px;
    height:2px;
    background:var(--red);
  }
  .site-nav.nav-v5 .nav-cta{
    height:42px !important;
    min-width:112px !important;
    border:0 !important;
    border-radius:12px !important;
    background:var(--red) !important;
    box-shadow:none !important;
    color:#fff !important;
  }
  .page-home-refined .doc-home-hero{
    display:grid !important;
    grid-template-columns:minmax(560px,1.04fr) minmax(500px,.96fr) !important;
    grid-template-rows:1fr !important;
    height:min(840px,calc(100svh - 72px)) !important;
    min-height:700px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero::before,
  .page-home-refined .doc-home-hero::after{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    position:relative !important;
    inset:auto !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:76% center !important;
    transform:none !important;
    filter:saturate(.94) contrast(1.02) !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-shade{
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    inset:0 0 0 auto !important;
    width:60% !important;
    background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.82) 7%,rgba(9,9,9,.18) 26%,transparent 48%),
               linear-gradient(0deg,rgba(9,9,9,.2),transparent 30%) !important;
    pointer-events:none;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    position:relative !important;
    z-index:4 !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
    width:100% !important;
    max-width:none !important;
    padding:72px clamp(42px,5vw,84px) 64px !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero .tr-kicker{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:620px !important;
    margin:0 0 24px !important;
    padding:0 !important;
    font-size:clamp(46px,4vw,60px) !important;
    line-height:1.04 !important;
    letter-spacing:-.032em !important;
    font-weight:650 !important;
    text-wrap:balance !important;
    filter:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:47ch !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.65 !important;
    color:#c9c5be !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:30px !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    width:auto !important;
    min-height:48px !important;
    padding:0 22px !important;
    border-radius:12px !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill:first-child{
    background:#fff !important;
    color:#090909 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill:last-child{
    border:1px solid rgba(255,255,255,.32) !important;
    background:transparent !important;
    color:#fff !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-scroll{
    display:none !important;
  }
}

@media (min-width:761px) and (max-width:900px){
  .page-home-refined .doc-home-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:58svh auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero::before,
  .page-home-refined .doc-home-hero::after,
  .page-home-refined .doc-home-hero .tr-hero-shade{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    position:relative !important;
    inset:auto !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:78% 25% !important;
    transform:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    position:relative !important;
    inset:auto !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    padding:46px 36px 54px !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero .tr-kicker{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:13ch !important;
    margin:0 0 20px !important;
    font-size:clamp(42px,6.5vw,56px) !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:52ch !important;
    font-size:15px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-scroll{
    display:none !important;
  }
}

@media (max-width:760px){
  .page-home-refined .doc-home-hero .tr-kicker{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    padding-top:34px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:340px !important;
    font-size:clamp(29px,7.8vw,34px) !important;
    line-height:1.06 !important;
    letter-spacing:-.028em !important;
    font-weight:650 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    border-radius:12px !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill:last-child{
    border:1px solid rgba(255,255,255,.3) !important;
    background:transparent !important;
    color:#fff !important;
  }
}

@media (max-width:760px){
  .page-home-refined .doc-home-hero{
    grid-template-rows:auto auto !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:941 / 1672 !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#120c0a !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    width:100% !important;
    max-width:350px !important;
    font-size:30px !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }
}

@media (max-width:390px){
  .page-home-refined .doc-home-hero{
    min-height:730px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    font-size:30px !important;
  }
  .doc-founder-heading h2,
  .story-main > h2,
  .tr-section-head h2,
  .tr-story-heading h2,
  .doc-offer-copy h2,
  .doc-multilingual h2{
    font-size:28px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
}

/* ==========================================================
   RESPONSIVE NAV / HERO / TEXT CLIPPING CORRECTION
   Final authoritative layer for the public mobile experience.
   ========================================================== */
.doc-brand-transitions > a.transition-card-refined{
  height:auto !important;
  max-height:none !important;
  contain:none !important;
  content-visibility:visible !important;
}

.tr-main h1,
.tr-main h2,
.tr-main h3,
.tr-main blockquote{
  padding-bottom:.08em;
  overflow:visible;
}

@media (max-width:760px){
  html{
    scroll-padding-top:64px;
  }

  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5.is-scrolled,
  .page-internal .site-nav.nav-v5.is-scrolled,
  .site-nav.nav-v5.is-scrolled{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:64px !important;
    padding:0 16px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:14px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;
    border-radius:0 !important;
    background:#090909 !important;
    box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:visible !important;
  }
  .site-nav.nav-v5::before{
    display:none !important;
  }
  .site-nav.nav-v5::after{
    content:"";
    position:absolute;
    left:16px;
    bottom:-1px;
    width:42px;
    height:2px;
    background:var(--red);
  }
  .site-nav.nav-v5 .brand-link{
    width:142px !important;
    height:38px !important;
    overflow:visible !important;
  }
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img{
    display:block !important;
    width:142px !important;
    max-width:142px !important;
    height:38px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .site-nav.nav-v5 .menu-button{
    position:relative;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:82px !important;
    height:40px !important;
    padding:0 12px !important;
    border:1px solid rgba(255,255,255,.34) !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#fff !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .site-nav.nav-v5 .menu-button::before{
    content:"Menu";
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .site-nav.nav-v5 .menu-button::after{
    content:"";
    width:16px;
    height:10px;
    background:linear-gradient(currentColor,currentColor) 0 1px/16px 1px no-repeat,
               linear-gradient(currentColor,currentColor) 0 8px/16px 1px no-repeat;
  }
  .site-nav.nav-v5 .menu-button span{
    display:none !important;
  }

  .menu-overlay.nav-v5-menu{
    padding:0 18px 28px !important;
    background:#090909 !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .menu-overlay .menu-top{
    min-height:72px;
    padding:8px 0 !important;
  }
  .menu-overlay .menu-top .brand-link{
    width:142px !important;
    height:38px !important;
  }
  .menu-overlay .menu-top button{
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
    font-size:27px !important;
  }
  .mobile-menu-list{
    padding:18px 0 !important;
  }
  .mobile-menu-list a{
    grid-template-columns:28px minmax(0,1fr) 20px !important;
    gap:10px !important;
    min-height:58px;
    padding:12px 4px !important;
    border-radius:0 !important;
  }
  .mobile-menu-list b{
    font-size:clamp(20px,6vw,28px) !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }

  .page-home-refined .doc-home-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(430px,56svh) auto !important;
    height:auto !important;
    min-height:0 !important;
    padding-top:64px !important;
    overflow:visible !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero::before,
  .page-home-refined .doc-home-hero::after,
  .page-home-refined .doc-home-hero .tr-hero-shade{
    display:none !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    position:relative !important;
    inset:auto !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:430px !important;
    transform:none !important;
    filter:saturate(.94) contrast(1.02) !important;
    object-fit:cover !important;
    object-position:82% 28% !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    position:relative !important;
    inset:auto !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    padding:30px 18px 34px !important;
    background:#090909 !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy .tr-kicker{
    margin-bottom:14px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    color:#c8c4bd !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:12ch !important;
    margin:0 0 16px !important;
    font-size:clamp(32px,9.1vw,42px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:42ch !important;
    font-size:14px !important;
    line-height:1.58 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions{
    max-width:none !important;
    margin-top:20px !important;
  }

  .doc-brand-transitions{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:48px 16px !important;
  }
  .doc-brand-transitions > a.transition-card-refined{
    display:flex !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:28px 22px !important;
    overflow:visible !important;
  }
  .doc-brand-transitions > a.transition-card-refined h2{
    margin:32px 0 20px !important;
  }
  .doc-brand-transitions > a.transition-card-refined p{
    max-width:none !important;
  }
  .doc-brand-transitions > a.transition-card-refined .transition-cta{
    margin-top:10px !important;
  }

  .tr-main p,
  .tr-main blockquote,
  .tr-main h1,
  .tr-main h2,
  .tr-main h3,
  .tr-main a{
    max-height:none !important;
    -webkit-line-clamp:unset !important;
  }
}

/* Mobile portrait supplied by the client — intentionally last in the cascade. */
@media (max-width:760px){
  .page-home-refined .doc-home-hero{
    grid-template-rows:auto auto !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-bg{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:941 / 1672 !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#120c0a !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    width:100% !important;
    max-width:350px !important;
    font-size:30px !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }
}


/* Mobile homepage hero portrait — explicit picture source for reliable browser behavior */
.tr-hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%;}
.tr-hero-picture .tr-hero-bg{width:100%;height:100%;}
@media (max-width:760px){
  .page-home-refined .doc-home-hero .tr-hero-picture{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    display:block !important;
    background:#120c0a !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-picture .tr-hero-bg{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:941 / 1672 !important;
    object-fit:contain !important;
    object-position:center top !important;
  }
}


/* ==========================================================
   MOBILE HOMEPAGE HERO — CINEMATIC OVERLAY COMPOSITION
   Client request: copy must sit ON the supplied portrait.
   ========================================================== */
@media (max-width:760px){
  .page-home-refined .doc-home-hero{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:calc(100svh - 64px) !important;
    min-height:700px !important;
    max-height:900px !important;
    padding:0 !important;
    margin-top:64px !important;
    overflow:hidden !important;
    background:#120c0a !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-picture{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    z-index:0 !important;
    background:#120c0a !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-picture .tr-hero-bg{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
    filter:none !important;
    background:#120c0a !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-shade{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(180deg, rgba(10,5,4,.76) 0%, rgba(10,5,4,.50) 26%, rgba(10,5,4,.09) 55%, rgba(10,5,4,.15) 100%),
      linear-gradient(90deg, rgba(10,5,4,.68) 0%, rgba(10,5,4,.34) 58%, rgba(10,5,4,.05) 100%) !important;
    pointer-events:none !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-copy{
    position:absolute !important;
    z-index:3 !important;
    top:clamp(28px,5.2vh,48px) !important;
    left:18px !important;
    right:18px !important;
    bottom:auto !important;
    width:auto !important;
    max-width:360px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-copy .tr-kicker{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 0 13px !important;
    padding:8px 11px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    border-radius:999px !important;
    background:rgba(10,10,10,.24) !important;
    color:#fff !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.14em !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    width:100% !important;
    max-width:325px !important;
    margin:0 0 14px !important;
    color:#fff !important;
    font-size:clamp(30px,8.5vw,37px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
    font-weight:650 !important;
    text-shadow:0 2px 18px rgba(0,0,0,.22) !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:315px !important;
    margin:0 !important;
    color:rgba(255,255,255,.86) !important;
    font-size:12.5px !important;
    line-height:1.48 !important;
    text-shadow:0 1px 12px rgba(0,0,0,.28) !important;
  }

  .page-home-refined .doc-home-hero .doc-hero-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    max-width:330px !important;
    margin-top:18px !important;
  }

  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    display:inline-flex !important;
    min-height:42px !important;
    width:auto !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill:first-child{
    background:#fff !important;
    color:#0b0b0b !important;
  }

  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill:last-child{
    border:1px solid rgba(255,255,255,.45) !important;
    background:rgba(10,10,10,.24) !important;
    color:#fff !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
  }

  .page-home-refined .doc-home-hero .tr-hero-scroll{
    display:none !important;
  }
}

@media (max-width:390px){
  .page-home-refined .doc-home-hero{
    min-height:680px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    top:24px !important;
    left:15px !important;
    right:15px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:300px !important;
    font-size:29px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:290px !important;
    font-size:11.5px !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    min-height:39px !important;
    padding:0 12px !important;
    font-size:8px !important;
  }
}


/* ==========================================================
   TEXT INTEGRITY FINAL LOCK — desktop + tablet + mobile
   Fixes clipped descenders (g/y/p/j), edge cut-offs, line overlap,
   and old responsive rules fighting newer typography.
   ========================================================== */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}
*,*::before,*::after{box-sizing:border-box;}

/* Never clip actual text glyphs. */
.tr-main h1,.tr-main h2,.tr-main h3,.tr-main h4,
.content-page h1,.content-page h2,.content-page h3,
.tr-main blockquote,.content-page blockquote,
.tr-hero-copy,.content-hero-copy,.story-main,.story-body,
.tr-founder-copy,.tr-section-head>div,.doc-founder-heading,
.tr-results-title,.client-logos-head,.testimonials-head{
  max-height:none !important;
  -webkit-line-clamp:unset !important;
  text-overflow:clip !important;
}
.tr-main h1,.tr-main h2,.tr-main h3,.tr-main h4,
.content-page h1,.content-page h2,.content-page h3,
.tr-main blockquote,.content-page blockquote{
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

/* Homepage word reveal used overflow:hidden and clipped descenders.
   Keep the staggered motion, but let glyphs render fully. */
.page-home-refined.home-motion-plus .home-word{
  display:inline-block !important;
  overflow:visible !important;
  vertical-align:baseline !important;
  margin-right:.18em !important;
  margin-bottom:0 !important;
  padding:0 0 .13em !important;
}
.page-home-refined.home-motion-plus .home-word>i{
  display:inline-block !important;
  padding-bottom:.04em !important;
  transform:translate3d(0,.7em,0) rotate(1.5deg);
}

/* ----- HOME HERO: final desktop lock ----- */
@media (min-width:901px){
  .page-home-refined .doc-home-hero{
    min-height:700px !important;
    overflow:hidden !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    min-width:0 !important;
    overflow:visible !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    width:100% !important;
    max-width:650px !important;
    margin:0 0 18px !important;
    padding:0 0 .12em !important;
    font-size:clamp(42px,3.75vw,58px) !important;
    line-height:1.10 !important;
    letter-spacing:-.038em !important;
    text-wrap:pretty !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:48ch !important;
    font-size:14px !important;
    line-height:1.65 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions{
    max-width:620px !important;
    flex-wrap:wrap !important;
  }
}

/* Medium laptops/tablets: keep every line inside the viewport. */
@media (min-width:761px) and (max-width:1240px){
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:590px !important;
    font-size:clamp(38px,4.3vw,50px) !important;
    line-height:1.11 !important;
  }
}

/* ----- HOME HERO: mobile overlay lock ----- */
@media (max-width:760px){
  .page-home-refined .doc-home-hero{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy{
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-width:350px !important;
    overflow:visible !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    width:100% !important;
    max-width:330px !important;
    margin:0 0 13px !important;
    padding:0 0 .14em !important;
    font-size:clamp(29px,8.2vw,36px) !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
    text-wrap:pretty !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-intro{
    max-width:39ch !important;
    font-size:12px !important;
    line-height:1.58 !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions{
    width:min(100%,320px) !important;
    max-width:320px !important;
  }
  .page-home-refined .doc-home-hero .doc-hero-actions .tr-pill{
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }
}
@media (max-width:390px){
  .page-home-refined .doc-home-hero .tr-hero-copy{
    left:14px !important;
    right:14px !important;
    max-width:330px !important;
  }
  .page-home-refined .doc-home-hero .tr-hero-copy h1{
    max-width:310px !important;
    font-size:clamp(28px,8.3vw,32px) !important;
    line-height:1.13 !important;
  }
}

/* ----- INTERNAL PAGE HEROES ----- */
.content-page .content-hero-copy{
  min-width:0 !important;
  overflow:visible !important;
}
.content-page .content-hero-copy h1{
  width:100% !important;
  max-width:15.5ch !important;
  padding-bottom:.12em !important;
  font-size:clamp(40px,4.35vw,66px) !important;
  line-height:1.09 !important;
  letter-spacing:-.042em !important;
  text-wrap:pretty !important;
}
.content-page .content-hero-copy>p{
  max-width:62ch !important;
  line-height:1.65 !important;
}

/* ----- SECTION HEADINGS ----- */
.story-main>h2,
.story-main>h2.long-heading,
.story-main>h2.extra-long-heading{
  max-width:24ch !important;
  padding-bottom:.10em !important;
  font-size:clamp(31px,3.35vw,50px) !important;
  line-height:1.12 !important;
  letter-spacing:-.038em !important;
  text-wrap:pretty !important;
}
.tr-section-head h2,
.tr-founder-copy h2,
.tr-results-title h2,
.client-logos-head h2,
.testimonials-head h2,
.doc-multilingual h2,
.doc-brand-transitions h2,
.tr-cinematic-copy blockquote,
.doc-final .tr-final-copy h2{
  padding-bottom:.10em !important;
  line-height:1.10 !important;
  overflow:visible !important;
  text-wrap:pretty !important;
}

/* Text containers should grow with content, never crop it. */
.doc-question-card,
.result-story-card,
.transition-card-refined,
.doc-offer-copy,
.story-section,
.story-main,
.story-body{
  min-width:0 !important;
  max-height:none !important;
}
.doc-question-card h3,
.result-story-card h3,
.transition-card-refined h2{
  line-height:1.14 !important;
  padding-bottom:.08em !important;
  overflow:visible !important;
}
.story-body p,.story-main p,.doc-question-card p,.result-story-card p{
  overflow:visible !important;
  max-height:none !important;
  line-height:1.67 !important;
}

@media (max-width:900px){
  .content-page .content-hero-copy h1{
    max-width:15ch !important;
    font-size:clamp(34px,7.4vw,48px) !important;
    line-height:1.11 !important;
  }
  .story-main>h2,
  .story-main>h2.long-heading,
  .story-main>h2.extra-long-heading{
    max-width:25ch !important;
    font-size:clamp(29px,6.5vw,40px) !important;
    line-height:1.13 !important;
  }
}
@media (max-width:560px){
  .content-page .content-hero-copy h1{
    max-width:100% !important;
    font-size:clamp(31px,8.5vw,38px) !important;
    line-height:1.13 !important;
    letter-spacing:-.03em !important;
  }
  .story-main>h2,
  .story-main>h2.long-heading,
  .story-main>h2.extra-long-heading{
    max-width:100% !important;
    font-size:clamp(27px,7vw,34px) !important;
    line-height:1.15 !important;
    letter-spacing:-.028em !important;
  }
  .doc-question-card h3,
  .result-story-card h3,
  .transition-card-refined h2{
    font-size:clamp(21px,5.7vw,27px) !important;
    line-height:1.17 !important;
  }
}


/* LinkedIn-derived proof / real-session imagery */
.linkedin-proof{background:#0a0a0a;color:#fff;padding:clamp(72px,8vw,118px) clamp(20px,5vw,78px);overflow:hidden}
.linkedin-proof-head{max-width:880px;margin:0 auto 42px;text-align:center}
.linkedin-proof-head .eyebrow{color:#d51f32}
.linkedin-proof-head h2{margin:10px 0 14px;font-size:clamp(36px,4.2vw,66px);line-height:1.02;letter-spacing:-.04em}
.linkedin-proof-head>p:last-child{max-width:650px;margin:0 auto;color:#bcbcbc;font-size:15px;line-height:1.65}
.linkedin-proof-featured{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.linkedin-feature{border:1px solid rgba(255,255,255,.10);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 30px 80px rgba(0,0,0,.32)}
.linkedin-media-grid{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:16/10;background:#111;overflow:hidden}
.linkedin-media-grid img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);transition:transform .45s ease,filter .45s ease}
.linkedin-media-grid:hover img{transform:scale(1.025);filter:saturate(1.06)}
.linkedin-single-media{display:block;aspect-ratio:16/10;background:#111;overflow:hidden}
.linkedin-single-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.linkedin-single-media:hover img{transform:scale(1.025)}
.linkedin-feature-copy{padding:24px 26px 28px}
.linkedin-feature-copy>span{display:block;color:#d51f32;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.linkedin-feature-copy h3{font-size:clamp(24px,2.25vw,36px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}
.linkedin-feature-copy p{margin:0 0 18px;color:#bcbcbc;font-size:14px;line-height:1.65;max-width:64ch}
.linkedin-feature-copy>a{display:inline-flex;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}
.linkedin-link-row{max-width:1320px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.linkedin-link-row>a{min-height:130px;padding:22px 22px 20px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035);color:#fff;text-decoration:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:12px;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.linkedin-link-row>a:hover{transform:translateY(-4px);border-color:rgba(239,75,67,.6);background:rgba(239,75,67,.07)}
.linkedin-link-row span{grid-column:1/-1;color:#d51f32;font-size:10px;font-weight:800;letter-spacing:.14em}
.linkedin-link-row strong{font-size:17px;line-height:1.25;align-self:end}
.linkedin-link-row b{font-size:20px;align-self:end}
.service-proof-photo{display:block;margin:0 0 28px;text-decoration:none;color:inherit;border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.10);background:#111}
.service-proof-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.service-proof-photo span{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;background:#101010}
@media(max-width:900px){
  .linkedin-proof{padding:64px 18px 72px}
  .linkedin-proof-head{margin-bottom:28px;text-align:left}
  .linkedin-proof-head>p:last-child{margin-left:0}
  .linkedin-proof-featured{grid-template-columns:1fr}
  .linkedin-link-row{grid-template-columns:1fr}
  .linkedin-link-row>a{min-height:105px}
}
@media(max-width:520px){
  .linkedin-proof-head h2{font-size:36px}
  .linkedin-feature{border-radius:20px}
  .linkedin-feature-copy{padding:20px}
  .linkedin-media-grid{aspect-ratio:1/1}
  .linkedin-single-media{aspect-ratio:4/3}
}


/* Training Lab + Business Lab contextual hero imagery */
.page-training-refined .content-hero-media img,
.page-business-refined .content-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-training-refined .content-hero-media img{object-position:center center;}
.page-business-refined .content-hero-media img{object-position:center center;}
@media(max-width:900px){
  .page-training-refined .content-hero-media img,
  .page-business-refined .content-hero-media img{min-height:360px;object-fit:cover;}
}


/* ==========================================================
   PREMIUM MOBILE NAVIGATION — 2026-09 redesign
   ========================================================== */
@media (max-width:1180px){
  .menu-overlay.nav-v5-menu{
    --menu-pad:clamp(18px,5vw,28px);
    padding:0 var(--menu-pad) 24px !important;
    background:
      radial-gradient(circle at 92% 2%,rgba(213,31,50,.16),transparent 29%),
      radial-gradient(circle at 5% 92%,rgba(255,255,255,.045),transparent 26%),
      #080808 !important;
    color:#fff;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .menu-overlay.nav-v5-menu::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.44;
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to bottom,#000,transparent 72%);
  }
  .menu-overlay .menu-top{
    position:sticky;
    top:0;
    z-index:3;
    min-height:92px !important;
    padding:17px 0 13px !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    background:linear-gradient(#080808 72%,rgba(8,8,8,.82));
  }
  .menu-overlay .menu-top .brand-link{
    width:clamp(156px,42vw,205px) !important;
    height:46px !important;
    opacity:.98;
  }
  .menu-overlay .menu-top button{
    position:relative;
    display:grid;
    place-items:center;
    width:48px !important;
    height:48px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.055) !important;
    color:transparent !important;
    font-size:0 !important;
    transition:background .25s ease,transform .25s ease,border-color .25s ease;
  }
  .menu-overlay .menu-top button::before,
  .menu-overlay .menu-top button::after{
    content:"";
    position:absolute;
    width:18px;
    height:2px;
    border-radius:2px;
    background:#fff;
  }
  .menu-overlay .menu-top button::before{transform:rotate(45deg)}
  .menu-overlay .menu-top button::after{transform:rotate(-45deg)}
  .menu-overlay .menu-top button:active{transform:scale(.94)}

  .mobile-menu-intro{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:27px 0 13px;
  }
  .mobile-menu-intro span{
    font-size:9px;
    font-weight:800;
    letter-spacing:.24em;
    color:#d51f32;
  }
  .mobile-menu-intro p{
    margin:0;
    color:rgba(255,255,255,.52);
    font-size:11px;
    line-height:1.3;
    text-align:right;
  }
  .mobile-menu-list{
    position:relative;
    z-index:1;
    padding:0 !important;
  }
  .mobile-menu-list a{
    position:relative;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) 42px !important;
    align-items:center;
    gap:12px !important;
    min-height:72px !important;
    padding:13px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.11) !important;
    border-radius:0 !important;
    color:#fff;
    overflow:hidden;
    transition:padding .32s cubic-bezier(.16,1,.3,1),color .25s ease !important;
  }
  .mobile-menu-list a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:2px;
    height:0;
    border-radius:2px;
    background:#d51f32;
    transform:translateY(-50%);
    transition:height .28s ease;
  }
  .mobile-menu-list a.active{
    padding-left:14px !important;
  }
  .mobile-menu-list a.active::before{height:34px}
  .mobile-menu-list a span{
    align-self:start;
    padding-top:8px;
    font-size:9px !important;
    font-weight:700;
    letter-spacing:.1em;
    color:rgba(255,255,255,.32) !important;
  }
  .mobile-menu-list a.active span{color:#d51f32 !important}
  .mobile-menu-list b{
    font-size:clamp(24px,7.1vw,35px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    font-weight:650 !important;
    text-wrap:balance;
  }
  .mobile-menu-list a.active b{font-weight:760 !important}
  .mobile-menu-list i,
  .mobile-menu-cta i{
    position:relative;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.045);
    font-size:0 !important;
    color:transparent !important;
    transition:background .28s ease,border-color .28s ease,transform .3s cubic-bezier(.16,1,.3,1);
  }
  .mobile-menu-list i::before,
  .mobile-menu-cta i::before{
    content:"";
    width:9px;
    height:9px;
    border-top:1.5px solid #fff;
    border-right:1.5px solid #fff;
    transform:translate(-1px,1px) rotate(45deg);
  }
  .mobile-menu-list a.active i{
    background:#d51f32;
    border-color:#d51f32;
  }
  @media (hover:hover){
    .mobile-menu-list a:hover{padding-left:14px !important;background:transparent !important;transform:none !important}
    .mobile-menu-list a:hover::before{height:34px}
    .mobile-menu-list a:hover i{background:#d51f32;border-color:#d51f32;transform:rotate(-8deg) scale(1.06)}
  }

  .mobile-menu-footer{
    position:relative;
    z-index:1;
    padding:22px 0 4px;
  }
  .mobile-menu-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:60px;
    padding:8px 11px 8px 20px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:linear-gradient(105deg,rgba(213,31,50,.95),rgba(192,37,28,.95));
    box-shadow:0 18px 50px rgba(213,31,50,.14);
    color:#fff;
  }
  .mobile-menu-cta span{
    font-size:12px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  .mobile-menu-cta i{background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.26)}
  .mobile-menu-footer p{
    max-width:320px;
    margin:13px 2px 0;
    color:rgba(255,255,255,.35);
    font-size:9px;
    line-height:1.5;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
}
@media (max-width:430px){
  .menu-overlay.nav-v5-menu{--menu-pad:18px}
  .menu-overlay .menu-top{min-height:84px !important}
  .mobile-menu-intro{padding-top:22px}
  .mobile-menu-list a{min-height:66px !important;grid-template-columns:27px minmax(0,1fr) 38px !important}
  .mobile-menu-list b{font-size:clamp(22px,6.7vw,29px) !important}
  .mobile-menu-list i,.mobile-menu-cta i{width:34px;height:34px}
}


/* Footer brand — use exact Training Lab logo artwork, not typed text */
footer .footer-brand{
  display:flex;
  align-items:flex-start;
  min-width:0;
}
footer .footer-brand img{
  display:block;
  width:clamp(220px,31vw,520px);
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  footer .footer-brand img{width:min(78vw,360px);}
}
@media(max-width:520px){
  footer .footer-brand img{width:min(72vw,300px);}
}


/* ==========================================================
   PERFORMANCE + QUALITY HARDENING — 2026-09-02
   Preserve premium visuals while avoiding expensive paint work.
   ========================================================== */
/* Moving logo cards do not need backdrop blur; removing it dramatically
   reduces repaint cost while preserving the white premium card look. */
.client-logo-item,
.client-logo-item.logo-hsbc,
.client-logo-item.logo-mas,
.client-logo-item.logo-peoples,
.client-logo-item.logo-dialog,
.client-logo-item.logo-ndb,
.client-logo-item.logo-ntb,
.client-logo-item.logo-union,
.client-logo-item.logo-hnb,
.client-logo-item.logo-prima,
.client-logo-item.logo-boc{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  contain:layout paint style;
}
.client-marquee-track{transform:translateZ(0);}

/* Browser may skip layout/paint for deep content until it nears viewport. */
@supports (content-visibility:auto){
  .content-flow > .story-section,
  .tr-impact-cards,
  .tr-brand-split,
  .tr-final-cta,
  .linkedin-proof-section{
    content-visibility:auto;
    contain-intrinsic-size:auto 720px;
  }
}

/* Adaptive lightweight mode is automatically enabled by JS for touch,
   Save-Data, <=4GB/device cores and <=900px viewports. */
html.perf-lite .liquid-ambient,
html.perf-lite .home-motion-orb,
html.perf-lite .tr-story-dark::before{
  display:none !important;
}
html.perf-lite .kinetic-line > div{
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}
html.perf-lite .reveal,
html.perf-lite .reveal.visible,
html.perf-lite .motion-in{
  filter:none !important;
  transform:none !important;
  transition:opacity .28s ease !important;
  will-change:auto !important;
}
html.perf-lite .site-nav.nav-v5,
html.perf-lite .menu-button,
html.perf-lite .menu-overlay.nav-v5-menu,
html.perf-lite .tr-next-card,
html.perf-lite .tr-hero-copy .tr-kicker,
html.perf-lite .tr-pillar-tabs a,
html.perf-lite .tr-pillar-caption,
html.perf-lite .tr-story-content,
html.perf-lite .tr-cinematic-copy,
html.perf-lite .tr-cinematic-reviewers,
html.perf-lite .tr-cinematic-controls,
html.perf-lite .tr-final-copy,
html.perf-lite .smart-form,
html.perf-lite .doc-question-card,
html.perf-lite .doc-language-chips span{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html.perf-lite .site-nav.nav-v5{background:rgba(16,16,16,.96) !important;}
html.perf-lite .menu-overlay.nav-v5-menu{background:#070707 !important;}
html.perf-lite .client-logo-item{box-shadow:0 8px 22px rgba(25,20,16,.055) !important;}

@media (max-width:900px){
  /* Transform-only marquee remains smooth; remove expensive layered effects. */
  .client-marquee-track{animation-duration:54s !important;}
  .client-logo-item{box-shadow:0 6px 18px rgba(20,18,16,.05) !important;}
  .tr-cinematic-copy,
  .tr-cinematic-reviewers,
  .tr-final-copy{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}


/* Mobile hero CTA position refinement — move CTA group lower */
@media (max-width:760px){
  .page-home-refined .doc-home-hero .doc-hero-actions{
    margin-top:42px !important;
    position:relative !important;
    z-index:4 !important;
  }
}
@media (max-width:430px){
  .page-home-refined .doc-home-hero .doc-hero-actions{
    margin-top:48px !important;
  }
}
@media (max-width:390px){
  .page-home-refined .doc-home-hero .doc-hero-actions{
    margin-top:54px !important;
  }
}


/* ==========================================================
   IMPACT PAGE MOBILE HERO — copy inside the bordered artwork
   ========================================================== */
@media (max-width:760px){
  .page-impact-refined .content-page{
    background:#050505 !important;
  }
  .page-impact-refined .content-hero{
    position:relative !important;
    display:block !important;
    width:calc(100% - 28px) !important;
    max-width:520px !important;
    aspect-ratio:941 / 1672 !important;
    min-height:0 !important;
    margin:22px auto 18px !important;
    padding:0 !important;
    border:1.25px solid rgba(255,255,255,.82) !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:#070504 !important;
    color:#fff !important;
  }
  .page-impact-refined .content-hero::before{
    display:none !important;
  }
  .page-impact-refined .content-hero-media{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#070504 !important;
    box-shadow:none !important;
  }
  .page-impact-refined .content-hero-media::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    background:linear-gradient(180deg,rgba(4,3,3,.78) 0%,rgba(4,3,3,.42) 27%,rgba(4,3,3,.06) 48%,transparent 64%) !important;
    pointer-events:none !important;
  }
  .page-impact-refined .content-hero-media img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
  }
  .page-impact-refined .content-hero-media>span{
    display:none !important;
  }
  .page-impact-refined .content-hero-copy{
    position:absolute !important;
    z-index:4 !important;
    top:24px !important;
    left:22px !important;
    right:22px !important;
    width:auto !important;
    max-width:360px !important;
    padding:0 !important;
    margin:0 !important;
    align-self:auto !important;
    overflow:visible !important;
  }
  .page-impact-refined .content-hero-copy .eyebrow{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 0 14px !important;
    padding:7px 10px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:999px !important;
    background:rgba(8,8,8,.28) !important;
    color:#f4f1ec !important;
    font-size:7.5px !important;
    line-height:1 !important;
    letter-spacing:.16em !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .page-impact-refined .content-hero-copy .eyebrow::before{
    width:22px !important;
  }
  .page-impact-refined .content-hero-copy h1{
    width:100% !important;
    max-width:330px !important;
    margin:0 0 12px !important;
    padding:0 0 .08em !important;
    color:#fff !important;
    font-size:clamp(28px,7.8vw,35px) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    text-wrap:pretty !important;
    text-shadow:0 2px 16px rgba(0,0,0,.26) !important;
  }
  .page-impact-refined .content-hero-copy>p:not(.eyebrow){
    max-width:335px !important;
    margin:8px 0 0 !important;
    color:rgba(255,255,255,.78) !important;
    font-size:10.5px !important;
    line-height:1.48 !important;
    text-shadow:0 1px 10px rgba(0,0,0,.28) !important;
  }
  .page-impact-refined .content-hero-copy>p:nth-of-type(3){
    max-width:340px !important;
    color:rgba(255,255,255,.68) !important;
    font-size:9.6px !important;
    line-height:1.5 !important;
  }
  .page-impact-refined .kinetic-line{
    margin-top:0 !important;
  }
}
@media (max-width:390px){
  .page-impact-refined .content-hero{
    width:calc(100% - 22px) !important;
    border-radius:24px !important;
  }
  .page-impact-refined .content-hero-copy{
    top:20px !important;
    left:18px !important;
    right:18px !important;
  }
  .page-impact-refined .content-hero-copy h1{
    max-width:305px !important;
    font-size:clamp(27px,7.7vw,32px) !important;
  }
  .page-impact-refined .content-hero-copy>p:not(.eyebrow){
    font-size:9.8px !important;
  }
  .page-impact-refined .content-hero-copy>p:nth-of-type(3){
    font-size:9px !important;
  }
}


/* ==========================================================
   SHIVALATHA SIGNATURE BRAND UPDATE — 2026-09-06
   Replace the Training Lab typed mark with the supplied signature logo
   and use a refined sign-on opening animation on the homepage.
   ========================================================== */
:root{
  --brand-logo-desktop-w:248px;
  --brand-logo-desktop-h:56px;
  --brand-logo-tablet-w:212px;
  --brand-logo-tablet-h:50px;
  --brand-logo-mobile-w:190px;
  --brand-logo-mobile-h:48px;
}
.site-nav.nav-v5{grid-template-columns:280px 1fr 150px;}
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5{grid-template-columns:280px 1fr 150px;}
.brand-link,
.tr-home .brand-link,
.page-internal .brand-link{
  width:var(--brand-logo-desktop-w);
  height:var(--brand-logo-desktop-h);
  overflow:visible;
}
.brand-link-logo,
.brand-link-logo img,
.tr-home .brand-link img,
.page-internal .brand-link img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.brand-link-logo--signature img{
  content:url('../images/shivalatha-signature-transparent-v8.png');
}
footer .footer-brand img{
  width:clamp(250px,36vw,620px);
}
@media(max-width:1240px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5{grid-template-columns:240px auto !important;}
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .brand-link-logo img{width:var(--brand-logo-tablet-w) !important;height:var(--brand-logo-tablet-h) !important;max-width:var(--brand-logo-tablet-w) !important;}
}
@media(max-width:900px){
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link{width:var(--brand-logo-mobile-w) !important;height:var(--brand-logo-mobile-h) !important;}
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img{width:var(--brand-logo-mobile-w) !important;max-width:var(--brand-logo-mobile-w) !important;height:var(--brand-logo-mobile-h) !important;}
  .menu-overlay .menu-top .brand-link{width:var(--brand-logo-mobile-w) !important;height:var(--brand-logo-mobile-h) !important;}
  footer .footer-brand img{width:min(84vw,390px);}
}
@media(max-width:600px){
  :root{--brand-logo-mobile-w:176px;--brand-logo-mobile-h:44px;}
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img{width:var(--brand-logo-mobile-w) !important;max-width:var(--brand-logo-mobile-w) !important;height:var(--brand-logo-mobile-h) !important;}
  .menu-overlay .menu-top .brand-link{width:var(--brand-logo-mobile-w) !important;height:var(--brand-logo-mobile-h) !important;}
}

body.tl-intro-pending{overflow:hidden;}
.tl-sign-intro{
  position:fixed;
  inset:0;
  z-index:260;
  display:grid;
  place-items:center;
  padding:24px;
  background:radial-gradient(circle at 50% 55%,rgba(213,31,50,.12),transparent 30%), #050505;
  animation:tlSignIntroOut .72s cubic-bezier(.22,1,.36,1) 3.55s forwards;
}
.tl-sign-intro__ambient{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 29% 52%,rgba(213,31,50,.14),transparent 18%),
    radial-gradient(circle at 68% 45%,rgba(255,255,255,.05),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%);
  filter:blur(6px);
}
.tl-sign-logo{
  position:relative;
  z-index:1;
  width:min(86vw,1120px);
}
.tl-sign-logo__row{
  display:flex;
  align-items:center;
  gap:clamp(16px,2vw,28px);
}
.tl-sign-logo__monogram{
  width:clamp(74px,9vw,128px);
  height:auto;
  flex:none;
  opacity:0;
  transform:translateY(14px) scale(.94);
  filter:drop-shadow(0 18px 28px rgba(213,31,50,.18));
  animation:tlSignMonogramIn .55s cubic-bezier(.22,1,.36,1) .08s forwards;
}
.tl-sign-logo__signature-mask{
  position:relative;
  flex:1;
  max-width:100%;
  width:0;
  overflow:hidden;
  padding-right:26px;
  animation:tlSignReveal 1.85s cubic-bezier(.22,1,.36,1) .42s forwards;
}
.tl-sign-logo__signature{
  display:block;
  width:100%;
  max-width:920px;
  min-width:320px;
  height:auto;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.24));
}
.tl-sign-logo__pen{
  position:absolute;
  top:52%;
  left:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,#e85a68 68%,#d51f32);
  box-shadow:0 0 0 5px rgba(255,255,255,.1),0 0 24px rgba(213,31,50,.38);
  transform:translate(-55%,-50%);
  opacity:0;
  animation:tlSignPen 1.85s cubic-bezier(.22,1,.36,1) .42s forwards;
}
.tl-sign-logo__pen::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:38px;
  height:1.5px;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,0));
  transform:translate(-10%, -50%);
}
@keyframes tlSignMonogramIn{
  from{opacity:0;transform:translateY(14px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes tlSignReveal{
  0%{width:0;opacity:0}
  10%{opacity:1}
  100%{width:100%;opacity:1}
}
@keyframes tlSignPen{
  0%{left:0;opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{left:calc(100% - 18px);opacity:0}
}
@keyframes tlSignIntroOut{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden}
}
@media(max-width:900px){
  .tl-sign-logo{width:min(92vw,760px);}
  .tl-sign-logo__row{gap:14px;align-items:center;}
  .tl-sign-logo__monogram{width:clamp(62px,16vw,92px);}
  .tl-sign-logo__signature{min-width:220px;max-width:none;}
  .tl-sign-logo__pen{width:12px;height:12px;}
}
@media(max-width:600px){
  .tl-sign-logo{width:min(94vw,540px);}
  .tl-sign-logo__row{gap:12px;align-items:flex-start;}
  .tl-sign-logo__monogram{width:56px;margin-top:6px;}
  .tl-sign-logo__signature-mask{padding-right:18px;}
  .tl-sign-logo__signature{min-width:180px;}
}
@media(prefers-reduced-motion:reduce){
  .tl-sign-intro{animation:tlSignIntroOutLite .34s ease 1.05s forwards;}
  .tl-sign-logo__monogram,
  .tl-sign-logo__signature-mask{opacity:1;transform:none;animation:none;width:100%;}
  .tl-sign-logo__pen{display:none;}
}
html.perf-lite .tl-sign-intro{
  animation:tlSignIntroOutLite .42s ease 1.7s forwards;
}
html.perf-lite .tl-sign-intro__ambient{filter:none;}
html.perf-lite .tl-sign-logo__monogram{
  animation:tlSignMonogramIn .36s ease .04s forwards;
}
html.perf-lite .tl-sign-logo__signature-mask{
  animation:tlSignReveal 1.1s ease .25s forwards;
}
html.perf-lite .tl-sign-logo__pen{
  animation:tlSignPen 1.05s linear .25s forwards;
}
@keyframes tlSignIntroOutLite{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden}
}


/* ==========================================================
   Signature intro refinement — animate Shivalatha Sivasundaram
   from the first letter like a live signature.
   ========================================================== */
.tl-sign-intro{
  animation:tlSignIntroOut .72s cubic-bezier(.22,1,.36,1) 4.18s forwards !important;
}
.tl-sign-logo{
  width:min(88vw,1140px) !important;
}
.tl-sign-logo__row{
  align-items:center !important;
  gap:clamp(18px,2.2vw,30px) !important;
}
.tl-sign-logo__monogram{
  opacity:0 !important;
  transform:translateY(10px) scale(.96) !important;
  animation:tlSignMonogramAfter .42s cubic-bezier(.22,1,.36,1) 2.3s forwards !important;
}
.tl-sign-logo__signature-mask{
  width:0;
  opacity:1 !important;
  overflow:hidden;
  padding-right:24px !important;
  animation:tlSignatureWriteReveal 2.2s cubic-bezier(.16,.84,.18,1) .2s forwards !important;
}
.tl-sign-logo__signature{
  opacity:1 !important;
  transform:none !important;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.24));
}
.tl-sign-logo__signature-mask::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.85),rgba(255,255,255,.2));
  box-shadow:0 0 20px rgba(255,255,255,.18),0 0 34px rgba(213,31,50,.22);
  opacity:0;
  animation:tlSignatureEdge 2.2s linear .2s forwards;
}
.tl-sign-logo__pen{
  width:16px !important;
  height:16px !important;
  opacity:0;
  top:58% !important;
  left:0;
  animation:tlSignaturePen 2.2s linear .2s forwards !important;
}
.tl-sign-logo__pen::before{
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  width:20px;
  height:20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 68%);
  transform:translateY(-50%);
}
.tl-sign-logo__pen::after{
  width:46px !important;
  height:2px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,171,160,.5),rgba(255,255,255,0)) !important;
}
@keyframes tlSignatureWriteReveal{
  0%{width:0;opacity:1}
  100%{width:100%;opacity:1}
}
@keyframes tlSignatureEdge{
  0%{opacity:0;transform:translateX(0)}
  6%{opacity:1}
  94%{opacity:1}
  100%{opacity:0;transform:translateX(calc(100% - 2px))}
}
@keyframes tlSignaturePen{
  0%{left:0;opacity:0;transform:translate(-55%,-50%) scale(.82)}
  6%{opacity:1}
  85%{opacity:1}
  100%{left:calc(100% - 14px);opacity:0;transform:translate(-55%,-50%) scale(1.02)}
}
@keyframes tlSignMonogramAfter{
  from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
html.perf-lite .tl-sign-intro{
  animation:tlSignIntroOutLite .42s ease 2.9s forwards !important;
}
html.perf-lite .tl-sign-logo__monogram{
  animation:tlSignMonogramAfter .28s ease 1.6s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-mask{
  animation:tlSignatureWriteReveal 1.45s ease .12s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-mask::before{
  animation:tlSignatureEdge 1.45s linear .12s forwards !important;
}
html.perf-lite .tl-sign-logo__pen{
  animation:tlSignaturePen 1.45s linear .12s forwards !important;
}
@media(max-width:900px){
  .tl-sign-logo{width:min(92vw,780px) !important;}
  .tl-sign-logo__pen{top:60% !important;width:14px !important;height:14px !important;}
}
@media(max-width:600px){
  .tl-sign-intro{padding:18px !important;}
  .tl-sign-logo{width:min(94vw,560px) !important;}
  .tl-sign-logo__row{gap:12px !important;align-items:flex-start !important;}
  .tl-sign-logo__monogram{width:56px !important;margin-top:8px !important;}
  .tl-sign-logo__signature-mask{padding-right:18px !important;}
  .tl-sign-logo__signature{min-width:180px !important;}
  .tl-sign-logo__pen{top:55% !important;width:13px !important;height:13px !important;}
}
@media(prefers-reduced-motion:reduce){
  .tl-sign-intro{animation:tlSignIntroOutLite .34s ease 1.15s forwards !important;}
  .tl-sign-logo__monogram,
  .tl-sign-logo__signature-mask{opacity:1 !important;transform:none !important;animation:none !important;width:100% !important;}
  .tl-sign-logo__signature-mask::before,
  .tl-sign-logo__pen{display:none !important;}
}


/* ==========================================================
   TRUE SIGNATURE START ANIMATION — final reliability lock
   The previous version animated container width, which scaled the raster.
   This version keeps the signature at full size and reveals it with two
   left-to-right clips: Shivalatha first, Sivasundaram second.
   ========================================================== */
.tl-sign-intro.tl-sign-intro--handwritten{
  display:grid !important;
  place-items:center !important;
  animation:tlSignIntroOut .68s cubic-bezier(.22,1,.36,1) 4.65s forwards !important;
}
.tl-sign-logo.tl-sign-logo--handwritten{
  width:min(90vw,1180px) !important;
}
.tl-sign-logo--handwritten .tl-sign-logo__row{
  --mono-w:clamp(76px,9.4vw,132px);
  display:grid !important;
  grid-template-columns:var(--mono-w) minmax(0,1fr) !important;
  align-items:center !important;
  gap:clamp(18px,2vw,30px) !important;
  width:100% !important;
}
.tl-sign-logo--handwritten .tl-sign-logo__monogram{
  display:block !important;
  width:var(--mono-w) !important;
  height:auto !important;
  opacity:0 !important;
  transform:translateY(10px) scale(.94) !important;
  animation:tlMonogramLockIn .45s cubic-bezier(.22,1,.36,1) 3.55s forwards !important;
}
.tl-sign-logo__signature-stage{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1606 / 631 !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.tl-sign-logo__signature-line{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  transform:none !important;
  will-change:clip-path !important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.20));
}
/* Upper signature line: Shivalatha */
.tl-sign-logo__signature-line--top{
  -webkit-clip-path:inset(0 100% 48% 0);
  clip-path:inset(0 100% 48% 0);
  animation:tlWriteTopLine 1.72s cubic-bezier(.21,.73,.22,1) .18s forwards !important;
}
/* Lower signature line: Sivasundaram */
.tl-sign-logo__signature-line--bottom{
  -webkit-clip-path:inset(46% 100% 0 0);
  clip-path:inset(46% 100% 0 0);
  animation:tlWriteBottomLine 1.72s cubic-bezier(.21,.73,.22,1) 1.83s forwards !important;
}
.tl-sign-logo--handwritten .tl-sign-logo__pen{
  position:absolute !important;
  z-index:3 !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 35%,#fff 0 22%,#ffd3ce 25%,#d51f32 58%,#d51f32 100%) !important;
  box-shadow:0 0 0 5px rgba(255,255,255,.06),0 0 22px rgba(213,31,50,.42) !important;
  opacity:0;
  pointer-events:none;
}
.tl-sign-logo--handwritten .tl-sign-logo__pen::after{
  content:"" !important;
  position:absolute !important;
  left:-32px !important;
  top:50% !important;
  width:34px !important;
  height:1.5px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55)) !important;
}
.tl-sign-logo__pen--top{
  top:27% !important;
  left:0;
  animation:tlPenTop 1.72s linear .18s forwards !important;
}
.tl-sign-logo__pen--bottom{
  top:72% !important;
  left:0;
  animation:tlPenBottom 1.72s linear 1.83s forwards !important;
}
@keyframes tlWriteTopLine{
  from{-webkit-clip-path:inset(0 100% 48% 0);clip-path:inset(0 100% 48% 0)}
  to{-webkit-clip-path:inset(0 0 48% 0);clip-path:inset(0 0 48% 0)}
}
@keyframes tlWriteBottomLine{
  from{-webkit-clip-path:inset(46% 100% 0 0);clip-path:inset(46% 100% 0 0)}
  to{-webkit-clip-path:inset(46% 0 0 0);clip-path:inset(46% 0 0 0)}
}
@keyframes tlPenTop{
  0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.75)}
  5%{opacity:1}
  94%{opacity:1}
  100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(1)}
}
@keyframes tlPenBottom{
  0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.75)}
  5%{opacity:1}
  94%{opacity:1}
  100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(1)}
}
@keyframes tlMonogramLockIn{
  from{opacity:0;transform:translateY(10px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
/* Keep both completed lines visible after their reveals finish. */
.tl-sign-logo--handwritten::after{
  content:"";
  position:absolute;
  inset:-8% -5%;
  z-index:-1;
  background:radial-gradient(circle at 58% 48%,rgba(255,255,255,.025),transparent 50%);
  pointer-events:none;
}
@media(max-width:900px){
  .tl-sign-logo.tl-sign-logo--handwritten{width:min(94vw,780px) !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__row{--mono-w:clamp(60px,14vw,90px);gap:12px !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__pen{width:12px !important;height:12px !important;}
}
@media(max-width:560px){
  .tl-sign-logo.tl-sign-logo--handwritten{width:94vw !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__row{--mono-w:54px;gap:9px !important;}
  .tl-sign-logo__signature-stage{min-width:0 !important;}
}
/* perf-lite still shows the writing action; just faster and with no expensive glow. */
html.perf-lite .tl-sign-intro.tl-sign-intro--handwritten{
  animation:tlSignIntroOutLite .38s ease 3.42s forwards !important;
}
html.perf-lite .tl-sign-intro--handwritten .tl-sign-intro__ambient{filter:none !important;}
html.perf-lite .tl-sign-logo__signature-line--top{
  animation-duration:1.25s !important;
  animation-delay:.10s !important;
}
html.perf-lite .tl-sign-logo__signature-line--bottom{
  animation-duration:1.25s !important;
  animation-delay:1.28s !important;
}
html.perf-lite .tl-sign-logo__pen--top{
  animation-duration:1.25s !important;
  animation-delay:.10s !important;
}
html.perf-lite .tl-sign-logo__pen--bottom{
  animation-duration:1.25s !important;
  animation-delay:1.28s !important;
}
html.perf-lite .tl-sign-logo--handwritten .tl-sign-logo__monogram{
  animation-duration:.3s !important;
  animation-delay:2.62s !important;
}
@media(prefers-reduced-motion:reduce){
  .tl-sign-intro.tl-sign-intro--handwritten{animation:tlSignIntroOutLite .3s ease 1.05s forwards !important;}
  .tl-sign-logo__signature-line--top{-webkit-clip-path:inset(0 0 48% 0) !important;clip-path:inset(0 0 48% 0) !important;animation:none !important;}
  .tl-sign-logo__signature-line--bottom{-webkit-clip-path:inset(46% 0 0 0) !important;clip-path:inset(46% 0 0 0) !important;animation:none !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__monogram{opacity:1 !important;transform:none !important;animation:none !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__pen{display:none !important;}
}


/* ==========================================================
   ELEGANT SIGNATURE INTRO — premium final override
   Quiet ink reveal, soft monogram arrival, clean hold + dissolve.
   ========================================================== */
.tl-sign-intro.tl-sign-intro--handwritten{
  display:grid !important;
  place-items:center !important;
  padding:clamp(22px,4vw,54px) !important;
  background:
    radial-gradient(circle at 51% 49%,rgba(213,31,50,.075) 0%,rgba(213,31,50,.018) 24%,transparent 48%),
    linear-gradient(180deg,#080808 0%,#030303 100%) !important;
  animation:tlElegantIntroOut .72s cubic-bezier(.22,1,.36,1) 3.82s forwards !important;
}
.tl-sign-intro--handwritten .tl-sign-intro__ambient{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:.42 !important;
  filter:none !important;
  background:
    radial-gradient(ellipse at 46% 52%,rgba(255,255,255,.025),transparent 44%),
    radial-gradient(ellipse at 30% 55%,rgba(213,31,50,.055),transparent 32%) !important;
  animation:tlElegantAmbient 4.1s ease-out both !important;
}
.tl-sign-logo.tl-sign-logo--handwritten{
  width:min(82vw,980px) !important;
  max-width:980px !important;
  transform:translateY(-1vh) !important;
}
.tl-sign-logo--handwritten .tl-sign-logo__row{
  --mono-w:clamp(70px,8.2vw,112px);
  display:grid !important;
  grid-template-columns:var(--mono-w) minmax(0,1fr) !important;
  align-items:center !important;
  gap:clamp(20px,2.4vw,34px) !important;
  width:100% !important;
}
.tl-sign-logo--handwritten .tl-sign-logo__monogram{
  display:block !important;
  width:var(--mono-w) !important;
  height:auto !important;
  opacity:0 !important;
  transform:translateY(6px) scale(.985) !important;
  filter:drop-shadow(0 12px 30px rgba(213,31,50,.12)) !important;
  animation:tlElegantMonogram .56s cubic-bezier(.22,1,.36,1) 2.72s forwards !important;
}
.tl-sign-logo__signature-stage{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1606 / 631 !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.tl-sign-logo__signature-line{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  transform:none !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.18)) !important;
  will-change:clip-path,opacity !important;
}
/* A feathered ink edge travels with each reveal. */
.tl-sign-logo__signature-stage::before,
.tl-sign-logo__signature-stage::after{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  width:44px;
  height:38%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075) 54%,transparent);
  filter:blur(5px);
}
.tl-sign-logo__signature-stage::before{
  top:4%;
  animation:tlElegantInkEdgeTop 1.38s cubic-bezier(.2,.72,.2,1) .24s forwards;
}
.tl-sign-logo__signature-stage::after{
  top:51%;
  animation:tlElegantInkEdgeBottom 1.38s cubic-bezier(.2,.72,.2,1) 1.42s forwards;
}
.tl-sign-logo__signature-line--top{
  -webkit-clip-path:inset(0 100% 48% 0) !important;
  clip-path:inset(0 100% 48% 0) !important;
  animation:tlElegantWriteTop 1.38s cubic-bezier(.2,.72,.2,1) .24s forwards !important;
}
.tl-sign-logo__signature-line--bottom{
  -webkit-clip-path:inset(46% 100% 0 0) !important;
  clip-path:inset(46% 100% 0 0) !important;
  animation:tlElegantWriteBottom 1.38s cubic-bezier(.2,.72,.2,1) 1.42s forwards !important;
}
/* Hide legacy cursor effects even if older markup survives cache. */
.tl-sign-logo--handwritten .tl-sign-logo__pen{display:none !important;}

@keyframes tlElegantWriteTop{
  0%{-webkit-clip-path:inset(0 100% 48% 0);clip-path:inset(0 100% 48% 0);opacity:.55}
  8%{opacity:1}
  100%{-webkit-clip-path:inset(0 0 48% 0);clip-path:inset(0 0 48% 0);opacity:1}
}
@keyframes tlElegantWriteBottom{
  0%{-webkit-clip-path:inset(46% 100% 0 0);clip-path:inset(46% 100% 0 0);opacity:.55}
  8%{opacity:1}
  100%{-webkit-clip-path:inset(46% 0 0 0);clip-path:inset(46% 0 0 0);opacity:1}
}
@keyframes tlElegantInkEdgeTop{
  0%{left:-18px;opacity:0}
  12%{opacity:.7}
  88%{opacity:.35}
  100%{left:calc(100% - 26px);opacity:0}
}
@keyframes tlElegantInkEdgeBottom{
  0%{left:-18px;opacity:0}
  12%{opacity:.7}
  88%{opacity:.35}
  100%{left:calc(100% - 26px);opacity:0}
}
@keyframes tlElegantMonogram{
  0%{opacity:0;transform:translateY(6px) scale(.985)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes tlElegantAmbient{
  0%{opacity:.18;transform:scale(.97)}
  60%{opacity:.42}
  100%{opacity:.22;transform:scale(1.025)}
}
@keyframes tlElegantIntroOut{
  0%{opacity:1;visibility:visible;transform:scale(1)}
  100%{opacity:0;visibility:hidden;transform:scale(1.008)}
}

/* Mobile: keep it elegant, readable and comfortably sized. */
@media(max-width:900px){
  .tl-sign-logo.tl-sign-logo--handwritten{width:min(89vw,720px) !important;transform:translateY(-2vh) !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__row{--mono-w:clamp(54px,13vw,82px);gap:14px !important;}
}
@media(max-width:560px){
  .tl-sign-intro.tl-sign-intro--handwritten{padding:18px !important;}
  .tl-sign-logo.tl-sign-logo--handwritten{width:91vw !important;transform:translateY(-3vh) !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__row{--mono-w:50px;gap:11px !important;align-items:center !important;}
  .tl-sign-logo__signature-stage{min-width:0 !important;}
}

/* Low-power devices still get the same design, only slightly faster. */
html.perf-lite .tl-sign-intro.tl-sign-intro--handwritten{
  animation:tlElegantIntroOut .46s ease 3.18s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-line--top{
  animation:tlElegantWriteTop 1.05s ease .16s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-line--bottom{
  animation:tlElegantWriteBottom 1.05s ease 1.08s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-stage::before{
  animation:tlElegantInkEdgeTop 1.05s ease .16s forwards !important;
}
html.perf-lite .tl-sign-logo__signature-stage::after{
  animation:tlElegantInkEdgeBottom 1.05s ease 1.08s forwards !important;
}
html.perf-lite .tl-sign-logo--handwritten .tl-sign-logo__monogram{
  animation:tlElegantMonogram .4s ease 2.12s forwards !important;
}

@media(prefers-reduced-motion:reduce){
  .tl-sign-intro.tl-sign-intro--handwritten{animation:tlSignIntroOutLite .3s ease 1.05s forwards !important;}
  .tl-sign-logo__signature-line--top{-webkit-clip-path:inset(0 0 48% 0) !important;clip-path:inset(0 0 48% 0) !important;animation:none !important;}
  .tl-sign-logo__signature-line--bottom{-webkit-clip-path:inset(46% 0 0 0) !important;clip-path:inset(46% 0 0 0) !important;animation:none !important;}
  .tl-sign-logo--handwritten .tl-sign-logo__monogram{opacity:1 !important;transform:none !important;animation:none !important;}
  .tl-sign-logo__signature-stage::before,.tl-sign-logo__signature-stage::after{display:none !important;}
}


/* ==========================================================
   SIGNATURE OPENING V2 — clean, premium and fail-safe
   Hidden by default: if JS fails, the website remains visible.
   ========================================================== */
.sig-intro-v2{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  place-items:center;
  padding:clamp(20px,4vw,54px);
  overflow:hidden;
  background:
    radial-gradient(circle at 48% 50%,rgba(213,31,50,.085),transparent 31%),
    linear-gradient(180deg,#070707,#020202);
  color:#fff;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.sig-intro-v2.is-active{
  display:grid;
  animation:sigV2Exit .58s cubic-bezier(.22,1,.36,1) 3.22s forwards;
}
.sig-intro-v2__glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 58% 48%,rgba(255,255,255,.034),transparent 43%),
    radial-gradient(ellipse at 25% 54%,rgba(213,31,50,.05),transparent 30%);
  opacity:.7;
}
.sig-intro-v2__logo{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:clamp(70px,8.2vw,112px) minmax(0,1fr);
  align-items:center;
  gap:clamp(18px,2.4vw,34px);
  width:min(84vw,980px);
}
.sig-intro-v2__mark{
  display:block;
  width:100%;
  height:auto;
  opacity:0;
  transform:translateY(7px) scale(.97);
  filter:drop-shadow(0 14px 30px rgba(213,31,50,.13));
}
.sig-intro-v2.is-active .sig-intro-v2__mark{
  animation:sigV2Mark .5s cubic-bezier(.22,1,.36,1) 2.28s forwards;
}
.sig-intro-v2__write{
  position:relative;
  min-width:0;
  overflow:hidden;
}
.sig-intro-v2__signature{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.18));
}
/* A dark cover retracts to the right, so the signature is revealed from
   the first S without resizing or distorting the artwork. */
.sig-intro-v2__write::after{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:2;
  background:#040404;
  transform:scaleX(1);
  transform-origin:right center;
  will-change:transform;
}
.sig-intro-v2.is-active .sig-intro-v2__write::after{
  animation:sigV2Write 2.05s cubic-bezier(.16,.76,.18,1) .18s forwards;
}
.sig-intro-v2__write::before{
  content:"";
  position:absolute;
  z-index:3;
  top:8%;
  bottom:8%;
  left:0;
  width:32px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
  filter:blur(4px);
}
.sig-intro-v2.is-active .sig-intro-v2__write::before{
  animation:sigV2InkEdge 2.05s linear .18s forwards;
}
@keyframes sigV2Write{
  from{transform:scaleX(1)}
  to{transform:scaleX(0)}
}
@keyframes sigV2InkEdge{
  0%{left:-20px;opacity:0}
  10%{opacity:.55}
  88%{opacity:.3}
  100%{left:calc(100% - 18px);opacity:0}
}
@keyframes sigV2Mark{
  from{opacity:0;transform:translateY(7px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes sigV2Exit{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:900px){
  .sig-intro-v2__logo{
    width:min(91vw,720px);
    grid-template-columns:clamp(54px,13vw,82px) minmax(0,1fr);
    gap:14px;
  }
}
@media(max-width:560px){
  .sig-intro-v2{padding:18px}
  .sig-intro-v2__logo{
    width:92vw;
    grid-template-columns:50px minmax(0,1fr);
    gap:11px;
  }
}
html.perf-lite .sig-intro-v2.is-active{
  animation:sigV2Exit .42s ease 2.72s forwards;
}
html.perf-lite .sig-intro-v2.is-active .sig-intro-v2__write::after{
  animation-duration:1.58s;
  animation-delay:.12s;
}
html.perf-lite .sig-intro-v2.is-active .sig-intro-v2__write::before{
  animation-duration:1.58s;
  animation-delay:.12s;
}
html.perf-lite .sig-intro-v2.is-active .sig-intro-v2__mark{
  animation-duration:.35s;
  animation-delay:1.78s;
}
@media(prefers-reduced-motion:reduce){
  .sig-intro-v2.is-active{animation:sigV2Exit .28s ease .9s forwards}
  .sig-intro-v2__write::after{display:none}
  .sig-intro-v2__write::before{display:none}
  .sig-intro-v2__mark{opacity:1;transform:none}
}


/* ==========================================================
   EXACT ORIGINAL SHIVALATHA LOGO — clean presentation lock
   Uses the user's original mark/signature artwork, not AI redrawing.
   ========================================================== */
:root{
  --shivi-logo-desktop-w:292px;
  --shivi-logo-desktop-h:64px;
  --shivi-logo-tablet-w:248px;
  --shivi-logo-tablet-h:56px;
  --shivi-logo-mobile-w:218px;
  --shivi-logo-mobile-h:54px;
}
.brand-link-logo--signature,
.brand-link-logo--signature img,
.site-nav.nav-v5 .brand-link-logo--signature,
.site-nav.nav-v5 .brand-link-logo--signature img{
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  transform:none !important;
  image-rendering:auto !important;
}
.brand-link-logo--signature img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
}
@media(min-width:1241px){
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5{
    grid-template-columns:320px 1fr 150px !important;
  }
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link{
    width:var(--shivi-logo-desktop-w) !important;
    height:var(--shivi-logo-desktop-h) !important;
    overflow:visible !important;
  }
  .brand-link-logo--signature,
  .brand-link-logo--signature img{
    width:var(--shivi-logo-desktop-w) !important;
    max-width:var(--shivi-logo-desktop-w) !important;
    height:var(--shivi-logo-desktop-h) !important;
  }
}
@media(min-width:901px) and (max-width:1240px){
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link{
    width:var(--shivi-logo-tablet-w) !important;
    height:var(--shivi-logo-tablet-h) !important;
  }
  .brand-link-logo--signature,
  .brand-link-logo--signature img{
    width:var(--shivi-logo-tablet-w) !important;
    max-width:var(--shivi-logo-tablet-w) !important;
    height:var(--shivi-logo-tablet-h) !important;
  }
}
@media(max-width:900px){
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link{
    width:var(--shivi-logo-mobile-w) !important;
    height:var(--shivi-logo-mobile-h) !important;
  }
  .site-nav.nav-v5 .brand-link-logo--signature,
  .site-nav.nav-v5 .brand-link-logo--signature img,
  .menu-overlay .brand-link-logo--signature,
  .menu-overlay .brand-link-logo--signature img{
    width:var(--shivi-logo-mobile-w) !important;
    max-width:var(--shivi-logo-mobile-w) !important;
    height:var(--shivi-logo-mobile-h) !important;
  }
}
@media(max-width:430px){
  :root{--shivi-logo-mobile-w:198px;--shivi-logo-mobile-h:50px;}
}
footer .footer-brand img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  width:clamp(300px,38vw,560px) !important;
  height:auto !important;
  max-width:100% !important;
  filter:none !important;
  image-rendering:auto !important;
}
@media(max-width:600px){
  footer .footer-brand img{width:min(86vw,390px) !important;}
}
/* exact intro assets */
.sig-intro-v2__mark{filter:drop-shadow(0 14px 28px rgba(235,49,88,.14)) !important;}
.sig-intro-v2__signature{filter:none !important;}


/* ==========================================================
   FINAL FAITHFUL LOGO LOCK — exact uploaded artwork, unchanged colours.
   Pink mark + original grey handwritten signature on white panel.
   ========================================================== */
.brand-link,
.tr-home .brand-link,
.page-internal .brand-link{
  width:268px !important;
  height:58px !important;
  padding:4px 8px !important;
  border-radius:10px !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 7px 22px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
}
.brand-link-logo,
.brand-link-logo--signature,
.brand-link-logo img,
.brand-link-logo--signature img,
.site-nav.nav-v5 .brand-link-logo,
.site-nav.nav-v5 .brand-link-logo img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.brand-link-logo--signature img,
.tr-home .brand-link img,
.page-internal .brand-link img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
}
.menu-overlay .menu-top .brand-link{
  filter:none !important;
  background:#fff !important;
}
footer .footer-brand{
  display:inline-flex !important;
  width:min(420px,100%) !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
}
footer .footer-brand img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:1240px){
  .brand-link,.tr-home .brand-link,.page-internal .brand-link{
    width:230px !important;
    height:54px !important;
  }
}
@media(max-width:900px){
  .site-nav.nav-v5{grid-template-columns:minmax(0,1fr) auto !important;}
  .brand-link,.tr-home .brand-link,.page-internal .brand-link,
  .site-nav.nav-v5 .brand-link{
    width:205px !important;
    height:52px !important;
    padding:4px 7px !important;
    border-radius:9px !important;
  }
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
  }
  .menu-overlay .menu-top .brand-link{width:205px !important;height:52px !important;}
  footer .footer-brand{width:min(88vw,390px) !important;}
}
@media(max-width:430px){
  .brand-link,.tr-home .brand-link,.page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .menu-overlay .menu-top .brand-link{
    width:188px !important;
    height:50px !important;
  }
}

/* Exact-logo intro: preserve the original artwork and animate only the reveal. */
.sig-intro-v3{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  padding:clamp(22px,5vw,70px);
  background:#f7f6f2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.sig-intro-v3.is-active{
  display:grid;
  animation:sigV3Exit .62s cubic-bezier(.22,1,.36,1) 3.15s forwards;
}
.sig-intro-v3__stage{
  position:relative;
  width:min(82vw,1040px);
  aspect-ratio:3015/1137;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
}
.sig-intro-v3__stage::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(0,0,0,.055);
  border-radius:inherit;
  pointer-events:none;
}
.sig-intro-v3__signature,
.sig-intro-v3__mark{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
/* Hide the mark area and reveal only the signature from its first letter. */
.sig-intro-v3__signature{
  clip-path:inset(0 100% 0 29%);
  will-change:clip-path;
}
.sig-intro-v3.is-active .sig-intro-v3__signature{
  animation:sigV3Write 2.05s cubic-bezier(.2,.72,.22,1) .18s forwards;
}
/* The exact pink mark arrives softly once the signature is almost complete. */
.sig-intro-v3__mark{
  clip-path:inset(0 74% 0 0);
  opacity:0;
  transform:translateY(4px) scale(.985);
}
.sig-intro-v3.is-active .sig-intro-v3__mark{
  animation:sigV3Mark .42s cubic-bezier(.22,1,.36,1) 2.12s forwards;
}
@keyframes sigV3Write{
  from{clip-path:inset(0 100% 0 29%)}
  to{clip-path:inset(0 0 0 29%)}
}
@keyframes sigV3Mark{
  from{opacity:0;transform:translateY(4px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes sigV3Exit{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden;pointer-events:none}
}
html.perf-lite .sig-intro-v3.is-active{
  animation:sigV3Exit .42s ease 2.65s forwards;
}
html.perf-lite .sig-intro-v3.is-active .sig-intro-v3__signature{
  animation-duration:1.55s;
  animation-delay:.1s;
}
html.perf-lite .sig-intro-v3.is-active .sig-intro-v3__mark{
  animation-duration:.3s;
  animation-delay:1.72s;
}
@media(max-width:720px){
  .sig-intro-v3{padding:18px;}
  .sig-intro-v3__stage{
    width:min(94vw,620px);
    border-radius:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .sig-intro-v3.is-active{animation:sigV3Exit .25s ease .85s forwards;}
  .sig-intro-v3__signature{clip-path:inset(0 0 0 29%) !important;animation:none !important;}
  .sig-intro-v3__mark{opacity:1 !important;transform:none !important;animation:none !important;}
}


/* ==========================================================
   SIGNATURE INTRO V4 — premium, sequential, exact artwork
   Keeps the user's original logo completely unchanged.
   ========================================================== */
.sig-intro-v4{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  overflow:hidden;
  padding:clamp(20px,5vw,72px);
  background:#fff;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.sig-intro-v4.is-active{
  display:grid;
  animation:sigV4Exit .62s cubic-bezier(.22,1,.36,1) 3.58s forwards;
}
.sig-intro-v4__ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 49%,rgba(235,49,88,.045),transparent 24%),
    linear-gradient(180deg,rgba(248,247,244,.32),rgba(255,255,255,0) 45%);
}
.sig-intro-v4__stage{
  position:relative;
  z-index:1;
  width:min(86vw,1080px);
  aspect-ratio:3015/1137;
  background:#fff;
  overflow:hidden;
  transform:translateY(2px) scale(.994);
  animation:sigV4StageSettle 3.25s cubic-bezier(.22,1,.36,1) .05s both;
}
.sig-intro-v4__top,
.sig-intro-v4__bottom,
.sig-intro-v4__mark{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  user-select:none;
  pointer-events:none;
}
/* First handwritten line. */
.sig-intro-v4__top{
  clip-path:inset(0 100% 42% 27.5%);
  will-change:clip-path;
}
.sig-intro-v4.is-active .sig-intro-v4__top{
  animation:sigV4Top 1.38s cubic-bezier(.2,.76,.2,1) .22s forwards;
}
/* Second handwritten line follows after a tiny natural pause. */
.sig-intro-v4__bottom{
  clip-path:inset(39% 100% 0 27.5%);
  will-change:clip-path;
}
.sig-intro-v4.is-active .sig-intro-v4__bottom{
  animation:sigV4Bottom 1.42s cubic-bezier(.2,.76,.2,1) 1.38s forwards;
}
/* Exact pink mark is kept hidden until the signature is finished. */
.sig-intro-v4__mark{
  clip-path:inset(0 75% 0 0);
  opacity:0;
  transform:translateY(4px) scale(.988);
  will-change:opacity,transform;
}
.sig-intro-v4.is-active .sig-intro-v4__mark{
  animation:sigV4Mark .48s cubic-bezier(.22,1,.36,1) 2.76s forwards;
}
/* Very soft moving ink edge; no pen dot or flashy glow. */
.sig-intro-v4__ink{
  position:absolute;
  z-index:3;
  left:27.5%;
  width:22px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(70,70,70,.09),transparent);
  filter:blur(3px);
  transform:translateX(-12px);
}
.sig-intro-v4__ink--top{top:12%;height:47%;}
.sig-intro-v4__ink--bottom{top:42%;height:45%;}
.sig-intro-v4.is-active .sig-intro-v4__ink--top{
  animation:sigV4InkTop 1.38s linear .22s forwards;
}
.sig-intro-v4.is-active .sig-intro-v4__ink--bottom{
  animation:sigV4InkBottom 1.42s linear 1.38s forwards;
}
@keyframes sigV4Top{
  from{clip-path:inset(0 100% 42% 27.5%)}
  to{clip-path:inset(0 0 42% 27.5%)}
}
@keyframes sigV4Bottom{
  from{clip-path:inset(39% 100% 0 27.5%)}
  to{clip-path:inset(39% 0 0 27.5%)}
}
@keyframes sigV4Mark{
  from{opacity:0;transform:translateY(4px) scale(.988)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes sigV4InkTop{
  0%{left:27.5%;opacity:0}
  7%{opacity:.48}
  88%{opacity:.24}
  100%{left:98%;opacity:0}
}
@keyframes sigV4InkBottom{
  0%{left:27.5%;opacity:0}
  7%{opacity:.42}
  88%{opacity:.2}
  100%{left:98%;opacity:0}
}
@keyframes sigV4StageSettle{
  0%{transform:translateY(3px) scale(.994)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes sigV4Exit{
  0%{opacity:1;visibility:visible;transform:scale(1)}
  100%{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.008)}
}

html.perf-lite .sig-intro-v4.is-active{
  animation:sigV4Exit .44s ease 3.05s forwards;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__top{
  animation-duration:1.08s;
  animation-delay:.12s;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__bottom{
  animation-duration:1.08s;
  animation-delay:1.02s;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__mark{
  animation-duration:.34s;
  animation-delay:2.18s;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__ink--top{
  animation-duration:1.08s;
  animation-delay:.12s;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__ink--bottom{
  animation-duration:1.08s;
  animation-delay:1.02s;
}
@media(max-width:720px){
  .sig-intro-v4{padding:16px;}
  .sig-intro-v4__stage{width:min(96vw,660px);}
  .sig-intro-v4__ink{width:16px;filter:blur(2px);}
}
@media(max-width:430px){
  .sig-intro-v4__stage{width:98vw;}
}
@media(prefers-reduced-motion:reduce){
  .sig-intro-v4.is-active{animation:sigV4Exit .28s ease .82s forwards;}
  .sig-intro-v4__top{clip-path:inset(0 0 42% 27.5%) !important;animation:none !important;}
  .sig-intro-v4__bottom{clip-path:inset(39% 0 0 27.5%) !important;animation:none !important;}
  .sig-intro-v4__mark{opacity:1 !important;transform:none !important;animation:none !important;}
  .sig-intro-v4__ink{display:none !important;}
  .sig-intro-v4__stage{animation:none !important;transform:none !important;}
}


/* ==========================================================
   FINAL SHIVALATHA SIGNATURE LOGO — exact approved artwork
   ========================================================== */
:root{
  --final-logo-desktop-w:270px;
  --final-logo-desktop-h:72px;
  --final-logo-tablet-w:230px;
  --final-logo-tablet-h:61px;
  --final-logo-mobile-w:196px;
  --final-logo-mobile-h:52px;
}
.brand-link,
.tr-home .brand-link,
.page-internal .brand-link{
  width:var(--final-logo-desktop-w) !important;
  height:var(--final-logo-desktop-h) !important;
  overflow:visible !important;
}
.brand-link-logo,
.brand-link-logo img,
.tr-home .brand-link img,
.page-internal .brand-link img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.brand-link-logo--signature img,
.tr-home .brand-link img,
.page-internal .brand-link img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
}
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5,
.site-nav.nav-v5{
  grid-template-columns:300px 1fr 150px !important;
}
footer .footer-brand img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  width:clamp(300px,38vw,660px) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* Approved intro: pure black background, one clean left-to-right signature reveal,
   then the red mark settles in. No blur, no raster scaling effects. */
.sig-intro-v4{
  background:#000 !important;
  padding:clamp(18px,4vw,56px) !important;
}
.sig-intro-v4__ambient{
  display:none !important;
}
.sig-intro-v4__stage{
  width:min(90vw,1220px) !important;
  aspect-ratio:1672 / 443 !important;
  background:#000 !important;
  overflow:visible !important;
  transform:none !important;
  animation:none !important;
}
.sig-intro-v4__top,
.sig-intro-v4__bottom,
.sig-intro-v4__mark{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto !important;
  transform:none !important;
  filter:none !important;
}
/* Use only the top layer for the signing reveal. */
.sig-intro-v4__top{
  clip-path:inset(0 100% 0 0) !important;
  opacity:1 !important;
  will-change:clip-path;
}
.sig-intro-v4.is-active .sig-intro-v4__top{
  animation:finalSignatureWrite 2.35s cubic-bezier(.18,.72,.18,1) .16s forwards !important;
}
/* Hide duplicated second layer completely. */
.sig-intro-v4__bottom{
  display:none !important;
}
/* Show only the red mark region at the end, over the revealed signature. */
.sig-intro-v4__mark{
  clip-path:inset(0 0 0 84%) !important;
  opacity:0 !important;
}
.sig-intro-v4.is-active .sig-intro-v4__mark{
  animation:finalMarkIn .46s cubic-bezier(.22,1,.36,1) 2.34s forwards !important;
}
.sig-intro-v4__ink{
  display:none !important;
}
.sig-intro-v4.is-active{
  animation:sigV4Exit .58s cubic-bezier(.22,1,.36,1) 3.35s forwards !important;
}
@keyframes finalSignatureWrite{
  from{clip-path:inset(0 100% 0 0)}
  to{clip-path:inset(0 12% 0 0)}
}
@keyframes finalMarkIn{
  from{opacity:0;transform:translateY(5px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
html.perf-lite .sig-intro-v4.is-active{
  animation:sigV4Exit .4s ease 2.85s forwards !important;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__top{
  animation:finalSignatureWrite 1.75s ease .1s forwards !important;
}
html.perf-lite .sig-intro-v4.is-active .sig-intro-v4__mark{
  animation:finalMarkIn .32s ease 1.8s forwards !important;
}
@media(max-width:1240px){
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5{
    grid-template-columns:250px auto !important;
  }
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link{
    width:var(--final-logo-tablet-w) !important;
    height:var(--final-logo-tablet-h) !important;
  }
}
@media(max-width:900px){
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img{
    width:var(--final-logo-mobile-w) !important;
    max-width:var(--final-logo-mobile-w) !important;
    height:var(--final-logo-mobile-h) !important;
  }
  .menu-overlay .menu-top .brand-link{
    width:var(--final-logo-mobile-w) !important;
    height:var(--final-logo-mobile-h) !important;
  }
  .sig-intro-v4__stage{
    width:96vw !important;
  }
  footer .footer-brand img{
    width:min(88vw,430px) !important;
  }
}
@media(max-width:520px){
  :root{--final-logo-mobile-w:178px;--final-logo-mobile-h:47px;}
  .sig-intro-v4{
    padding:14px !important;
  }
  .sig-intro-v4__stage{
    width:98vw !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .sig-intro-v4__top{
    clip-path:inset(0 12% 0 0) !important;
    animation:none !important;
  }
  .sig-intro-v4__mark{
    opacity:1 !important;
    animation:none !important;
  }
}


/* ==========================================================
   APPROVED SIGNATURE BRAND V7 — authoritative final layer
   One logo everywhere. One isolated homepage intro animation.
   ========================================================== */
:root{
  --brand-v7-desktop-w:276px;
  --brand-v7-desktop-h:62px;
  --brand-v7-tablet-w:226px;
  --brand-v7-tablet-h:54px;
  --brand-v7-mobile-w:190px;
  --brand-v7-mobile-h:48px;
}
.site-nav.nav-v5,
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5{
  grid-template-columns:300px 1fr 150px !important;
}
.brand-link,
.tr-home .brand-link,
.page-internal .brand-link,
.site-nav.nav-v5 .brand-link{
  width:var(--brand-v7-desktop-w) !important;
  height:var(--brand-v7-desktop-h) !important;
  overflow:visible !important;
  background:transparent !important;
  filter:none !important;
}
.brand-link-logo,
.brand-link-logo--signature,
.brand-link-logo img,
.brand-link-logo--signature img,
.tr-home .brand-link img,
.page-internal .brand-link img,
.site-nav.nav-v5 .brand-link img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  filter:none !important;
  opacity:1 !important;
}
.menu-overlay .menu-top .brand-link,
.menu-overlay .menu-top .brand-link img{
  filter:none !important;
  background:transparent !important;
}
footer .footer-brand img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  width:clamp(300px,38vw,640px) !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}

/* Static raw header uses the approved logo even before JS hydrates the full nav. */
.site-nav.nav-v5.static-brand-nav{
  display:grid !important;
  grid-template-columns:300px 1fr 150px !important;
  background:#000 !important;
  color:#fff !important;
}
.site-nav.nav-v5.static-brand-nav .brand-link{grid-column:1;}

/* V5 intro is deliberately isolated from every older sig-intro rule. */
.sig-intro-v5{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  place-items:center;
  padding:clamp(16px,4vw,52px);
  overflow:hidden;
  background:#000;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateZ(0);
}
.sig-intro-v5.is-active{
  display:grid;
  animation:sigV5Exit .52s cubic-bezier(.22,1,.36,1) 3.48s forwards;
}
.sig-intro-v5__stage{
  position:relative;
  width:min(90vw,1120px);
  aspect-ratio:1672/443;
  overflow:hidden;
  background:#000;
  transform:translateZ(0);
}
.sig-intro-v5__write,
.sig-intro-v5__mark{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.sig-intro-v5__write{
  overflow:hidden;
  clip-path:inset(0 100% 0 0);
  will-change:clip-path;
}
.sig-intro-v5__write img,
.sig-intro-v5__mark{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
  user-select:none;
  pointer-events:none;
  filter:none;
  transform:translateZ(0);
}
.sig-intro-v5.is-active .sig-intro-v5__write{
  animation:sigV5Write 2.42s cubic-bezier(.18,.72,.18,1) .14s forwards;
}
.sig-intro-v5__mark{
  opacity:0;
  transform:translateY(4px) scale(.985) translateZ(0);
  will-change:opacity,transform;
}
.sig-intro-v5.is-active .sig-intro-v5__mark{
  animation:sigV5Mark .42s cubic-bezier(.22,1,.36,1) 2.43s forwards;
}
@keyframes sigV5Write{
  from{clip-path:inset(0 100% 0 0)}
  to{clip-path:inset(0 0 0 0)}
}
@keyframes sigV5Mark{
  from{opacity:0;transform:translateY(4px) scale(.985) translateZ(0)}
  to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}
}
@keyframes sigV5Exit{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden;pointer-events:none}
}
html.perf-lite .sig-intro-v5.is-active{
  animation:sigV5Exit .42s ease 3.02s forwards;
}
html.perf-lite .sig-intro-v5.is-active .sig-intro-v5__write{
  animation:sigV5Write 2.02s cubic-bezier(.2,.7,.2,1) .10s forwards;
}
html.perf-lite .sig-intro-v5.is-active .sig-intro-v5__mark{
  animation:sigV5Mark .34s ease 2.03s forwards;
}
@media(max-width:1240px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{grid-template-columns:250px auto !important;}
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link{
    width:var(--brand-v7-tablet-w) !important;
    height:var(--brand-v7-tablet-h) !important;
  }
}
@media(max-width:900px){
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5 .brand-link-logo,
  .site-nav.nav-v5 .brand-link-logo img,
  .menu-overlay .menu-top .brand-link{
    width:var(--brand-v7-mobile-w) !important;
    max-width:var(--brand-v7-mobile-w) !important;
    height:var(--brand-v7-mobile-h) !important;
  }
  .sig-intro-v5__stage{width:min(96vw,760px);}
  footer .footer-brand img{width:min(88vw,430px) !important;}
}
@media(max-width:520px){
  :root{--brand-v7-mobile-w:174px;--brand-v7-mobile-h:45px;}
  .sig-intro-v5{padding:12px;}
  .sig-intro-v5__stage{width:98vw;}
}
@media(prefers-reduced-motion:reduce){
  .sig-intro-v5.is-active{animation:sigV5Exit .28s ease .95s forwards;}
  .sig-intro-v5__write{clip-path:inset(0 0 0 0) !important;animation:none !important;}
  .sig-intro-v5__mark{opacity:1 !important;transform:none !important;animation:none !important;}
}


/* ==========================================================
   V8 CLEAN NAV BRAND — final authoritative override
   Transparent logo only. No badge/panel/border/padding/shadow.
   Applies to fallback nav, live JS nav, mobile menu and footer.
   ========================================================== */
:root{
  --brand-v8-desktop-w:250px;
  --brand-v8-desktop-h:58px;
  --brand-v8-tablet-w:220px;
  --brand-v8-tablet-h:52px;
  --brand-v8-mobile-w:176px;
  --brand-v8-mobile-h:44px;
}
.site-nav.nav-v5,
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5,
.site-nav.nav-v5.static-brand-nav{
  height:72px !important;
  min-height:72px !important;
  grid-template-columns:270px 1fr 130px !important;
  align-items:center !important;
  padding:0 clamp(18px,3vw,46px) !important;
  background:#000 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.brand-link,
.tr-home .brand-link,
.page-internal .brand-link,
.site-nav.nav-v5 .brand-link,
.site-nav.nav-v5.static-brand-nav .brand-link,
.menu-overlay .menu-top .brand-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:var(--brand-v8-desktop-w) !important;
  max-width:var(--brand-v8-desktop-w) !important;
  height:var(--brand-v8-desktop-h) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:visible !important;
  filter:none !important;
}
.brand-link-logo,
.brand-link-logo--signature,
.brand-link-logo img,
.brand-link-logo--signature img,
.tr-home .brand-link img,
.page-internal .brand-link img,
.site-nav.nav-v5 .brand-link img,
.site-nav.nav-v5.static-brand-nav .brand-link img,
.menu-overlay .menu-top .brand-link img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
}
.site-nav.nav-v5.static-brand-nav .desktop-nav{display:flex;}
.site-nav.nav-v5.static-brand-nav .menu-button{display:none;}
footer .footer-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:min(520px,100%) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
footer .footer-brand img{
  content:url('../images/shivalatha-signature-transparent-v8.png') !important;
  display:block !important;
  width:min(100%,520px) !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media(max-width:1240px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{
    grid-template-columns:minmax(0,1fr) auto !important;
    padding-inline:18px !important;
  }
  .site-nav.nav-v5 .desktop-nav,
  .site-nav.nav-v5 .nav-cta,
  .site-nav.nav-v5.static-brand-nav .desktop-nav,
  .site-nav.nav-v5.static-brand-nav .nav-cta{display:none !important;}
  .site-nav.nav-v5 .menu-button,
  .site-nav.nav-v5.static-brand-nav .menu-button{display:flex !important;}
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link{
    width:var(--brand-v8-tablet-w) !important;
    max-width:var(--brand-v8-tablet-w) !important;
    height:var(--brand-v8-tablet-h) !important;
  }
}
@media(max-width:600px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{
    height:70px !important;
    min-height:70px !important;
    padding:0 16px !important;
  }
  .brand-link,
  .tr-home .brand-link,
  .page-internal .brand-link,
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link,
  .menu-overlay .menu-top .brand-link{
    width:var(--brand-v8-mobile-w) !important;
    max-width:var(--brand-v8-mobile-w) !important;
    height:var(--brand-v8-mobile-h) !important;
  }
  footer .footer-brand{width:min(88vw,400px) !important;}
}


/* ==========================================================
   POST-MEETING MASTER BRAND REVISION — 07 SEP 2026
   Shivalatha first; Training Lab and Business Lab as extensions.
   ========================================================== */
.site-nav.nav-v5{grid-template-columns:minmax(230px,290px) 1fr 140px !important;}
.site-nav.nav-v5 .brand-link{width:clamp(220px,18vw,286px) !important;height:56px !important;overflow:visible !important;}
.site-nav.nav-v5 .brand-link-logo,.site-nav.nav-v5 .brand-link-logo img{width:100% !important;max-width:none !important;height:100% !important;object-fit:contain !important;object-position:left center !important;}
.fallback-shivi-nav{background:#000 !important;color:#fff !important;}
.desktop-nav{gap:clamp(18px,2.2vw,36px) !important;overflow:visible !important;}
.desktop-nav>.active,.desktop-nav>a.active,.nav-dropdown.active>.nav-dropdown-trigger{color:#fff;}
.nav-dropdown{position:relative;height:100%;display:flex;align-items:center;}
.nav-dropdown-trigger{height:100%;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;}
.nav-dropdown-trigger span{font-size:12px;transform:translateY(-1px);transition:transform .25s ease;}
.nav-dropdown-menu{position:absolute;top:calc(100% - 8px);left:50%;min-width:220px;padding:9px;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .22s ease,transform .22s ease,visibility .22s;}
.nav-dropdown-menu a{display:block !important;height:auto !important;padding:12px 13px;border-radius:8px;font-size:10px !important;letter-spacing:.01em;text-transform:none !important;color:#d8d8d8 !important;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:rgba(255,255,255,.08);color:#fff !important;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0);}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span{transform:translateY(-1px) rotate(180deg);}

.shivi-primary-descriptor{max-width:690px;margin:14px 0 0 !important;font-size:11px !important;line-height:1.55 !important;font-weight:800 !important;letter-spacing:.025em;color:#fff !important;}
.shivi-hero-signature{margin:14px 0 0 !important;font-size:clamp(18px,1.7vw,26px) !important;line-height:1.1 !important;font-weight:500 !important;font-style:italic;letter-spacing:-.025em;color:#fff !important;}
.shivi-signature-quote{margin:28px 0 0;padding:22px 24px;border-left:3px solid var(--red);background:rgba(213,31,50,.06);font-size:clamp(22px,2.2vw,34px);line-height:1.12;letter-spacing:-.035em;font-weight:650;}
.shivi-strategy-layer .story-main>h2,.service-architect-intro .story-main>h2,.training-routing .story-main>h2{max-width:850px;}
.page-positioning{display:inline-block;margin:0 0 18px !important;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:10px !important;line-height:1.3 !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff !important;}

/* Training Lab is intentionally the dominant route; Business Lab secondary. */
.tr-brand-split.doc-brand-transitions{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) !important;}
.tr-brand-split.doc-brand-transitions .transition-card-training{background:#050505 !important;color:#fff !important;min-height:590px;}
.tr-brand-split.doc-brand-transitions .transition-card-training p{color:#c6c6c6 !important;}
.tr-brand-split.doc-brand-transitions .transition-card-training small{color:var(--red);font-weight:800;}
.tr-brand-split.doc-brand-transitions .transition-card-business{background:#eeeae1 !important;color:#111 !important;min-height:510px;}
.tr-brand-split.doc-brand-transitions .transition-card-business h2{font-size:clamp(38px,4vw,62px);}
.tr-brand-split.doc-brand-transitions .transition-card-business p{color:#5f5a54 !important;}

.mobile-menu-group{border-bottom:1px solid rgba(255,255,255,.14);}
.mobile-menu-group>.mobile-menu-parent{border-bottom:0 !important;}
.mobile-submenu{display:grid;gap:1px;padding:0 0 12px 39px;}
.mobile-submenu a{display:block !important;min-height:auto !important;padding:8px 8px !important;border:0 !important;font-size:12px !important;line-height:1.3;color:#aaa !important;}
.mobile-submenu a.active,.mobile-submenu a:hover{color:#fff !important;}
.mobile-menu-group.active>.mobile-menu-parent b{color:#fff;}

footer .footer-brand img{width:min(44vw,520px) !important;height:auto !important;}
footer>p{max-width:520px;line-height:1.65 !important;}

@media(max-width:1240px){
  .site-nav.nav-v5{grid-template-columns:minmax(205px,1fr) auto !important;}
  .fallback-desktop-nav,.fallback-shivi-nav .nav-cta{display:none !important;}
}
@media(max-width:900px){
  .site-nav.nav-v5 .brand-link{width:min(56vw,250px) !important;height:50px !important;}
  .tr-brand-split.doc-brand-transitions{grid-template-columns:1fr !important;}
  .tr-brand-split.doc-brand-transitions .transition-card-training,.tr-brand-split.doc-brand-transitions .transition-card-business{min-height:auto !important;padding-top:62px !important;padding-bottom:62px !important;}
  .shivi-primary-descriptor{font-size:10px !important;max-width:560px;}
  .shivi-hero-signature{font-size:19px !important;}
  footer .footer-brand img{width:min(78vw,400px) !important;}
}
@media(max-width:560px){
  .site-nav.nav-v5 .brand-link{width:min(58vw,215px) !important;height:44px !important;}
  .shivi-primary-descriptor{font-size:9.5px !important;line-height:1.45 !important;}
  .shivi-hero-signature{font-size:17px !important;}
  .shivi-signature-quote{font-size:22px;padding:18px 19px;}
  .mobile-submenu{padding-left:35px;}
}

.page-opening-label{margin:6px 0 9px !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.06em;text-transform:uppercase;color:#fff !important;}


/* ==========================================================
   POST-QA NAVIGATION + TRAINING LAB BRAND SYSTEM
   ========================================================== */
.desktop-nav{align-items:stretch !important;}
.desktop-nav>a,.nav-dropdown{height:100% !important;}
.nav-dropdown{display:flex !important;align-items:center !important;}
.nav-dropdown-trigger{padding:0 !important;line-height:1 !important;}
.nav-dropdown-menu{
  top:calc(100% + 1px) !important;
  left:50% !important;
  width:270px !important;
  min-width:270px !important;
  padding:12px !important;
  border-radius:0 !important;
  background:#0a0a0a !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.42) !important;
}
.nav-dropdown-menu a{
  position:relative !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:9px !important;
  padding:12px 14px !important;
  color:#d7d7d7 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
}
.nav-dropdown-menu a::after,.nav-dropdown-menu a::before{display:none !important;content:none !important;}
.nav-dropdown-menu a.active{background:rgba(255,255,255,.075) !important;color:#fff !important;}
.training-lab-overview-link{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  min-height:72px !important;
  padding:10px 12px !important;
}
.training-lab-overview-link img{
  display:block !important;
  width:178px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.training-lab-overview-link span{font-size:9px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#a9a9a9 !important;}
.mobile-submenu .training-lab-overview-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:64px !important;
  padding:10px 12px !important;
}
.mobile-submenu .training-lab-overview-link img{width:160px !important;height:auto !important;}
.mobile-submenu .training-lab-overview-link span{font-size:8px !important;}
/* Stable header geometry across desktop widths. */
@media(min-width:1241px){
 .site-nav.nav-v5{grid-template-columns:minmax(230px,290px) minmax(560px,1fr) 132px !important;gap:24px !important;padding-inline:clamp(24px,3vw,48px) !important;}
 .desktop-nav{justify-self:center !important;gap:clamp(24px,2.3vw,38px) !important;}
 .desktop-nav>a,.nav-dropdown-trigger{font-size:11px !important;}
}
@media(min-width:901px) and (max-width:1240px){
 .site-nav.nav-v5{grid-template-columns:minmax(205px,1fr) auto !important;}
}
/* Prevent hero content from sitting under the fixed header on internal pages. */
.page-internal .content-page,.page-internal .tr-main{scroll-margin-top:76px;}
/* Footer columns and logo remain aligned at all widths. */
footer{align-items:start !important;}
footer .footer-brand{align-self:start !important;}
footer .footer-contact{min-width:0 !important;}

/* Training Lab uses its own original identity inside Shivi's master navigation. */
.nav-dropdown-trigger{gap:8px !important;}
.training-lab-nav-logo{display:block !important;width:118px !important;max-width:none !important;height:auto !important;object-fit:contain !important;}
.training-lab-caret{font-size:12px !important;line-height:1 !important;}
.mobile-menu-parent .training-lab-mobile-brand{display:flex !important;align-items:center !important;}
.mobile-menu-parent .training-lab-mobile-brand img{display:block !important;width:min(48vw,176px) !important;height:auto !important;object-fit:contain !important;}
@media(min-width:1241px){.nav-dropdown-trigger{min-width:145px !important;justify-content:center !important;}}

/* ==========================================================
   FINAL ALIGNMENT + ORIGINAL-PHOTO QA PASS — 07 SEP 2026
   One authoritative geometry layer after accumulated revisions.
   ========================================================== */
:root{--qa-page-pad:clamp(24px,4.8vw,76px);--qa-nav-h:72px;}

/* Header / nav: stable baseline, no drifting between items. */
@media(min-width:1241px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{
    height:72px !important;
    min-height:72px !important;
    grid-template-columns:clamp(230px,19vw,285px) minmax(0,1fr) 124px !important;
    align-items:center !important;
    gap:26px !important;
    padding:0 clamp(24px,3.2vw,50px) !important;
  }
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link{
    width:clamp(225px,18.5vw,278px) !important;
    height:50px !important;
    align-self:center !important;
  }
  .desktop-nav,
  .fallback-desktop-nav{
    justify-self:center !important;
    align-self:stretch !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:clamp(22px,2vw,34px) !important;
    min-width:0 !important;
  }
  .desktop-nav>a,
  .desktop-nav>.nav-dropdown,
  .fallback-desktop-nav>a,
  .fallback-desktop-nav>.nav-dropdown{
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .desktop-nav>a,
  .nav-dropdown-trigger{
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-trigger{
    height:72px !important;
    min-height:72px !important;
    min-width:148px !important;
    justify-content:center !important;
    gap:8px !important;
  }
  .training-lab-nav-logo{width:116px !important;height:31px !important;object-fit:contain !important;}
  .nav-cta{align-self:center !important;height:40px !important;min-width:116px !important;margin:0 !important;}
}

/* Dropdown: logo and text sit on a clean shared grid. */
.nav-dropdown-menu{
  width:286px !important;
  min-width:286px !important;
  padding:12px !important;
  box-sizing:border-box !important;
}
.nav-dropdown-menu>a{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}
.training-lab-overview-link{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
}
.training-lab-overview-link img{
  width:182px !important;
  height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.training-lab-overview-link span{align-self:center !important;}

/* Internal heroes: one consistent content/media baseline. */
@media(min-width:901px){
  .content-hero,
  .content-hero.dense-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr) !important;
    min-height:calc(100svh - 72px) !important;
    align-items:stretch !important;
  }
  .content-hero-copy{
    align-self:center !important;
    padding:clamp(64px,8vh,108px) var(--qa-page-pad) clamp(58px,7vh,88px) !important;
  }
  .content-hero-copy h1{
    max-width:940px !important;
    margin-top:18px !important;
    margin-bottom:22px !important;
    overflow:visible !important;
    text-wrap:balance !important;
  }
  .content-hero-media{
    min-height:620px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }
}

/* IMPORTANT: user-uploaded hero/portrait photographs are shown in full.
   No cover crop, no scale-up, no contrast/saturation alteration. */
.content-hero-media{
  background:#0a0a0a !important;
}
.content-hero-media img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
}
.content-hero-media>span{
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
  max-width:calc(100% - 36px) !important;
  text-align:left !important;
}

/* Other principal uploaded portraits/images: preserve the full frame. */
.tr-founder-image,
.tr-pillar-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#0b0b0b !important;
}
.tr-founder-image img,
.tr-pillar-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
}

/* Shared long-form alignment. */
.story-section{
  grid-template-columns:minmax(104px,.24fr) minmax(0,1.76fr) !important;
  gap:clamp(28px,4.3vw,72px) !important;
  padding-left:var(--qa-page-pad) !important;
  padding-right:var(--qa-page-pad) !important;
}
.story-aside,.story-main,.story-body{min-width:0 !important;}
.story-main{max-width:1120px !important;width:100% !important;}
.story-main>h2,.story-main>h3,.story-body>h3{
  overflow:visible !important;
  text-wrap:balance !important;
}
.story-body p,.story-body li{overflow-wrap:anywhere;}

/* Keep grids aligned without overflow. */
.steps-grid,.proof.proof-final,.doc-question-grid,.tr-results-grid,.tr-impact-grid{min-width:0 !important;}
.steps-grid>* ,.doc-question-grid>* ,.tr-results-grid>* ,.tr-impact-grid>*{min-width:0 !important;}

/* Footer columns line up to the same page rhythm. */
footer{
  padding-left:var(--qa-page-pad) !important;
  padding-right:var(--qa-page-pad) !important;
  gap:clamp(24px,4vw,62px) !important;
}
footer .footer-brand,footer>p,footer .footer-contact{min-width:0 !important;}

/* Tablet / mobile: eliminate side drift and keep photos uncropped. */
@media(max-width:1240px){
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
  }
}
@media(max-width:900px){
  :root{--qa-page-pad:22px;}
  .content-hero,.content-hero.dense-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .content-hero-copy{
    padding:58px 22px 42px !important;
  }
  .content-hero-copy h1{
    margin:16px 0 20px !important;
    max-width:100% !important;
  }
  .content-hero-media{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:0 !important;
  }
  .content-hero-media img{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
  .story-section{
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .story-aside{align-items:center !important;}
  .tr-founder-image,.tr-pillar-visual{height:auto !important;min-height:0 !important;}
  .tr-founder-image img,.tr-pillar-visual img{height:auto !important;max-height:none !important;}
  footer{grid-template-columns:1fr !important;padding:44px 22px !important;}
  footer .footer-contact{align-items:flex-start !important;}
}
@media(max-width:560px){
  :root{--qa-page-pad:18px;}
  .site-nav.nav-v5,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav{padding-inline:14px !important;}
  .site-nav.nav-v5 .brand-link{width:min(62vw,220px) !important;height:44px !important;}
  .content-hero-copy{padding:48px 18px 36px !important;}
  .story-section{padding-left:18px !important;padding-right:18px !important;}
  .nav-dropdown-menu{width:min(286px,calc(100vw - 28px)) !important;min-width:0 !important;}
}

/* Horizontal-overflow hardening. */
html,body,.site-nav,.content-page,.tr-main,footer{max-width:100%;}
img,svg,video{max-width:100%;}


/* ==========================================================
   TRAINING LAB ENTRY + NAV STABILITY — QA 2026-09-07
   Runs transition before navigation; destination page has no blocking intro.
   ========================================================== */
.training-entry-v2{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#050505;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.training-entry-v2.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryOut .42s cubic-bezier(.22,1,.36,1) 1.55s forwards;
}
.training-entry-v2__stage{
  --tl-red:#d51f32;
  position:relative;
  width:min(72vw,760px);
  aspect-ratio:1824/428;
  transform:translateZ(0);
}
.training-entry-v2__logo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  transform:scale(.996);
}
.training-entry-v2.is-active .training-entry-v2__logo{
  animation:trainingLogoLock .32s cubic-bezier(.22,1,.36,1) 1.12s forwards;
}
.training-entry-v2__frame{
  position:absolute;
  z-index:2;
  display:block;
  background:var(--tl-red);
  transform:translateZ(0);
}
.training-entry-v2__i1{left:27.577%;top:0;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:bottom;}
.training-entry-v2__i2{left:41.941%;top:69.159%;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:top;}
.training-entry-v2__top{left:29.276%;top:0;width:70.724%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v2__bottom{left:43.640%;bottom:0;width:56.360%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v2__right{right:0;top:7.243%;width:1.70%;height:85.514%;transform:scaleY(0);transform-origin:center;}
.training-entry-v2.is-active .training-entry-v2__i1,
.training-entry-v2.is-active .training-entry-v2__i2{animation:trainingJoinY .34s cubic-bezier(.65,0,.35,1) .12s forwards;}
.training-entry-v2.is-active .training-entry-v2__top{animation:trainingJoinX .48s cubic-bezier(.65,0,.35,1) .40s forwards;}
.training-entry-v2.is-active .training-entry-v2__bottom{animation:trainingJoinX .48s cubic-bezier(.65,0,.35,1) .52s forwards;}
.training-entry-v2.is-active .training-entry-v2__right{animation:trainingJoinY .30s cubic-bezier(.22,1,.36,1) .88s forwards;}
@keyframes trainingJoinX{to{transform:scaleX(1)}}
@keyframes trainingJoinY{to{transform:scaleY(1)}}
@keyframes trainingLogoLock{to{opacity:1;transform:scale(1)}}
@keyframes trainingEntryOut{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}

/* Desktop dropdown is connected directly to trigger: no hover gap or accidental close. */
@media(min-width:1241px){
  .nav-dropdown{position:relative !important;overflow:visible !important;}
  .nav-dropdown-menu{
    top:100% !important;
    margin-top:0 !important;
    transform:translate(-50%,8px) !important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s !important;
  }
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu{
    transform:translate(-50%,0) !important;
  }
  .nav-dropdown-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-10px;
    height:10px;
  }
  .training-lab-overview-link{
    min-height:66px !important;
    background:transparent !important;
  }
  .training-lab-overview-link.active{background:rgba(255,255,255,.07) !important;}
}

/* Original Training Lab mark remains crisp and aligned in nav/dropdown. */
.training-lab-nav-logo{
  display:block !important;
  width:116px !important;
  height:31px !important;
  object-fit:contain !important;
  object-position:center !important;
  flex:0 0 auto !important;
}
.training-lab-overview-link img{
  display:block !important;
  width:176px !important;
  height:42px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.nav-dropdown-menu a::before,
.nav-dropdown-menu a::after{display:none !important;content:none !important;}

/* Mobile: parent and submenu are one stable block; no desktop hover logic leaks in. */
@media(max-width:1240px){
  .nav-dropdown-menu{display:none !important;}
}
@media(max-width:900px){
  .training-entry-v2{padding:18px;}
  .training-entry-v2__stage{width:min(88vw,620px);}
  .mobile-menu-group{overflow:visible !important;}
  .mobile-menu-parent{min-height:64px !important;}
  .mobile-submenu{padding:0 0 12px 34px !important;}
  .mobile-submenu .training-lab-overview-link{min-height:58px !important;padding:8px 10px !important;}
  .mobile-submenu .training-lab-overview-link img{width:min(44vw,158px) !important;height:38px !important;}
}
html.perf-lite .training-entry-v2.is-active{
  animation-duration:.30s;
  animation-delay:1.12s;
}
html.perf-lite .training-entry-v2.is-active .training-entry-v2__logo{animation-delay:.82s;}
html.perf-lite .training-entry-v2.is-active .training-entry-v2__i1,
html.perf-lite .training-entry-v2.is-active .training-entry-v2__i2{animation-duration:.24s;}
html.perf-lite .training-entry-v2.is-active .training-entry-v2__top,
html.perf-lite .training-entry-v2.is-active .training-entry-v2__bottom{animation-duration:.34s;}
html.perf-lite .training-entry-v2.is-active .training-entry-v2__right{animation-duration:.22s;animation-delay:.66s;}
@media(prefers-reduced-motion:reduce){
  .training-entry-v2.is-active{animation:trainingEntryOut .22s ease .38s forwards;}
  .training-entry-v2__frame{display:none !important;}
  .training-entry-v2__logo{opacity:1 !important;transform:none !important;animation:none !important;}
}

/* ==========================================================
   TRAINING LAB ENTRY REFINEMENT — typed wordmark first, then the two red I connectors.
   ========================================================== */
.training-entry-v3{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
}
.training-entry-v3.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryOut .38s cubic-bezier(.22,1,.36,1) 2.05s forwards;
}
.training-entry-v3__stage{
  --tl-red:#d51f32;
  position:relative;
  width:min(74vw,760px);
  aspect-ratio:1824/428;
  transform:translateZ(0);
}
.training-entry-v3__typing,
.training-entry-v3__logo,
.training-entry-v3__frame{position:absolute;inset:0}
.training-entry-v3__typing{
  font-family:var(--sans);
  font-weight:800;
  letter-spacing:-.055em;
  line-height:1;
  color:#f2f2f2;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.06));
  will-change:opacity,transform;
}
.training-entry-v3__part{
  position:absolute;
  top:52%;
  transform:translateY(-50%);
  font-size:clamp(52px,8vw,152px);
  white-space:nowrap;
  opacity:0;
  clip-path:inset(0 100% 0 0);
}
.training-entry-v3__tra{left:-.2%;}
.training-entry-v3__n1{left:31.3%;}
.training-entry-v3__ng{left:45.8%;}
.training-entry-v3__lab{left:79.9%;color:var(--tl-red);}
.training-entry-v3__logo{
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  transform:scale(.996);
  will-change:opacity,transform;
}
.training-entry-v3__frame{
  z-index:2;
  display:block;
  background:var(--tl-red);
  transform:translateZ(0);
  will-change:transform,opacity;
}
.training-entry-v3__i1{left:27.577%;top:0;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:bottom;}
.training-entry-v3__i2{left:41.941%;top:69.159%;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:top;}
.training-entry-v3__top{left:29.276%;top:0;width:70.724%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v3__bottom{left:43.640%;bottom:0;width:56.360%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v3__right{right:0;top:7.243%;width:1.70%;height:85.514%;transform:scaleY(0);transform-origin:top;}

.training-entry-v3.is-active .training-entry-v3__tra{animation:tlTypeReveal .28s steps(4,end) .10s forwards;}
.training-entry-v3.is-active .training-entry-v3__n1{animation:tlTypeReveal .12s steps(1,end) .42s forwards;}
.training-entry-v3.is-active .training-entry-v3__ng{animation:tlTypeReveal .18s steps(2,end) .54s forwards;}
.training-entry-v3.is-active .training-entry-v3__lab{animation:tlTypeReveal .22s steps(3,end) .72s forwards;}
.training-entry-v3.is-active .training-entry-v3__i1,
.training-entry-v3.is-active .training-entry-v3__i2{animation:trainingJoinY .26s cubic-bezier(.65,0,.35,1) 1.02s forwards;}
.training-entry-v3.is-active .training-entry-v3__top{animation:trainingJoinX .34s cubic-bezier(.65,0,.35,1) 1.22s forwards;}
.training-entry-v3.is-active .training-entry-v3__bottom{animation:trainingJoinX .34s cubic-bezier(.65,0,.35,1) 1.34s forwards;}
.training-entry-v3.is-active .training-entry-v3__right{animation:trainingJoinY .24s cubic-bezier(.22,1,.36,1) 1.56s forwards;}
.training-entry-v3.is-active .training-entry-v3__typing{animation:tlTypeFade .24s ease 1.60s forwards;}
.training-entry-v3.is-active .training-entry-v3__logo{animation:trainingLogoLock .26s cubic-bezier(.22,1,.36,1) 1.62s forwards;}

@keyframes tlTypeReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}1%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes tlTypeFade{to{opacity:0;transform:scale(.995)}}

@media (max-width:900px){
  .training-entry-v3{padding:18px;}
  .training-entry-v3__stage{width:min(90vw,620px);}
  .training-entry-v3__part{font-size:clamp(34px,10vw,86px);}
  .training-entry-v3__n1{left:31.5%;}
  .training-entry-v3__ng{left:46.1%;}
  .training-entry-v3__lab{left:80.2%;}
}
html.perf-lite .training-entry-v3.is-active{animation:trainingEntryOut .32s ease 1.68s forwards;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__tra{animation-duration:.22s;animation-delay:.08s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__n1{animation-duration:.10s;animation-delay:.30s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__ng{animation-duration:.14s;animation-delay:.40s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__lab{animation-duration:.16s;animation-delay:.54s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__i1,
html.perf-lite .training-entry-v3.is-active .training-entry-v3__i2{animation-duration:.22s;animation-delay:.84s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__top{animation-duration:.28s;animation-delay:1.00s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__bottom{animation-duration:.28s;animation-delay:1.10s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__right{animation-duration:.18s;animation-delay:1.28s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__typing{animation-delay:1.30s;}
html.perf-lite .training-entry-v3.is-active .training-entry-v3__logo{animation-delay:1.34s;}
@media (prefers-reduced-motion:reduce){
  .training-entry-v3.is-active{animation:trainingEntryOut .22s ease .34s forwards;}
  .training-entry-v3__typing{display:none !important;}
  .training-entry-v3__frame{display:none !important;}
  .training-entry-v3__logo{opacity:1 !important;transform:none !important;animation:none !important;}
}


/* FULL-SITE QA HARDENING — 07 SEP 2026 */
body.training-transitioning{overflow:hidden !important;touch-action:none;}
.training-entry-v3{overscroll-behavior:contain;}
.nav-dropdown-menu{max-height:min(420px,calc(100vh - 92px));overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:900px){
  .mobile-menu-list,.mobile-submenu{min-width:0;}
  .mobile-submenu a{max-width:100%;overflow-wrap:anywhere;}
}

/* ==========================================================
   RESTORED CONVERSION + INSIGHTS LAYERS — 07 SEP 2026
   Additive only: preserves the approved founder-led structure.
   ========================================================== */
.route-choice-section{
  background:#0a0a0a;
  color:#fff;
  padding-block:clamp(72px,8vw,130px);
}
.route-choice-head{max-width:880px;margin:0 auto 42px;padding:0 clamp(22px,4vw,64px);text-align:center;}
.route-choice-head h2{margin:10px 0 14px;font-size:clamp(38px,5.2vw,76px);line-height:.98;letter-spacing:-.045em;}
.route-choice-head p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.72);font-size:clamp(15px,1.35vw,19px);line-height:1.7;}
.route-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:min(1500px,92vw);margin:0 auto;}
.route-choice-card{min-height:310px;display:flex;flex-direction:column;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.045);transition:transform .35s ease,border-color .35s ease,background .35s ease;}
.route-choice-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.08);}
.route-choice-card--primary{background:linear-gradient(160deg,rgba(213,31,50,.24),rgba(255,255,255,.035));border-color:rgba(213,31,50,.52);}
.route-choice-card span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--red);}
.route-choice-card strong{display:block;margin:42px 0 14px;font-size:clamp(21px,2vw,30px);line-height:1.04;letter-spacing:-.03em;}
.route-choice-card p{margin:0 0 28px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.65;}
.route-choice-card b{margin-top:auto;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}

.service-path-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;}
.service-path-links a{padding:16px 18px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;text-align:center;transition:background .25s ease,color .25s ease,transform .25s ease;}
.service-path-links a:hover{background:var(--ink);color:#fff;transform:translateY(-2px);}
.story-section--dark .service-path-links a:hover{background:#fff;color:#080808;}

.reach-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;}
.reach-proof-grid article{min-height:180px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.5);}
.reach-proof-grid strong{display:block;margin-bottom:14px;font-size:clamp(20px,2vw,28px);letter-spacing:-.025em;}
.reach-proof-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.65;}
.story-section--dark .reach-proof-grid article{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045);}
.story-section--dark .reach-proof-grid span{color:rgba(255,255,255,.68);}

.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;}
.insights-grid article{padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.7);}
.insights-grid article>span{display:block;margin-bottom:24px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.14em;}
.insights-grid h3{margin:0 0 12px;font-size:clamp(21px,2vw,29px);line-height:1.08;letter-spacing:-.025em;}
.insights-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;}
.insight-link-list{display:grid;gap:10px;margin-top:28px;}
.insight-link-list a{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,2fr) auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);}
.insight-link-list a span{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--red);}
.insight-link-list a strong{font-size:clamp(17px,1.7vw,24px);font-weight:650;letter-spacing:-.02em;}
.insight-link-list a b{font-size:20px;}

.page-executive-coaching .content-hero,
.page-speaking-facilitation .content-hero,
.page-insights .content-hero{min-height:min(820px,84vh);}

.smart-form select{appearance:auto;}
.smart-form button[type="submit"]{margin-top:8px;}

@media(max-width:1180px){
  .route-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .reach-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .route-choice-grid{grid-template-columns:1fr 1fr;width:min(92vw,720px);}
  .route-choice-card{min-height:260px;}
  .insights-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .route-choice-section{padding-block:64px;}
  .route-choice-head{text-align:left;margin-bottom:28px;}
  .route-choice-head h2{font-size:clamp(36px,11vw,52px);}
  .route-choice-grid{grid-template-columns:1fr;width:calc(100vw - 36px);}
  .route-choice-card{min-height:220px;padding:22px;border-radius:20px;}
  .route-choice-card strong{margin-top:28px;}
  .service-path-links{grid-template-columns:1fr;}
  .reach-proof-grid,.insights-grid{grid-template-columns:1fr;}
  .reach-proof-grid article{min-height:0;}
  .insight-link-list a{grid-template-columns:1fr auto;gap:8px 16px;}
  .insight-link-list a span{grid-column:1/-1;}
  .page-executive-coaching .content-hero,
  .page-speaking-facilitation .content-hero,
  .page-insights .content-hero{min-height:auto;}
}

/* ==========================================================
   TRAINING LAB LOGO REFINEMENT — exact vector artwork + exact transition geometry
   ========================================================== */
.training-lab-nav-logo,
.training-lab-overview-link img,
.training-lab-mobile-brand img{
  image-rendering:auto !important;
  object-fit:contain !important;
}
@media(min-width:1241px){
  .nav-dropdown-trigger{
    min-width:158px !important;
    gap:9px !important;
    padding-inline:6px !important;
  }
  .training-lab-nav-logo{
    width:126px !important;
    height:30px !important;
    object-position:center !important;
  }
  .nav-dropdown-menu{
    width:300px !important;
    min-width:300px !important;
    padding:10px !important;
    background:rgba(8,8,8,.985) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.48) !important;
  }
  .nav-dropdown-menu>a{
    border-radius:10px !important;
    padding:10px 12px !important;
  }
  .training-lab-overview-link{
    min-height:68px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
  }
  .training-lab-overview-link img{
    width:190px !important;
    height:44px !important;
    object-position:left center !important;
  }
  .training-lab-overview-link span{
    font-size:8px !important;
    letter-spacing:.13em !important;
    opacity:.72 !important;
  }
}
@media(max-width:900px){
  .training-lab-mobile-brand img{
    width:min(48vw,180px) !important;
    height:42px !important;
  }
  .mobile-submenu .training-lab-overview-link img{
    width:min(45vw,166px) !important;
    height:39px !important;
  }
}

/* Exact Training Lab transition. The genuine logo shapes reveal first; the two red I's then join into the frame. */
.training-entry-v4{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  overscroll-behavior:contain;
}
.training-entry-v4.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryOut .40s cubic-bezier(.22,1,.36,1) 2.35s forwards;
}
.training-entry-v4__stage{
  --tl-red:#d51f32;
  position:relative;
  width:min(74vw,780px);
  aspect-ratio:1824/428;
  transform:translateZ(0);
}
.training-entry-v4__wordmark,
.training-entry-v4__logo,
.training-entry-v4__frame{position:absolute;inset:0;}
.training-entry-v4__wordmark,
.training-entry-v4__logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  user-select:none;
}
.training-entry-v4__wordmark{
  opacity:0;
  clip-path:inset(0 100% 0 0);
  filter:drop-shadow(0 0 1px rgba(255,255,255,.04));
  will-change:clip-path,opacity;
}
.training-entry-v4__logo{
  opacity:0;
  transform:scale(.998);
  will-change:opacity,transform;
}
.training-entry-v4__frame{
  z-index:2;
  display:block;
  background:var(--tl-red);
  will-change:transform;
}
/* Exact coordinates from the original Training Lab artwork. */
.training-entry-v4__i1{left:27.577%;top:0;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:bottom;}
.training-entry-v4__i2{left:41.941%;top:69.159%;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:top;}
.training-entry-v4__top{left:29.276%;top:0;width:70.724%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v4__bottom{left:43.640%;bottom:0;width:56.360%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v4__right{right:0;top:7.243%;width:1.70%;height:85.514%;transform:scaleY(0);transform-origin:top;}

.training-entry-v4.is-active .training-entry-v4__wordmark{
  animation:tlExactWordmarkType 1.02s steps(8,end) .10s forwards,
            tlExactWordmarkFade .20s ease 1.83s forwards;
}
.training-entry-v4.is-active .training-entry-v4__i1,
.training-entry-v4.is-active .training-entry-v4__i2{
  animation:trainingJoinY .26s cubic-bezier(.65,0,.35,1) 1.18s forwards;
}
.training-entry-v4.is-active .training-entry-v4__top{
  animation:trainingJoinX .38s cubic-bezier(.65,0,.35,1) 1.38s forwards;
}
.training-entry-v4.is-active .training-entry-v4__bottom{
  animation:trainingJoinX .38s cubic-bezier(.65,0,.35,1) 1.50s forwards;
}
.training-entry-v4.is-active .training-entry-v4__right{
  animation:trainingJoinY .26s cubic-bezier(.22,1,.36,1) 1.74s forwards;
}
.training-entry-v4.is-active .training-entry-v4__logo{
  animation:trainingLogoLock .24s cubic-bezier(.22,1,.36,1) 1.86s forwards;
}
@keyframes tlExactWordmarkType{
  0%{opacity:1;clip-path:inset(0 100% 0 0)}
  100%{opacity:1;clip-path:inset(0 0 0 0)}
}
@keyframes tlExactWordmarkFade{to{opacity:0}}

@media(max-width:900px){
  .training-entry-v4{padding:18px;}
  .training-entry-v4__stage{width:min(90vw,640px);}
}
html.perf-lite .training-entry-v4.is-active{
  animation:trainingEntryOut .34s ease 2.00s forwards;
}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__wordmark{
  animation:tlExactWordmarkType .86s steps(8,end) .08s forwards,
            tlExactWordmarkFade .18s ease 1.56s forwards;
}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__i1,
html.perf-lite .training-entry-v4.is-active .training-entry-v4__i2{animation-duration:.22s;animation-delay:1.00s;}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__top{animation-duration:.32s;animation-delay:1.17s;}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__bottom{animation-duration:.32s;animation-delay:1.27s;}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__right{animation-duration:.22s;animation-delay:1.49s;}
html.perf-lite .training-entry-v4.is-active .training-entry-v4__logo{animation-duration:.20s;animation-delay:1.61s;}
@media(prefers-reduced-motion:reduce){
  .training-entry-v4.is-active{animation:trainingEntryOut .22s ease .42s forwards;}
  .training-entry-v4__wordmark,.training-entry-v4__frame{display:none !important;}
  .training-entry-v4__logo{opacity:1 !important;transform:none !important;animation:none !important;}
}

/* ==========================================================
   TRAINING LAB ENTRY ANIMATION FIX — v5
   Real segmented logo reveal first, then the two red I connectors and frame.
   ========================================================== */
.training-entry-v5{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  overscroll-behavior:contain;
}
.training-entry-v5.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryOut .40s cubic-bezier(.22,1,.36,1) 2.36s forwards;
}
.training-entry-v5__stage{
  --tl-red:#d51f32;
  position:relative;
  width:min(74vw,780px);
  aspect-ratio:1824/428;
  transform:translateZ(0);
}
.training-entry-v5__typing,
.training-entry-v5__logo,
.training-entry-v5__frame,
.training-entry-v5__slice{position:absolute;inset:0;}
.training-entry-v5__typing{z-index:1;}
.training-entry-v5__slice{
  overflow:hidden;
  opacity:0;
  clip-path:inset(0 100% 0 0);
  will-change:clip-path,opacity,transform;
}
.training-entry-v5__slice img,
.training-entry-v5__logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  user-select:none;
  pointer-events:none;
}
.training-entry-v5__slice img{
  filter:drop-shadow(0 0 1px rgba(255,255,255,.04));
}
.training-entry-v5__slice--tra{left:0;right:auto;width:27.577%;}
.training-entry-v5__slice--n{left:29.276%;right:auto;width:12.665%;}
.training-entry-v5__slice--ng{left:43.640%;right:auto;width:26.159%;}
.training-entry-v5__slice--lab{left:69.799%;right:auto;width:30.201%;}

.training-entry-v5__logo{
  z-index:4;
  opacity:0;
  transform:scale(.998);
  will-change:opacity,transform;
}
.training-entry-v5__frame{
  z-index:3;
  display:block;
  background:var(--tl-red);
  will-change:transform;
}
.training-entry-v5__i1{left:27.577%;top:0;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:bottom;}
.training-entry-v5__i2{left:41.941%;top:69.159%;width:1.70%;height:30.841%;transform:scaleY(0);transform-origin:top;}
.training-entry-v5__top{left:29.276%;top:0;width:70.724%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v5__bottom{left:43.640%;bottom:0;width:56.360%;height:7.243%;transform:scaleX(0);transform-origin:left;}
.training-entry-v5__right{right:0;top:7.243%;width:1.70%;height:85.514%;transform:scaleY(0);transform-origin:top;}

.training-entry-v5.is-active .training-entry-v5__slice--tra{animation:tlV5Slice .28s steps(3,end) .08s forwards;}
.training-entry-v5.is-active .training-entry-v5__slice--n{animation:tlV5Slice .16s steps(1,end) .38s forwards;}
.training-entry-v5.is-active .training-entry-v5__slice--ng{animation:tlV5Slice .22s steps(2,end) .56s forwards;}
.training-entry-v5.is-active .training-entry-v5__slice--lab{animation:tlV5Slice .20s steps(2,end) .80s forwards;}
.training-entry-v5.is-active .training-entry-v5__i1,
.training-entry-v5.is-active .training-entry-v5__i2{animation:trainingJoinY .24s cubic-bezier(.65,0,.35,1) 1.06s forwards;}
.training-entry-v5.is-active .training-entry-v5__top{animation:trainingJoinX .34s cubic-bezier(.65,0,.35,1) 1.24s forwards;}
.training-entry-v5.is-active .training-entry-v5__bottom{animation:trainingJoinX .34s cubic-bezier(.65,0,.35,1) 1.34s forwards;}
.training-entry-v5.is-active .training-entry-v5__right{animation:trainingJoinY .22s cubic-bezier(.22,1,.36,1) 1.58s forwards;}
.training-entry-v5.is-active .training-entry-v5__typing{animation:tlV5TypingFade .18s ease 1.70s forwards;}
.training-entry-v5.is-active .training-entry-v5__logo{animation:trainingLogoLock .22s cubic-bezier(.22,1,.36,1) 1.72s forwards;}

@keyframes tlV5Slice{
  0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(0)}
  1%{opacity:1}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}
}
@keyframes tlV5TypingFade{to{opacity:0}}

@media(max-width:900px){
  .training-entry-v5{padding:18px;}
  .training-entry-v5__stage{width:min(90vw,640px);}
}
html.perf-lite .training-entry-v5.is-active{animation:trainingEntryOut .32s ease 2.02s forwards;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__slice--tra{animation-duration:.24s;animation-delay:.08s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__slice--n{animation-duration:.12s;animation-delay:.30s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__slice--ng{animation-duration:.18s;animation-delay:.44s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__slice--lab{animation-duration:.16s;animation-delay:.64s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__i1,
html.perf-lite .training-entry-v5.is-active .training-entry-v5__i2{animation-duration:.20s;animation-delay:.86s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__top{animation-duration:.28s;animation-delay:1.02s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__bottom{animation-duration:.28s;animation-delay:1.12s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__right{animation-duration:.18s;animation-delay:1.34s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__typing{animation-delay:1.46s;}
html.perf-lite .training-entry-v5.is-active .training-entry-v5__logo{animation-duration:.18s;animation-delay:1.48s;}
@media(prefers-reduced-motion:reduce){
  .training-entry-v5.is-active{animation:trainingEntryOut .22s ease .42s forwards;}
  .training-entry-v5__typing,.training-entry-v5__frame{display:none !important;}
  .training-entry-v5__logo{opacity:1 !important;transform:none !important;animation:none !important;}
}

/* ==========================================================
   TRAINING LAB ENTRY — V6 FINAL REBUILD
   Exact letter-by-letter reveal -> two red I strokes -> frame -> final logo.
   ========================================================== */
.training-entry-v6{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  overscroll-behavior:contain;
}
.training-entry-v6.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryOut .38s cubic-bezier(.22,1,.36,1) 2.30s forwards;
}
.training-entry-v6__stage{
  --tl-red:#d51f32;
  position:relative;
  width:min(74vw,780px);
  aspect-ratio:1824/428;
  transform:translateZ(0);
}
.training-entry-v6__letters,
.training-entry-v6__letter,
.training-entry-v6__logo,
.training-entry-v6__frame{position:absolute;inset:0;}
.training-entry-v6__letters{z-index:1;}
.training-entry-v6__letter{
  opacity:0;
  will-change:opacity,filter;
}
.training-entry-v6__letter img,
.training-entry-v6__logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  user-select:none;
  pointer-events:none;
}
/* Exact letter windows from the original 1824 x 428 Training Lab artwork. */
.training-entry-v6__letter.tl-letter-t{clip-path:inset(0 92.434% 0 0);}
.training-entry-v6__letter.tl-letter-r{clip-path:inset(0 83.607% 0 8.772%);}
.training-entry-v6__letter.tl-letter-a1{clip-path:inset(0 73.520% 0 16.831%);}
.training-entry-v6__letter.tl-letter-n1{clip-path:inset(0 60.471% 0 31.634%);}
.training-entry-v6__letter.tl-letter-n2{clip-path:inset(0 46.107% 0 45.998%);}
.training-entry-v6__letter.tl-letter-g{clip-path:inset(0 35.965% 0 55.647%);}
.training-entry-v6__letter.tl-letter-l{clip-path:inset(0 23.904% 0 69.792%);}
.training-entry-v6__letter.tl-letter-a2{clip-path:inset(0 13.542% 0 76.809%);}
.training-entry-v6__letter.tl-letter-b{clip-path:inset(0 4.550% 0 87.610%);}
.training-entry-v6__logo{
  z-index:4;
  opacity:0;
  transform:scale(.999);
  will-change:opacity,transform;
}
.training-entry-v6__frame{
  z-index:3;
  display:block;
  background:var(--tl-red);
  will-change:transform;
}
/* The two I strokes are the full red letter strokes, not just the frame extensions. */
.training-entry-v6__i1{left:27.577%;top:0;width:1.645%;height:68.925%;transform:scaleY(0);transform-origin:bottom;}
.training-entry-v6__i2{left:41.941%;top:30.841%;width:1.645%;height:69.159%;transform:scaleY(0);transform-origin:top;}
.training-entry-v6__top{left:29.222%;top:0;width:70.778%;height:7.009%;transform:scaleX(0);transform-origin:left;}
.training-entry-v6__bottom{left:43.586%;bottom:0;width:56.414%;height:7.009%;transform:scaleX(0);transform-origin:left;}
.training-entry-v6__right{right:0;top:7.009%;width:1.645%;height:85.748%;transform:scaleY(0);transform-origin:top;}

/* True letter-by-letter typing rhythm. */
.training-entry-v6.is-active .tl-letter-t{animation:tlV6Letter .10s steps(1,end) .08s forwards;}
.training-entry-v6.is-active .tl-letter-r{animation:tlV6Letter .10s steps(1,end) .18s forwards;}
.training-entry-v6.is-active .tl-letter-a1{animation:tlV6Letter .10s steps(1,end) .28s forwards;}
.training-entry-v6.is-active .tl-letter-n1{animation:tlV6Letter .10s steps(1,end) .38s forwards;}
.training-entry-v6.is-active .tl-letter-n2{animation:tlV6Letter .10s steps(1,end) .48s forwards;}
.training-entry-v6.is-active .tl-letter-g{animation:tlV6Letter .10s steps(1,end) .58s forwards;}
.training-entry-v6.is-active .tl-letter-l{animation:tlV6Letter .10s steps(1,end) .68s forwards;}
.training-entry-v6.is-active .tl-letter-a2{animation:tlV6Letter .10s steps(1,end) .78s forwards;}
.training-entry-v6.is-active .tl-letter-b{animation:tlV6Letter .10s steps(1,end) .88s forwards;}
.training-entry-v6.is-active .training-entry-v6__i1,
.training-entry-v6.is-active .training-entry-v6__i2{animation:trainingJoinY .28s cubic-bezier(.65,0,.35,1) 1.02s forwards;}
.training-entry-v6.is-active .training-entry-v6__top{animation:trainingJoinX .38s cubic-bezier(.65,0,.35,1) 1.28s forwards;}
.training-entry-v6.is-active .training-entry-v6__bottom{animation:trainingJoinX .38s cubic-bezier(.65,0,.35,1) 1.38s forwards;}
.training-entry-v6.is-active .training-entry-v6__right{animation:trainingJoinY .24s cubic-bezier(.22,1,.36,1) 1.68s forwards;}
.training-entry-v6.is-active .training-entry-v6__letters{animation:tlV6LettersFade .18s ease 1.78s forwards;}
.training-entry-v6.is-active .training-entry-v6__logo{animation:trainingLogoLock .20s cubic-bezier(.22,1,.36,1) 1.80s forwards;}

@keyframes tlV6Letter{
  0%{opacity:0;filter:blur(.6px)}
  100%{opacity:1;filter:blur(0)}
}
@keyframes tlV6LettersFade{to{opacity:0}}

@media(max-width:900px){
  .training-entry-v6{padding:18px;}
  .training-entry-v6__stage{width:min(90vw,640px);}
}
html.perf-lite .training-entry-v6.is-active{animation:trainingEntryOut .30s ease 1.96s forwards;}
html.perf-lite .training-entry-v6.is-active .tl-letter-t{animation-delay:.06s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-r{animation-delay:.14s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-a1{animation-delay:.22s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-n1{animation-delay:.30s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-n2{animation-delay:.38s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-g{animation-delay:.46s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-l{animation-delay:.54s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-a2{animation-delay:.62s;}
html.perf-lite .training-entry-v6.is-active .tl-letter-b{animation-delay:.70s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__i1,
html.perf-lite .training-entry-v6.is-active .training-entry-v6__i2{animation-duration:.22s;animation-delay:.82s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__top{animation-duration:.30s;animation-delay:1.02s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__bottom{animation-duration:.30s;animation-delay:1.10s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__right{animation-duration:.18s;animation-delay:1.34s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__letters{animation-delay:1.48s;}
html.perf-lite .training-entry-v6.is-active .training-entry-v6__logo{animation-duration:.18s;animation-delay:1.50s;}
@media(prefers-reduced-motion:reduce){
  .training-entry-v6.is-active{animation:trainingEntryOut .22s ease .42s forwards;}
  .training-entry-v6__letters,.training-entry-v6__frame{display:none !important;}
  .training-entry-v6__logo{opacity:1 !important;transform:none !important;animation:none !important;}
}

/* ==========================================================
   TRAINING LAB ENTRY — RESTORED APPROVED EXACT ANIMATION
   This intentionally uses the original earlier sequence:
   real logo letters type in individually -> two red I extensions grow ->
   top/bottom/right frame connects -> exact original logo locks -> page opens.
   ========================================================== */
.training-entry-exact{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:24px;
  background:#050505;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  overscroll-behavior:contain;
}
.training-entry-exact.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:trainingEntryExactOut .78s cubic-bezier(.76,0,.24,1) 3.55s forwards;
}
.training-entry-exact__glow{
  position:absolute;
  width:min(54vw,720px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(213,31,50,.14),rgba(213,31,50,.035) 36%,transparent 69%);
  filter:blur(22px);
  opacity:0;
  transform:scale(.72);
  animation:tlExactGlow 2.4s cubic-bezier(.16,1,.3,1) .75s forwards;
}
.training-entry-exact .tl-logo-exact{
  width:min(68vw,780px) !important;
  aspect-ratio:1824/428;
  animation:tlExactSettle .55s cubic-bezier(.16,1,.3,1) 2.83s both !important;
}
/* Critical: use the exact original Training Lab master artwork for every typed letter. */
.training-entry-exact .tl-exact-piece{
  background-image:url('../images/training-lab-logo-refined.svg') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  animation:tlExactType .22s cubic-bezier(.16,1,.3,1) calc(.12s + (var(--i) * .105s)) forwards !important;
}
.training-entry-exact .tl-frame-piece--i1-up{
  animation:tlExactGrowY .42s cubic-bezier(.65,0,.35,1) 1.47s forwards !important;
}
.training-entry-exact .tl-frame-piece--i2-down{
  animation:tlExactGrowY .42s cubic-bezier(.65,0,.35,1) 1.47s forwards !important;
}
.training-entry-exact .tl-frame-piece--top{
  animation:tlExactGrowX .68s cubic-bezier(.65,0,.35,1) 1.83s forwards !important;
}
.training-entry-exact .tl-frame-piece--bottom{
  animation:tlExactGrowX .68s cubic-bezier(.65,0,.35,1) 1.95s forwards !important;
}
.training-entry-exact .tl-frame-piece--right{
  animation:tlExactGrowY .38s cubic-bezier(.16,1,.3,1) 2.54s forwards !important;
}
.training-entry-exact .tl-frame-piece--spark{
  animation:tlExactSpark .55s cubic-bezier(.16,1,.3,1) 2.62s forwards !important;
}
.training-entry-exact .tl-logo-exact__final{
  content:url('../images/training-lab-logo-refined.svg') !important;
  animation:tlExactFinal .38s cubic-bezier(.16,1,.3,1) 2.80s forwards !important;
}
@keyframes trainingEntryExactOut{
  0%{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}
  42%{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}
  100%{opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0)}
}
@media(max-width:720px){
  .training-entry-exact{padding:16px;}
  .training-entry-exact .tl-logo-exact{width:78vw !important;}
  .training-entry-exact__glow{width:min(70vw,520px);}
}
@media(prefers-reduced-motion:reduce){
  .training-entry-exact.is-active{animation:trainingEntryExactOut .28s ease .62s forwards !important;}
  .training-entry-exact__glow{display:none !important;}
  .training-entry-exact .tl-exact-piece,
  .training-entry-exact .tl-frame-piece{display:none !important;}
  .training-entry-exact .tl-logo-exact__final{opacity:1 !important;animation:none !important;transform:none !important;}
  .training-entry-exact .tl-logo-exact{animation:none !important;}
}

/* Keep the approved Training Lab sequence identical on phones/tablets too. */
html.perf-lite .training-entry-exact .tl-logo-exact{
  animation:tlExactSettle .55s cubic-bezier(.16,1,.3,1) 2.83s both !important;
  contain:none !important;
}
html.perf-lite .training-entry-exact .tl-exact-piece{
  filter:blur(5px) !important;
  transform:translateY(5px) scale(.993) !important;
  animation:tlExactType .22s cubic-bezier(.16,1,.3,1) calc(.12s + (var(--i) * .105s)) forwards !important;
}
html.perf-lite .training-entry-exact .tl-frame-piece--spark{display:block !important;}
html.perf-lite .training-entry-exact .tl-logo-exact__final{
  animation:tlExactFinal .38s cubic-bezier(.16,1,.3,1) 2.80s forwards !important;
}

/* ==========================================================
   REAL SESSION PHOTOGRAPHY — supplied originals, uncropped
   ========================================================== */
.real-session-gallery-section{
  position:relative;
  padding:clamp(70px,7vw,118px) clamp(22px,4vw,68px);
  overflow:hidden;
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
.real-session-gallery-section--dark{background:#080808;color:#fff;}
.real-session-gallery-section--cream{background:#eee9df;color:#080808;}
.real-session-gallery-section--compact{padding-block:clamp(58px,6vw,94px);}
.real-session-gallery-head{
  width:min(920px,100%);
  margin:0 0 clamp(30px,4vw,54px);
}
.real-session-gallery-head .eyebrow{margin:0 0 12px;color:var(--red);}
.real-session-gallery-head h2{
  max-width:880px;
  margin:0;
  font-size:clamp(38px,5vw,74px);
  line-height:.98;
  letter-spacing:-.045em;
}
.real-session-gallery-head>p:last-child{
  max-width:720px;
  margin:18px 0 0;
  font-size:clamp(14px,1.35vw,18px);
  line-height:1.7;
  opacity:.72;
}
.real-session-masonry{
  columns:3 310px;
  column-gap:clamp(12px,1.4vw,20px);
  width:min(1540px,100%);
}
.real-session-masonry--three{columns:3 300px;}
.real-session-masonry--two{columns:2 420px;max-width:1180px;}
.real-session-shot{
  display:inline-block;
  width:100%;
  margin:0 0 clamp(12px,1.4vw,20px);
  break-inside:avoid;
  overflow:hidden;
  border-radius:clamp(16px,1.6vw,24px);
  border:1px solid rgba(255,255,255,.14);
  background:#101010;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
  vertical-align:top;
}
.real-session-gallery-section--cream .real-session-shot{
  border-color:rgba(8,8,8,.13);
  background:#f8f6f1;
  box-shadow:0 16px 38px rgba(0,0,0,.08);
}
.real-session-shot img{
  display:block;
  width:100%;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  background:transparent;
}
.real-session-shot figcaption{
  padding:13px 16px 15px;
  font-size:10px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.real-session-gallery-section--cream .real-session-shot figcaption{color:rgba(8,8,8,.58);}
@media (hover:hover) and (pointer:fine){
  .real-session-shot{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;}
  .real-session-shot:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28);box-shadow:0 24px 55px rgba(0,0,0,.18);}
  .real-session-gallery-section--cream .real-session-shot:hover{border-color:rgba(8,8,8,.24);}
}
@media(max-width:900px){
  .real-session-gallery-section{padding-inline:20px;}
  .real-session-masonry,.real-session-masonry--three,.real-session-masonry--two{columns:2 260px;}
  .real-session-gallery-head h2{font-size:clamp(36px,8vw,58px);}
}
@media(max-width:620px){
  .real-session-gallery-section{padding:58px 18px;}
  .real-session-masonry,.real-session-masonry--three,.real-session-masonry--two{columns:1;}
  .real-session-shot{margin-bottom:14px;border-radius:18px;}
  .real-session-shot figcaption{padding:11px 13px 13px;font-size:9px;}
}


/* ==========================================================
   REAL SESSION PHOTO QA FIX — stable Safari/iPhone layout
   Removes multicolumn/content-visibility instability while keeping
   every supplied image in its complete original frame.
   ========================================================== */
.real-session-gallery-section{
  content-visibility:visible !important;
  contain:none !important;
  contain-intrinsic-size:auto !important;
  overflow:clip !important;
  width:100% !important;
  max-width:100% !important;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.real-session-gallery-section--cream{
  border-top-color:rgba(8,8,8,.09);
  border-bottom-color:rgba(8,8,8,.09);
}
.real-session-gallery-head,
.real-session-masonry,
.real-session-shot{min-width:0 !important;max-width:100% !important;}
.real-session-masonry,
.real-session-masonry--three,
.real-session-masonry--two{
  columns:auto !important;
  column-gap:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(14px,1.5vw,22px) !important;
  width:min(1540px,100%) !important;
  max-width:1540px !important;
  align-items:start !important;
}
.real-session-masonry--two{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:1180px !important;
}
.real-session-shot{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  margin:0 !important;
  break-inside:auto !important;
  align-self:start !important;
}
.real-session-shot img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  flex:none !important;
}
.real-session-shot figcaption{
  width:100% !important;
  min-height:42px;
  display:flex;
  align-items:center;
}
@media(max-width:1100px){
  .real-session-masonry,
  .real-session-masonry--three,
  .real-session-masonry--two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .real-session-gallery-section{
    padding:52px 18px !important;
    overflow:hidden !important;
  }
  .real-session-masonry,
  .real-session-masonry--three,
  .real-session-masonry--two{
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  .real-session-shot{border-radius:16px !important;}
  .real-session-shot figcaption{min-height:38px !important;}
}

/* Final global overflow/alignment hardening for production. */
html,body{width:100%;max-width:100%;overflow-x:hidden !important;}
main,.content-page,.content-flow,.story-main,.story-body,.real-session-gallery-section{min-width:0;}
.site-nav.nav-v5{max-width:100vw !important;}
.nav-dropdown-menu{box-sizing:border-box !important;}
img{height:auto;}

/* ==========================================================
   TRAINING LAB ECOSYSTEM + INFOGRAPHIC VISUAL LAYER — 08 SEP 2026
   Inspired by connected-roadmap/orbit references; rebuilt in the site brand.
   ========================================================== */

/* Training Lab submenu: Business Lab is nested here, never top-level. */
.nav-dropdown-menu > a[href="business-lab.html"]{position:relative;}
.nav-dropdown-menu > a[href="business-lab.html"]::before{
  content:"";
  width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;
}
.nav-dropdown-menu > a[href="business-lab.html"].active,
.nav-dropdown-menu > a[href="business-lab.html"][aria-current="page"]{
  background:rgba(213,31,50,.12) !important;
  color:#fff !important;
}
.mobile-submenu > a[href="business-lab.html"]{border-top:1px solid rgba(255,255,255,.08);}

/* Business Lab hierarchy cue */
.business-lab-path-strip{
  width:min(1180px,92vw);
  margin:24px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:13px 18px;
  border:1px solid rgba(8,8,8,.12);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.business-lab-path-strip a{opacity:.62;transition:opacity .2s ease,color .2s ease;}
.business-lab-path-strip a:hover{opacity:1;color:var(--red);}
.business-lab-path-strip strong{color:var(--red);}
.business-lab-path-strip span{opacity:.28;}

/* Training Lab ecosystem network */
.tl-ecosystem-section{overflow:hidden;}
.tl-ecosystem-section .story-main{min-width:0;}
.tl-ecosystem-map{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-areas:
    "programmes hub business"
    ". service .";
  align-items:center;
  gap:28px 34px;
  margin-top:42px;
  padding:34px 0 6px;
  isolation:isolate;
}
.tl-ecosystem-map::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:15%;right:15%;top:31%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(213,31,50,.62) 15%,rgba(255,255,255,.25) 50%,rgba(213,31,50,.62) 85%,transparent);
}
.tl-ecosystem-map::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:30%;bottom:21%;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(213,31,50,.62),transparent);
}
.tl-ecosystem-hub{
  grid-area:hub;
  width:min(230px,100%);
  aspect-ratio:1;
  justify-self:center;
  display:grid;
  place-items:center;
  align-content:center;
  gap:15px;
  padding:32px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%,rgba(213,31,50,.17),transparent 54%),
    rgba(255,255,255,.045);
  box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 0 0 18px rgba(255,255,255,.018);
}
.tl-ecosystem-hub img{width:min(165px,88%);height:auto;}
.tl-ecosystem-hub span{font-size:9px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.52);}
.tl-ecosystem-node{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:"num title arrow" ". copy arrow";
  gap:7px 14px;
  min-height:170px;
  padding:24px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.tl-ecosystem-node:hover{transform:translateY(-5px);border-color:rgba(213,31,50,.58);background:linear-gradient(145deg,rgba(213,31,50,.11),rgba(255,255,255,.035));}
.tl-ecosystem-node--programmes{grid-area:programmes;}
.tl-ecosystem-node--business{grid-area:business;}
.tl-ecosystem-node--service{grid-area:service;justify-self:center;width:min(430px,100%);}
.tl-ecosystem-num{
  grid-area:num;
  display:grid;place-items:center;
  width:38px;height:38px;border-radius:50%;
  background:var(--red);color:#fff;
  font-size:10px;font-weight:900;letter-spacing:.08em;
}
.tl-ecosystem-node strong{grid-area:title;align-self:center;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.025em;line-height:1.05;}
.tl-ecosystem-node small{grid-area:copy;color:rgba(255,255,255,.62);font-size:12px;line-height:1.65;}
.tl-ecosystem-node b{grid-area:arrow;align-self:center;font-size:22px;color:var(--red);font-weight:500;}

/* Connected process roadmap — replaces generic card grid visually, keeps the exact text. */
.steps-grid.infographic-roadmap{
  position:relative;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:38px !important;
  padding-top:34px !important;
}
.steps-grid.infographic-roadmap::before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:50px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--red) 8%,rgba(213,31,50,.32) 50%,var(--red) 92%,transparent);
}
.steps-grid.infographic-roadmap article{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:220px !important;
  padding:52px 20px 22px !important;
  border:1px solid rgba(8,8,8,.12) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.7) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.055);
}
.story-section--dark .steps-grid.infographic-roadmap article{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.steps-grid.infographic-roadmap article>span{
  position:absolute !important;
  left:50% !important;top:-18px !important;
  transform:translateX(-50%);
  width:46px !important;height:46px !important;
  display:grid !important;place-items:center;
  margin:0 !important;
  border-radius:50% !important;
  background:var(--red) !important;
  color:#fff !important;
  border:5px solid var(--paper) !important;
  font-size:10px !important;font-weight:900 !important;
  letter-spacing:.08em !important;
}
.story-section--dark .steps-grid.infographic-roadmap article>span{border-color:#0a0a0a !important;}
.steps-grid.infographic-roadmap article p{font-size:13px !important;line-height:1.7 !important;}
.steps-grid.infographic-roadmap article:nth-child(even){transform:translateY(24px);}

/* Business capability list becomes a deliberate infographic band system. */
.business-function-map{
  counter-reset:business-map;
  display:grid !important;
  gap:10px !important;
  margin-top:26px !important;
}
.business-function-map li{
  counter-increment:business-map;
  position:relative;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) 24px;
  align-items:center;
  gap:16px;
  min-height:86px;
  padding:15px 20px 15px 14px !important;
  border:1px solid rgba(8,8,8,.12) !important;
  border-radius:18px !important;
  background:linear-gradient(90deg,rgba(213,31,50,.055),rgba(255,255,255,.86)) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.business-function-map li::before{
  content:counter(business-map,decimal-leading-zero);
  display:grid;place-items:center;
  width:44px;height:44px;border-radius:50%;
  background:#0a0a0a;color:#fff;
  font-size:10px;font-weight:900;letter-spacing:.08em;
}
.business-function-map li>span{display:none !important;}
.business-function-map li::after{content:"↗";color:var(--red);font-size:20px;justify-self:end;}
.business-function-map li:nth-child(even){margin-left:4%;}
.business-function-map li:nth-child(odd){margin-right:4%;}

/* Programme sections: subtle numbered infographic markers, no content rewrite. */
.programme-infographic-row .story-main{position:relative;}
.programme-infographic-row .story-main::before{
  content:attr(data-programme-index);
  position:absolute;
  top:0;right:0;
  display:grid;place-items:center;
  width:54px;height:54px;border-radius:50%;
  border:1px solid rgba(213,31,50,.48);
  background:rgba(213,31,50,.08);
  color:var(--red);
  font-size:11px;font-weight:900;letter-spacing:.08em;
}
.programme-infographic-row .story-main>h2{padding-right:72px;}
.programme-infographic-row .story-main::after{
  content:"";
  display:block;
  width:min(180px,35%);height:2px;
  margin-top:28px;
  background:linear-gradient(90deg,var(--red),transparent);
}

@media(max-width:1100px){
  .tl-ecosystem-map{grid-template-columns:1fr 1fr;grid-template-areas:"hub hub" "programmes business" "service service";}
  .tl-ecosystem-map::before{left:24%;right:24%;top:39%;}
  .tl-ecosystem-map::after{top:18%;bottom:17%;}
  .tl-ecosystem-node--service{width:min(520px,100%);}
  .steps-grid.infographic-roadmap{grid-template-columns:repeat(3,minmax(0,1fr)) !important;row-gap:44px !important;}
  .steps-grid.infographic-roadmap::before{display:none;}
  .steps-grid.infographic-roadmap article:nth-child(even){transform:none;}
}
@media(max-width:720px){
  .business-lab-path-strip{width:calc(100vw - 32px);overflow:auto;justify-content:flex-start;white-space:nowrap;border-radius:18px;}
  .tl-ecosystem-map{grid-template-columns:1fr;grid-template-areas:"hub" "programmes" "business" "service";gap:16px;padding-top:20px;}
  .tl-ecosystem-map::before{display:none;}
  .tl-ecosystem-map::after{left:25px;top:190px;bottom:70px;background:linear-gradient(180deg,rgba(213,31,50,.5),rgba(213,31,50,.12),transparent);}
  .tl-ecosystem-hub{width:min(210px,66vw);margin-bottom:8px;}
  .tl-ecosystem-node,.tl-ecosystem-node--service{width:100%;min-height:0;padding:20px;border-radius:19px;}
  .steps-grid.infographic-roadmap{grid-template-columns:1fr !important;gap:18px !important;padding-top:12px !important;margin-top:26px !important;}
  .steps-grid.infographic-roadmap::before{display:block;left:21px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--red),rgba(213,31,50,.12),transparent);}
  .steps-grid.infographic-roadmap article{min-height:0 !important;padding:20px 18px 20px 68px !important;}
  .steps-grid.infographic-roadmap article>span{left:21px !important;top:24px !important;transform:translateX(-50%);width:42px !important;height:42px !important;}
  .business-function-map li,.business-function-map li:nth-child(even),.business-function-map li:nth-child(odd){margin:0 !important;grid-template-columns:46px minmax(0,1fr) 18px;gap:12px;padding:13px 14px !important;border-radius:15px !important;}
  .business-function-map li::before{width:38px;height:38px;}
  .programme-infographic-row .story-main::before{position:relative;top:auto;right:auto;margin-bottom:20px;width:46px;height:46px;}
  .programme-infographic-row .story-main>h2{padding-right:0;}
}

/* ==========================================================
   WHOLE-SITE ALIGNMENT AUTHORITY — 08 SEP 2026
   Final geometry layer after all content, photo and infographic revisions.
   ========================================================== */
:root{
  --site-gutter:clamp(24px,4.8vw,76px);
  --site-max:1302px;
  --site-copy:720px;
  --site-nav-h:72px;
}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
body{min-width:0!important;}
main,.tr-main,.content-page,.content-flow,.doc-exact-home,footer{width:100%;max-width:100%;min-width:0;}
*,*::before,*::after{box-sizing:border-box;}

/* Header: one baseline and one vertical rhythm. */
.site-nav.nav-v5,
.site-nav.nav-v5.static-brand-nav,
.tr-home .site-nav.nav-v5,
.page-internal .site-nav.nav-v5{
  height:var(--site-nav-h)!important;
  min-height:var(--site-nav-h)!important;
  align-items:center!important;
}
@media(min-width:1241px){
  .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5{
    grid-template-columns:minmax(226px,282px) minmax(0,1fr) 118px!important;
    gap:22px!important;
    padding-inline:clamp(24px,3.35vw,52px)!important;
  }
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link{
    width:clamp(220px,18vw,276px)!important;
    height:48px!important;
    align-self:center!important;
  }
  .desktop-nav,.fallback-desktop-nav{
    width:100%!important;
    min-width:0!important;
    height:var(--site-nav-h)!important;
    justify-self:center!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:clamp(18px,1.75vw,30px)!important;
  }
  .desktop-nav>a,.desktop-nav>.nav-dropdown,
  .fallback-desktop-nav>a,.fallback-desktop-nav>.nav-dropdown{
    height:var(--site-nav-h)!important;
    min-height:var(--site-nav-h)!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
  }
  .nav-dropdown-trigger{
    height:var(--site-nav-h)!important;
    min-height:var(--site-nav-h)!important;
    min-width:142px!important;
    padding:0 4px!important;
  }
  .training-lab-nav-logo{width:112px!important;height:30px!important;}
  .nav-cta{height:40px!important;min-width:112px!important;padding-inline:18px!important;align-self:center!important;}
}
@media(max-width:1240px){
  .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    padding-inline:18px!important;
  }
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link{align-self:center!important;}
  .menu-button{align-self:center!important;justify-self:end!important;margin:0!important;}
}
@media(max-width:600px){
  :root{--site-nav-h:70px;--site-gutter:18px;}
  .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5{padding-inline:14px!important;}
  .site-nav.nav-v5 .brand-link,
  .site-nav.nav-v5.static-brand-nav .brand-link{width:min(60vw,214px)!important;height:44px!important;}
}

/* Dropdown is centered under Training Lab and cannot drift out of viewport. */
.nav-dropdown{min-width:0!important;}
.nav-dropdown-menu{
  width:300px!important;
  min-width:0!important;
  max-width:min(300px,calc(100vw - 28px))!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.nav-dropdown-menu>a{width:100%!important;min-width:0!important;margin:0!important;}
.training-lab-overview-link{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;}
.training-lab-overview-link img{width:min(184px,100%)!important;height:42px!important;object-fit:contain!important;object-position:left center!important;}
.training-lab-overview-link span{white-space:nowrap!important;align-self:center!important;}

/* Internal hero system: common edge, common split, no accidental width drift. */
@media(min-width:901px){
  .content-hero,.content-hero.dense-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr)!important;
    width:100%!important;
    min-height:calc(100svh - var(--site-nav-h))!important;
    align-items:stretch!important;
  }
  .content-hero-copy{
    min-width:0!important;
    align-self:center!important;
    padding:clamp(62px,8vh,104px) var(--site-gutter) clamp(54px,7vh,84px)!important;
  }
  .content-hero-copy h1{max-width:900px!important;margin:18px 0 22px!important;}
  .content-hero-copy>p{max-width:var(--site-copy)!important;}
  .content-hero-media{min-width:0!important;min-height:590px!important;}
}
@media(max-width:900px){
  :root{--site-gutter:22px;}
  .content-hero,.content-hero.dense-hero{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-height:auto!important;}
  .content-hero-copy{width:100%!important;max-width:none!important;padding:54px var(--site-gutter) 40px!important;}
  .content-hero-copy h1{width:100%!important;max-width:100%!important;margin:16px 0 20px!important;}
  .content-hero-copy>p{max-width:100%!important;}
  .content-hero-media{width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;}
  .content-hero-media img{position:relative!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
}
@media(max-width:600px){
  .content-hero-copy{padding:48px 18px 36px!important;}
}
/* Preserve the intentionally art-directed Impact mobile hero. */
@media(max-width:760px){
  .page-impact-refined .content-hero{width:calc(100% - 24px)!important;margin:18px auto!important;}
  .page-impact-refined .content-hero-copy{padding:0!important;}
}

/* Long-form sections: a single centred grid across every internal page. */
.story-section{
  width:100%!important;
  grid-template-columns:120px minmax(0,1040px)!important;
  justify-content:center!important;
  gap:clamp(32px,4.4vw,64px)!important;
  padding-left:var(--site-gutter)!important;
  padding-right:var(--site-gutter)!important;
}
.story-aside{width:120px!important;min-width:0!important;}
.story-main{width:100%!important;max-width:1040px!important;min-width:0!important;}
.story-body{width:100%!important;max-width:var(--site-copy)!important;min-width:0!important;}
.story-main>h2{max-width:880px!important;}
.story-body>p,.story-main>p{max-width:var(--site-copy)!important;}
@media(max-width:1100px) and (min-width:901px){
  .story-section{grid-template-columns:100px minmax(0,1fr)!important;justify-content:stretch!important;gap:32px!important;}
  .story-aside{width:100px!important;}
}
@media(max-width:900px){
  .story-section{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding-left:22px!important;padding-right:22px!important;}
  .story-aside{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding-top:0!important;}
  .story-aside>span{flex:none!important;margin:0!important;font-size:44px!important;line-height:1!important;}
  .story-aside .eyebrow{max-width:none!important;margin:0!important;}
  .story-main,.story-body{max-width:100%!important;}
}
@media(max-width:600px){
  .story-section{padding-left:18px!important;padding-right:18px!important;}
  .story-aside>span{font-size:40px!important;}
}

/* Gallery alignment matches the editorial page gutter at every size. */
.real-session-gallery-section{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important;}
.real-session-gallery-head,.real-session-masonry{width:100%!important;max-width:var(--site-max)!important;margin-left:auto!important;margin-right:auto!important;}
.real-session-gallery-head{max-width:920px!important;margin-left:0!important;}
.real-session-masonry,.real-session-masonry--three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.real-session-masonry--two{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:1180px!important;}
@media(max-width:1050px){
  .real-session-masonry,.real-session-masonry--three,.real-session-masonry--two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .real-session-gallery-section{padding-left:18px!important;padding-right:18px!important;}
  .real-session-masonry,.real-session-masonry--three,.real-session-masonry--two{grid-template-columns:minmax(0,1fr)!important;}
}

/* New infographic layer: keep every diagram inside the same content geometry. */
.tl-ecosystem-map,.steps-grid.infographic-roadmap,.business-function-map{width:100%!important;max-width:100%!important;min-width:0!important;}
.tl-ecosystem-node,.tl-ecosystem-hub,.steps-grid.infographic-roadmap article,.business-function-map li{min-width:0!important;}
@media(max-width:1100px){
  .steps-grid.infographic-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 16px!important;}
  .steps-grid.infographic-roadmap article:nth-child(even){transform:none!important;}
}
@media(max-width:650px){
  .tl-ecosystem-map{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"hub" "programmes" "business" "service"!important;}
  .tl-ecosystem-map::before{display:none!important;}
  .steps-grid.infographic-roadmap{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;}
  .business-function-map li,.business-function-map li:nth-child(even),.business-function-map li:nth-child(odd){width:100%!important;margin-left:0!important;margin-right:0!important;}
}

/* Nested Business Lab path: same page edge, no sideways scroll on phones. */
.business-lab-path-strip{width:min(var(--site-max),calc(100% - 36px))!important;max-width:var(--site-max)!important;margin-inline:auto!important;}
@media(max-width:600px){
  .business-lab-path-strip{width:calc(100% - 36px)!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;overflow:visible!important;white-space:normal!important;border-radius:18px!important;gap:8px 10px!important;}
}

/* Conversion cards / homepage additions share a predictable centered width. */
.route-choice-head,.route-choice-grid{box-sizing:border-box!important;}
.route-choice-grid{width:min(var(--site-max),calc(100% - 48px))!important;max-width:var(--site-max)!important;}
@media(max-width:820px){.route-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){.route-choice-grid{width:calc(100% - 36px)!important;grid-template-columns:minmax(0,1fr)!important;}}

/* Testimonial reviewer rail is intentionally scrollable, but never leaks outside its stage. */
.tr-testimonials-cinematic,.tr-cinematic-review-stage{max-width:100%!important;overflow:hidden!important;}
@media(max-width:900px){
  .tr-cinematic-reviewers{max-width:calc(100% - 28px)!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;}
  .tr-testimonials-cinematic .tr-review-person{flex:0 0 84px!important;min-width:84px!important;max-width:84px!important;}
  .tr-review-person-meta{max-width:84px!important;}
  .tr-review-person-meta b{overflow-wrap:anywhere!important;}
}

/* Kinetic red strips: keep animation transform-only on mobile instead of a clipped static line. */
.kinetic-line{width:100%!important;max-width:100%!important;overflow:hidden!important;}
html.perf-lite .kinetic-line>div{animation:kinetic 34s linear infinite!important;will-change:transform!important;}
@media(prefers-reduced-motion:reduce){
  .kinetic-line>div{animation:none!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;transform:none!important;}
}

/* Prevent Safari/iPhone deferred-section height jumps. */
@media(max-width:900px){
  html.perf-lite .content-flow>.story-section,
  html.perf-lite .tr-impact-cards,
  html.perf-lite .tr-brand-split,
  html.perf-lite .tr-final-cta,
  html.perf-lite .linkedin-proof-section{
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
  }
}

/* Actions, forms and cards cannot exceed their parent width. */
.actions,.story-actions,.service-path-links,.smart-form,.insights-grid,.reach-proof-grid,.premium-list,.steps-grid{max-width:100%!important;min-width:0!important;}
.button,.transition-cta,.story-actions a,.actions a{max-width:100%!important;white-space:normal!important;text-align:center!important;}
.smart-form input,.smart-form textarea,.smart-form select,.smart-form button{width:100%!important;max-width:100%!important;min-width:0!important;}

/* Footer follows the same outside edge as the rest of the site. */
footer{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important;align-items:start!important;}
footer .footer-brand,footer>p,footer .footer-contact{min-width:0!important;max-width:100%!important;}
@media(max-width:900px){footer{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:44px 22px!important;}}
@media(max-width:600px){footer{padding-left:18px!important;padding-right:18px!important;}}

/* Mobile/tablet cleanup after whole-site QA: remove legacy floating-header/media margins. */
@media(max-width:900px){
  .site-nav.nav-v5,
  .site-nav.nav-v5.static-brand-nav,
  .tr-home .site-nav.nav-v5,
  .page-internal .site-nav.nav-v5{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    border-radius:0!important;
    margin:0!important;
  }
  .page-internal .content-hero{padding-top:var(--site-nav-h)!important;}
  .page-internal .content-hero-media,
  .content-page .content-hero-media{
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
  }
  .content-flow>.story-section{
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
  }
}

/* ==========================================================
   CROSS-BROWSER TRAINING LAB LOGO SHARPNESS — 2026-09-09
   Some WebKit/Chromium compositors can preserve a rasterized
   intermediate frame when filter:blur() + scale animations are
   combined on clipped logo pieces. Keep the approved sequence,
   but animate only opacity/translation and use the SVG master.
   ========================================================== */
.tl-logo-exact,
.tl-logo-intro--exact .tl-logo-exact,
.training-entry-exact .tl-logo-exact,
html.perf-lite .training-entry-exact .tl-logo-exact{
  transform:none !important;
  animation:none !important;
  contain:none !important;
  -webkit-font-smoothing:antialiased;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

.tl-exact-piece,
.training-entry-exact .tl-exact-piece,
html.perf-lite .training-entry-exact .tl-exact-piece{
  background-image:url('../images/training-lab-logo-refined.svg') !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:translateY(4px) !important;
  will-change:opacity !important;
  animation:tlExactTypeSharp .20s cubic-bezier(.16,1,.3,1) calc(.12s + (var(--i) * .105s)) forwards !important;
}

.tl-logo-exact__final,
.training-entry-exact .tl-logo-exact__final,
html.perf-lite .training-entry-exact .tl-logo-exact__final{
  content:url('../images/training-lab-logo-refined.svg') !important;
  object-fit:contain !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
  will-change:opacity !important;
  image-rendering:auto !important;
  animation:tlExactFinalSharp .28s ease 2.72s forwards !important;
}

@keyframes tlExactTypeSharp{
  0%{opacity:0;transform:translateY(4px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes tlExactFinalSharp{
  0%{opacity:0}
  100%{opacity:1}
}

/* The glow may remain, but it must never composite onto the logo itself. */
.training-entry-exact__glow,
.tl-logo-intro--exact .tl-logo-intro__glow{
  z-index:-1 !important;
  pointer-events:none !important;
}