@font-face{font-family:Inter;src:local("Inter");font-display:swap}
:root{--ink:#0b0b0b;--muted:#4b4b4b;--paper:#fff;--accent:#c6cc03}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}button,input,textarea,select{font:inherit}
.brandBackground{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url('/assets/img/exzeed-background.svg');background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:.36;transform:translateZ(0)}
.brandBackground:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.22)}
main,.siteHeader,.siteFooter{position:relative;z-index:1}
.contentWrap{width:min(1000px,calc(100% - 96px));margin:0 auto}
.contentWrap.narrow{max-width:760px}
.skipLink{position:fixed;left:16px;top:-100px;background:#111;color:#fff;padding:12px;z-index:999}.skipLink:focus{top:16px}
.siteHeader{position:fixed;inset:0 0 auto;z-index:50;height:116px;pointer-events:none}
.menuTrigger{position:absolute;right:55px;top:38px;width:70px;height:70px;border:0;background:transparent;padding:10px;cursor:pointer;pointer-events:auto;z-index:3;touch-action:manipulation}
.menuTrigger img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .32s ease,opacity .25s ease}
.menuTrigger:hover img{transform:scale(1.055)}
.menuTrigger[aria-expanded="true"] img{transform:scale(.94)}
.siteMenu{position:fixed;inset:0;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s;pointer-events:none;background:rgba(255,255,255,.12);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.siteMenu.isOpen{opacity:1;visibility:visible;pointer-events:auto}
.menuInner{position:absolute;right:0;top:0;height:100%;width:min(430px,34vw);background:rgba(255,255,255,.97);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px 58px 70px;gap:26px;transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.75,.2,1)}
.siteMenu.isOpen .menuInner{transform:translateX(0)}
.menuInner a{font-size:clamp(25px,2.3vw,38px);font-weight:600;text-decoration:none;line-height:1.12;letter-spacing:-.035em;transition:opacity .2s,transform .2s}
.menuInner a:hover{opacity:.5;transform:translateX(4px)}
.hero,.pageHero,.errorPage{min-height:100svh;display:flex;align-items:center;position:relative}
.heroContent{padding-top:40px}
.hero h1,.pageHero h1,.errorPage h1{font-size:clamp(56px,6.25vw,96px);line-height:.98;letter-spacing:-.062em;max-width:880px;margin:0;font-weight:720}
.lead{font-size:clamp(18px,1.55vw,23px);line-height:1.55;max-width:700px;margin:34px 0 0;color:var(--muted)}
.heroActions{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;text-decoration:none;border:1px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,background .2s,color .2s,opacity .2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--ink);color:#fff}
.button.ghost{background:transparent;border-width:0 0 2px;padding-left:0;padding-right:0;border-color:var(--accent)}
.scrollCue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:34px;height:48px;display:grid;place-items:center;text-decoration:none}
.scrollMouse{width:21px;height:37px;border:1.5px solid var(--ink);border-radius:13px;position:relative;opacity:.85}
.scrollMouse i{position:absolute;left:50%;top:7px;width:2px;height:7px;background:var(--ink);border-radius:3px;transform:translateX(-50%);animation:scrollDot 1.8s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}75%{opacity:1;transform:translate(-50%,10px)}100%{opacity:0;transform:translate(-50%,12px)}}
.statement{min-height:100svh;display:flex;align-items:center;padding:130px 0}
.statementContent{max-width:1000px}
.eyebrow{text-transform:none;letter-spacing:.035em;font-size:clamp(14px,1.2vw,17px);font-weight:600;margin:0 0 32px;color:#333}
.statement h2,.connect h2{font-size:clamp(50px,6.2vw,96px);line-height:.98;letter-spacing:-.057em;max-width:900px;margin:0}
.statementGrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin:56px 0 0;max-width:930px}
.statementGrid p,.richText p{font-size:clamp(18px,1.45vw,22px);line-height:1.65;margin:0 0 28px;color:#2b2b2b}
.connect{min-height:82svh;display:flex;align-items:center;padding:120px 0}
.emailLink{display:inline-block;font-size:clamp(34px,5.2vw,78px);font-weight:600;letter-spacing:-.05em;text-decoration:none;border-bottom:2px solid;margin-top:48px}
.emailLink.small{font-size:clamp(25px,3vw,48px)}
.socialLinks{display:flex;gap:24px;margin-top:34px}
.socialLinks a{width:30px;height:30px;display:block;transition:opacity .2s,transform .2s}.socialLinks a:hover{opacity:.48;transform:translateY(-2px)}.socialLinks svg{width:100%;height:100%;fill:currentColor}
.pageHero{padding:130px 0 80px}.pageHero.compact{min-height:62svh}.pageBody{padding:20px 0 140px}.richText{max-width:760px}
.contactSection{padding:0 0 130px}.contactGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contactForm label{display:block;margin-bottom:22px;font-weight:600}.contactForm input,.contactForm textarea,.contactForm select{width:100%;padding:15px 0;border:0;border-bottom:1px solid #777;background:transparent;border-radius:0;outline:none}.contactForm input:focus,.contactForm textarea:focus,.contactForm select:focus{border-bottom-color:#111;box-shadow:0 1px 0 #111}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;font-size:14px}.check input{width:auto;margin-top:4px}.hp{position:absolute!important;left:-9999px!important}.formError{padding:16px;background:#fff0f0;margin-bottom:20px}.formSuccess{padding:28px;border:1px solid #111}
.legalPage{padding:170px 0 120px}.legalPage h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.055em;margin:0 0 70px}.legalPage h2{font-size:24px;margin:50px 0 15px}.legalPage p{font-size:18px;line-height:1.65}
.siteFooter{display:flex;justify-content:space-between;gap:30px;padding:38px 48px;border-top:0;background:rgba(255,255,255,.78)}.siteFooter div{display:flex;gap:20px}.siteFooter nav{display:flex;gap:20px}.siteFooter a,.siteFooter button{border:0;background:none;text-decoration:none;padding:0;cursor:pointer}
.cookiePanel{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.35);display:grid;place-items:center;padding:20px}.cookiePanel[hidden]{display:none}.cookieBox{background:#fff;width:min(560px,100%);padding:34px}.cookieBox h2{font-size:32px;margin-top:0}.cookieRow{display:flex;gap:12px;margin:18px 0}.cookieActions{display:flex;gap:20px;margin-top:28px}.cookieActions button{background:#111;color:#fff;border:0;padding:12px 18px}.cookieActions .textButton{background:transparent;color:#111}.errorPage{padding:120px 0}
.pageHeroImage{margin:50px 0 0;max-width:850px}.pageHeroImage img{width:100%;height:auto;display:block}.cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0 120px}.contentCard{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.16);padding:30px;min-height:250px}.contentCard h3{font-size:30px;line-height:1.1;margin:0 0 20px;letter-spacing:-.035em}.quotesGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 0 140px}.quotesGrid blockquote{margin:0;padding:34px;background:#111;color:#fff;font-size:24px;line-height:1.45}.quotesGrid footer{margin-top:24px;font-size:14px;color:#ccc}
@media(max-width:1100px){.contentWrap{width:min(900px,calc(100% - 72px))}.hero h1{font-size:clamp(54px,7vw,86px);max-width:800px}.brandBackground{background-size:auto 100%;background-position:center}.menuInner{width:min(440px,42vw)}}
@media(max-width:900px),(orientation:portrait) and (max-width:1180px){.brandBackground{background-size:auto 92%;background-position:51% center;opacity:.30}.brandBackground:after{background:rgba(255,255,255,.32)}.contentWrap{width:min(100% - 48px,760px)}.siteHeader{height:92px}.menuTrigger{left:22px;right:auto;top:19px;width:62px;height:62px}.siteMenu{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.menuInner{left:0;right:auto;width:min(430px,82vw);transform:translateX(-100%);padding:100px 30px 54px}.siteMenu.isOpen .menuInner{transform:translateX(0)}.heroContent{padding-top:40px}.hero h1,.pageHero h1,.errorPage h1{font-size:clamp(48px,11vw,82px);max-width:720px}.lead{max-width:650px}.statementGrid,.contactGrid{grid-template-columns:1fr;gap:22px}.statement,.connect{padding:105px 0}.siteFooter{padding:32px 24px;flex-direction:column}.siteFooter div,.siteFooter nav{flex-wrap:wrap}.fieldGrid{grid-template-columns:1fr}}
@media(max-width:560px){.brandBackground{background-size:auto 82%;background-position:48% center;opacity:.27}.brandBackground:after{background:rgba(255,255,255,.38)}.contentWrap{width:calc(100% - 34px)}.hero{align-items:center}.hero h1{font-size:clamp(45px,13vw,66px);max-width:100%}.heroActions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:34px}.button{width:auto}.lead{font-size:18px;margin-top:26px}.statement h2,.connect h2{font-size:45px}.eyebrow{line-height:1.55}.emailLink{font-size:29px}.pageHero{padding-top:120px}.legalPage{padding-top:125px}.siteFooter div{flex-direction:column;gap:4px}.siteFooter nav{gap:14px;font-size:14px}.scrollCue{bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* =========================================================
   EXZEED 1.0.3 — final responsive wallpaper and menu trigger
   Uses the cleaned original EXZEED vector wallpaper.
   ========================================================= */

/* Wallpaper is fixed to the viewport and always fills it. */
.brandBackground{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100svh !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-image:url('/assets/img/exzeed-background.svg') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  opacity:.34 !important;
  transform:translateZ(0);
}

/* Softens the geometry without creating a rectangular gradient. */
.brandBackground::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(255,255,255,.24) !important;
}

/* Larger logo/menu button on desktop and iPad landscape. */
.menuTrigger{
  right:42px !important;
  left:auto !important;
  top:30px !important;
  width:92px !important;
  height:92px !important;
  padding:13px !important;
}

/* The same logo remains the open and close control. */
.menuTrigger[aria-expanded="true"] img{
  transform:scale(.96) !important;
}

/* The scroll indicator is intentionally removed. */
.scrollCue,
.scrollMouse{
  display:none !important;
}

/* iPad portrait: dedicated crop, full-screen, logo/menu on the left. */
@media (orientation:portrait) and (max-width:1180px){
  .brandBackground{
    background-size:auto 118% !important;
    background-position:53% center !important;
    opacity:.31 !important;
  }
  .brandBackground::after{
    background:rgba(255,255,255,.30) !important;
  }
  .menuTrigger{
    left:24px !important;
    right:auto !important;
    top:22px !important;
    width:80px !important;
    height:80px !important;
    padding:11px !important;
  }
  .menuInner{
    left:0 !important;
    right:auto !important;
    transform:translateX(-100%) !important;
  }
  .siteMenu.isOpen .menuInner{
    transform:translateX(0) !important;
  }
}

/* Smartphones, including landscape: logo/menu left and a stronger wallpaper crop. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .brandBackground{
    background-size:auto 150% !important;
    background-position:48% center !important;
    opacity:.28 !important;
  }
  .brandBackground::after{
    background:rgba(255,255,255,.36) !important;
  }
  .menuTrigger{
    left:16px !important;
    right:auto !important;
    top:14px !important;
    width:72px !important;
    height:72px !important;
    padding:10px !important;
  }
  .menuInner{
    left:0 !important;
    right:auto !important;
    width:min(430px,88vw) !important;
    transform:translateX(-100%) !important;
  }
  .siteMenu.isOpen .menuInner{
    transform:translateX(0) !important;
  }
}



/* =========================================================
   EXZEED 1.0.4 — portrait crop + stronger menu mark
   ========================================================= */

/* Use the tightly cropped transparent logo asset. */
.menuTrigger img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

/* The click target stays generous; the visible mark now fills it. */
.menuTrigger{
  width:104px !important;
  height:104px !important;
  padding:12px !important;
}

/* iPad portrait:
   slightly less zoom and a rightward wallpaper shift reveal substantially
   more of the pale-green mark while keeping the screen fully covered. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .brandBackground{
    background-size:auto 110% !important;
    background-position:40% center !important;
  }
  .menuTrigger{
    width:94px !important;
    height:94px !important;
    padding:10px !important;
  }
}

/* Phones retain the left-side trigger, but the visible mark is stronger. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .menuTrigger{
    width:82px !important;
    height:82px !important;
    padding:9px !important;
  }
}


/* EXZEED 1.0.5 — Hero & spacing design freeze */
.heroContent{
  transform:translate(5vw,48px);
  width:min(920px,calc(100% - 10vw));
  margin-left:0;
}
.hero h1{
  max-width:850px;
  font-size:clamp(60px,6vw,94px);
  line-height:.98;
  letter-spacing:-.058em;
}
.lead{
  margin-top:46px;
  max-width:690px;
  font-size:clamp(19px,1.45vw,22px);
  line-height:1.62;
  font-weight:430;
}
.heroActions{margin-top:52px;gap:34px}
.button{min-height:58px;padding:0 32px}
.button.ghost{min-height:42px}

@media(max-width:1180px){
  .heroContent{transform:translate(3vw,38px);width:min(850px,calc(100% - 6vw))}
}
@media(orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .brandBackground{background-size:auto 106% !important;background-position:36% center !important}
  .heroContent{transform:translate(0,34px);width:min(100% - 72px,760px);margin:0 auto}
  .hero h1{font-size:clamp(58px,10.5vw,84px)}
  .lead{margin-top:42px;font-size:20px;line-height:1.62}
  .heroActions{margin-top:48px}
}
@media(max-width:700px){
  .heroContent{transform:translate(0,24px);width:calc(100% - 38px);margin:0 auto}
  .hero h1{font-size:clamp(47px,13vw,66px)}
  .lead{margin-top:32px;font-size:18px;line-height:1.58}
  .heroActions{margin-top:38px}
  .button{min-height:54px;padding:0 26px}
}


/* EXZEED 1.0.6 — Menu design freeze */
.menuTrigger{padding:10px !important}
.menuMark{
  display:block;width:100%;height:100%;
  background:#0b0b0b;
  -webkit-mask:url('/assets/img/exzeed-logo-menu.png') center/contain no-repeat;
  mask:url('/assets/img/exzeed-logo-menu.png') center/contain no-repeat;
  transition:background-color .22s ease,opacity .22s ease;
}
.menuTrigger:hover .menuMark{opacity:.72}
.menuTrigger[aria-expanded="true"] .menuMark{background:var(--accent);opacity:1}
.siteMenu{
  background:rgba(255,255,255,.56);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.menuInner{
  justify-content:flex-start;
  padding:148px 64px 48px;
  background:rgba(255,255,255,.93);
}
.menuLinks{display:flex;flex-direction:column;gap:26px}
.menuInner a{font-size:clamp(34px,3vw,54px);font-weight:610;letter-spacing:-.045em}
.menuWordmark{margin-top:auto;font-size:15px;letter-spacing:.18em;font-weight:700}
@media(orientation:portrait) and (max-width:1180px){
  .menuInner{padding:128px 34px 42px}
  .menuInner a{font-size:clamp(36px,6vw,52px)}
}
@media(max-width:700px){
  .menuInner{padding:112px 26px 34px}
  .menuInner a{font-size:clamp(31px,9vw,44px)}
}


/* EXZEED 1.0.7 — Connect & footer design freeze */
.emailLink{
  margin-top:42px;
  font-size:clamp(18px,1.45vw,22px) !important;
  line-height:1.6;
  font-weight:450;
  letter-spacing:0;
  border-bottom:1px solid currentColor;
}
.socialLinks{margin-top:24px;gap:22px}
.socialLinks a{width:26px;height:26px;color:#0b0b0b}
.socialLinks a:hover,.socialLinks a:focus-visible{color:var(--accent);opacity:1}
.siteFooter a,.siteFooter button{color:var(--ink) !important;font:inherit}
.siteFooter a:hover,.siteFooter button:hover,.siteFooter a:focus-visible,.siteFooter button:focus-visible{color:var(--accent) !important}
.cookieSettingsOpen{-webkit-appearance:none;appearance:none}
@media(max-width:700px){.emailLink{font-size:18px !important}.socialLinks a{width:24px;height:24px}}


/* =========================================================
   EXZEED DESIGN SYSTEM 1.1.0
   ========================================================= */
:root{
  --ink:#0b0b0b;
  --muted:#4a4a4a;
  --paper:#fff;
  --accent:#c6cc03;
  --gutter:clamp(22px,5vw,72px);
  --container:1180px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;
  --space-8:144px;
  --radius:18px;
}
html,body{min-height:100%;background:transparent}
body{position:relative}
.brandBackground{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  background-size:cover !important;
  background-position:center center !important;
}
main,.siteFooter{background:transparent}
.contentWrap{
  width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
  margin-inline:auto !important;
}
.heroContent,.statementContent,.connectContent,.sectionHeader{
  transform:none !important;
  margin-inline:auto !important;
  width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
}
.hero{padding-top:clamp(80px,8vh,130px)}
.heroContent{padding-top:0 !important}
.hero h1,.statement h2,.connect h2,.podcastSection h2,.podcastPageHero h1,.episodeContent h1{
  font-weight:720;
  letter-spacing:-.06em;
  line-height:.98;
}
.hero h1{max-width:900px}
.lead{margin-top:var(--space-5)}
.heroActions{margin-top:var(--space-5);gap:var(--space-4)}
.button.primaryLine,.button.secondaryLine{
  background:transparent;
  color:var(--ink);
  border:0;
  border-bottom-style:solid;
  min-height:44px;
  padding:0 0 10px;
}
.button.primaryLine{border-bottom-width:3px;border-bottom-color:var(--accent)}
.button.secondaryLine{border-bottom-width:1px;border-bottom-color:var(--ink)}
.button.primaryLine:hover,.button.secondaryLine:hover{transform:translateY(-2px);color:var(--accent)}
.statement,.podcastSection,.connect{padding-block:var(--space-8);min-height:auto}
.statementGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.connect{min-height:78svh}
.emailLink{font-size:clamp(18px,1.45vw,22px) !important}
.siteHeader::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0 0 auto;
  height:140px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 35%,rgba(255,255,255,0) 100%);
  transition:opacity .22s ease;
}
body.isScrolled .siteHeader::before{opacity:1}
.menuWordmarkImage{display:block;width:150px;height:auto;margin-top:auto}
.footerBrand img{display:block;width:118px;height:auto}
.footerBrand{display:flex;flex-direction:column;gap:10px}
.siteFooter{padding:var(--space-5) var(--gutter)}
.siteFooter a,.siteFooter button{color:var(--ink) !important}

/* Podcast */
.podcastSection{overflow:hidden}
.sectionHeaderGrid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-6)}
.podcastSection h2{font-size:clamp(52px,6.2vw,96px);max-width:760px;margin:0}
.sectionIntro{max-width:690px;font-size:clamp(18px,1.4vw,22px);line-height:1.62;color:var(--muted);margin:var(--space-4) 0 0}
.textCta{align-self:end;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:750;letter-spacing:.08em;padding-bottom:8px;border-bottom:2px solid var(--accent);white-space:nowrap}
.podcastRailWrap{margin-top:var(--space-6)}
.podcastRail{
  width:min(var(--container),calc(100% - (2 * var(--gutter))));
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.podcastCard{
  display:block;
  color:inherit;
  text-decoration:none;
  border-radius:var(--radius);
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 36px rgba(0,0,0,.08);
  transition:transform .25s ease,box-shadow .25s ease;
}
.podcastCard:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.podcastImage{position:relative;aspect-ratio:1.34/1;overflow:hidden;background:#111}
.podcastImage img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:transform .5s ease}
.podcastCard:hover .podcastImage img{transform:scale(1.025)}
.episodeNumber,.durationBadge,.playBadge{position:absolute;color:#fff;z-index:2}
.episodeNumber{top:18px;left:18px;font-size:18px;font-weight:700}
.playBadge{top:18px;right:18px;width:38px;height:38px;border:1.5px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:2px}
.durationBadge{left:18px;bottom:16px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:5px 11px;background:rgba(0,0,0,.28);font-size:12px;font-weight:700;letter-spacing:.05em}
.podcastCardBody{padding:24px 22px 28px;min-height:190px}
.podcastCardBody time{display:block;color:#777;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}
.podcastCardBody h3,.podcastCardBody h2{font-size:clamp(20px,1.55vw,25px);line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}
.podcastCardBody p{font-size:16px;color:#666;margin:0}
.railDots{display:none}
.podcastArchive{padding:0 0 var(--space-8)}
.podcastGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.podcastPageHero{min-height:65svh}
.episodePage{padding:clamp(150px,16vh,220px) 0 var(--space-8)}
.episodeGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-7);align-items:center}
.episodeArtwork img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1);border-radius:var(--radius)}
.episodeContent h1{font-size:clamp(48px,5.5vw,88px);margin:0}
.episodeAuthor{font-size:clamp(21px,2vw,30px);margin:var(--space-4) 0 0}
.episodeMeta{display:flex;gap:20px;color:#777;margin-top:var(--space-3);font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.episodeDescription{font-size:clamp(18px,1.45vw,22px);line-height:1.65;color:var(--muted);margin:var(--space-5) 0 0}
.episodeAudio{width:100%;margin-top:var(--space-5)}
.episodeLinks{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5)}
.moreEpisodes{padding:var(--space-7) 0 var(--space-8)}
.moreEpisodes h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;margin:0 0 var(--space-5)}
.podcastGrid.compact .podcastCardBody{min-height:135px}

/* Tablet portrait */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .brandBackground{
    background-size:auto 108% !important;
    background-position:35% center !important;
    opacity:.34 !important;
  }
  .brandBackground::after{background:rgba(255,255,255,.36) !important}
  .sectionHeaderGrid{grid-template-columns:1fr}
  .textCta{justify-self:start}
  .podcastRail{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-right:var(--gutter);
    width:auto;
    margin-left:var(--gutter);
    gap:20px;
    scrollbar-width:none;
  }
  .podcastRail::-webkit-scrollbar{display:none}
  .podcastCard{flex:0 0 72vw;scroll-snap-align:start}
  .railDots{display:flex;justify-content:center;gap:8px;margin-top:24px}
  .railDots i{width:8px;height:8px;border-radius:50%;background:#d7d7d7}.railDots i.active{background:#111}
  .podcastGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .episodeGrid{grid-template-columns:1fr;gap:var(--space-5)}
  .episodeArtwork{max-width:620px}
}

/* Mobile */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{--gutter:20px;--space-8:96px}
  .brandBackground{
    background-size:auto 122% !important;
    background-position:34% center !important;
    opacity:.34 !important;
  }
  .brandBackground::after{background:rgba(255,255,255,.48) !important}
  .siteHeader{height:104px}
  .menuTrigger{
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    left:12px !important;
    width:76px !important;
    height:76px !important;
  }
  .hero{padding-top:calc(env(safe-area-inset-top,0px) + 108px);align-items:flex-start}
  .hero h1{font-size:clamp(49px,13.2vw,64px)}
  .lead{font-size:18px;line-height:1.58;margin-top:32px;max-width:31ch}
  .heroActions{gap:28px;margin-top:38px;align-items:flex-start}
  .statement,.podcastSection,.connect{padding-block:88px}
  .statement h2,.connect h2,.podcastSection h2{font-size:clamp(46px,12vw,62px)}
  .statementGrid{grid-template-columns:1fr;gap:38px;margin-top:42px}
  .statementGrid p{font-size:20px;line-height:1.6}
  .sectionHeaderGrid{grid-template-columns:1fr;gap:34px}
  .textCta{justify-self:start}
  .podcastRail{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    width:auto;
    margin-left:var(--gutter);
    padding-right:var(--gutter);
    gap:16px;
    scrollbar-width:none;
  }
  .podcastRail::-webkit-scrollbar{display:none}
  .podcastCard{flex:0 0 84vw;scroll-snap-align:start}
  .podcastImage{aspect-ratio:1/1}
  .podcastCardBody{min-height:178px;padding:22px 18px 26px}
  .railDots{display:flex;justify-content:center;gap:8px;margin-top:24px}
  .railDots i{width:8px;height:8px;border-radius:50%;background:#d7d7d7}.railDots i.active{background:#111}
  .podcastGrid{grid-template-columns:1fr}
  .episodePage{padding-top:calc(env(safe-area-inset-top,0px) + 125px)}
  .episodeGrid{grid-template-columns:1fr;gap:38px}
  .episodeContent h1{font-size:clamp(43px,12vw,60px)}
  .episodeLinks{gap:24px}
  .siteFooter{flex-direction:column;align-items:flex-start;padding:44px var(--gutter);gap:32px}
  .siteFooter nav{display:flex;flex-wrap:wrap;gap:14px 22px}
  .footerBrand img{width:112px}
}


/* =========================================================
   EXZEED 1.1.1 — Design-system polish
   ========================================================= */

/* One global content axis. */
.contentWrap,
.heroContent,
.statementContent,
.connectContent,
.sectionHeader,
.podcastArchiveLink {
  width: min(var(--container), calc(100% - (2 * var(--gutter)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.statementContent,
.statementGrid {
  max-width: none !important;
}

.statementGrid {
  width: 100% !important;
}

/* Reduce the oversized desktop/tablet hero gap. */
@media (min-width: 701px) {
  .hero {
    min-height: 80svh !important;
    padding-top: clamp(90px, 8vh, 130px) !important;
    padding-bottom: clamp(56px, 7vh, 92px) !important;
  }
}

/* Keep wallpaper and logo unchanged.
   During scroll, only a soft local field protects the logo from text below. */
.siteHeader::before {
  display: none !important;
}

.menuTrigger {
  overflow: visible !important;
  isolation: isolate;
}

.menuTrigger::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -32px -44px -40px;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.88) 32%,
      rgba(255,255,255,.52) 58%,
      rgba(255,255,255,0) 78%
    );
  transition: opacity .22s ease;
}

body.isScrolled .menuTrigger::before {
  opacity: 1;
}

/* Podcast hierarchy: heading -> cards -> CTA. */
.sectionHeaderGrid {
  display: block !important;
}

.podcastArchiveLink {
  display: flex;
  justify-content: center;
  margin-top: 44px !important;
}

.podcastArchiveLink .textCta {
  align-self: auto;
}

/* One episode is intentionally featured. */
.podcastSection.is-single .podcastRail {
  display: block !important;
}

.podcastSection.is-single .podcastCard {
  width: min(480px, 100%) !important;
  margin: 0 !important;
}

.podcastSection.is-single .podcastImage {
  aspect-ratio: 1 / 1;
}

/* Footer: one line, original wordmark only. */
.siteFooter {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
  gap: 36px !important;
  padding: 34px var(--gutter) !important;
  background: transparent !important;
}

.footerWordmark {
  display: block;
  width: 122px;
  height: auto;
  flex: 0 0 auto;
}

.siteFooter nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  white-space: nowrap;
}

/* Social icons remain directly below the e-mail.
   They appear when their CMS URLs are saved. */
.socialLinks {
  display: flex !important;
  align-items: center;
  min-height: 26px;
}

@media (orientation: portrait) and (min-width: 701px) and (max-width: 1180px) {
  .podcastSection.is-single .podcastRail {
    width: min(var(--container), calc(100% - (2 * var(--gutter)))) !important;
    margin-inline: auto !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .podcastSection.is-single .podcastCard {
    flex: none !important;
    width: min(480px, 100%) !important;
  }
}

@media (max-width: 700px) {
  .hero {
    min-height: 100svh !important;
  }

  .menuTrigger::before {
    inset: -22px -30px -34px;
  }

  .podcastArchiveLink {
    justify-content: flex-start;
    margin-top: 32px !important;
  }

  .podcastSection.is-single .podcastRail {
    width: calc(100% - (2 * var(--gutter))) !important;
    margin-inline: var(--gutter) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .podcastSection.is-single .podcastCard {
    width: 100% !important;
    flex: none !important;
  }

  .podcastSection.is-single .railDots {
    display: none !important;
  }

  .siteFooter {
    align-items: flex-start !important;
    gap: 22px !important;
    padding: 34px var(--gutter) !important;
  }

  .footerWordmark {
    width: 108px;
  }

  .siteFooter nav {
    flex-wrap: wrap !important;
    gap: 12px 18px !important;
    font-size: 14px;
  }
}

@media (max-width: 520px) {
  .siteFooter {
    flex-direction: column !important;
  }
}


/* =========================================================
   EXZEED 1.1.2 — Menu, hero and podcast polish
   ========================================================= */

/* The initial screen is exclusively the hero. */
.hero{
  min-height:100svh !important;
  min-height:100dvh !important;
}

/* Slightly stronger local protection when text scrolls beneath the logo.
   This remains a soft radial field, never a visible bar. */
.menuTrigger::before{
  inset:-42px -58px -54px !important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.96) 28%,
      rgba(255,255,255,.78) 50%,
      rgba(255,255,255,.38) 68%,
      rgba(255,255,255,0) 84%
    ) !important;
  transition:opacity .22s ease !important;
}

/* Menu uses only the live sections in their page order. */
.menuLinks{
  display:flex;
  flex-direction:column;
  gap:22px !important;
}

/* Wordmark plus LinkedIn, Instagram and e-mail form one quiet closing row. */
.menuBrandRow{
  margin-top:auto;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:28px;
}

.menuWordmarkImage{
  margin-top:0 !important;
  width:148px !important;
  height:auto;
  flex:0 0 auto;
}

.menuUtilityLinks{
  display:flex;
  align-items:center;
  gap:14px;
}

.menuUtilityLinks a{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:var(--ink);
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease !important;
  transform:none !important;
}

.menuUtilityLinks a:hover,
.menuUtilityLinks a:focus-visible{
  color:var(--accent);
  opacity:1 !important;
  transform:none !important;
}

.menuUtilityLinks svg{
  width:22px;
  height:22px;
  display:block;
  fill:currentColor;
}

/* Podcast title remains one line where space permits. */
.podcastSection h2{
  white-space:nowrap;
}

@media (max-width:900px){
  .podcastSection h2{
    white-space:normal;
  }
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .menuBrandRow{
    gap:24px;
  }
  .menuWordmarkImage{
    width:142px !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .menuTrigger::before{
    inset:-30px -40px -44px !important;
  }

  .menuBrandRow{
    flex-direction:row;
    align-items:center;
    gap:20px;
  }

  .menuWordmarkImage{
    width:124px !important;
  }

  .menuUtilityLinks{
    gap:12px;
  }

  .menuUtilityLinks a{
    width:24px;
    height:24px;
  }

  .menuUtilityLinks svg{
    width:20px;
    height:20px;
  }
}


/* =========================================================
   EXZEED 1.1.3 — Interaction polish
   ========================================================= */

/* One identical text-link component for all section navigation and CTAs. */
.sectionNavigation{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:28px;
}

.sectionLink{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:0 0 10px;
  border:0;
  border-bottom:2px solid #8d8d8d;
  background:transparent;
  color:var(--ink);
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  font-weight:750;
  letter-spacing:.08em;
  line-height:1;
  white-space:nowrap;
  transition:border-color .2s ease,color .2s ease,transform .2s ease;
}

.sectionLink:hover,
.sectionLink:focus-visible{
  color:var(--ink);
  border-bottom-color:var(--accent);
  transform:translateY(-2px);
}

.podcastArchiveLink .sectionLink{
  align-self:auto;
}

/* Social links use exactly the same visual language in menu and contact. */
.connectUtilityLinks{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
}

.connectUtilityLinks a{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:var(--ink);
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease;
}

.connectUtilityLinks a:hover,
.connectUtilityLinks a:focus-visible{
  color:var(--accent);
}

.connectUtilityLinks svg{
  width:22px;
  height:22px;
  display:block;
  fill:currentColor;
}

/* Desktop: no visible logo protection field. */
@media (min-width:1181px){
  .menuTrigger::before{
    opacity:0 !important;
    display:none !important;
  }
}

/* Tablet: only a very subtle local transition. */
@media (min-width:701px) and (max-width:1180px){
  .menuTrigger::before{
    inset:-42px -54px -62px !important;
    border-radius:0 !important;
    background:
      radial-gradient(
        ellipse 72% 78% at 50% 42%,
        rgba(255,255,255,.78) 0%,
        rgba(255,255,255,.48) 34%,
        rgba(255,255,255,.18) 58%,
        rgba(255,255,255,0) 84%
      ) !important;
  }
  body.isScrolled .menuTrigger::before{
    opacity:.55 !important;
  }
}

/* Mobile: large, softly feathered field with no readable edge or box. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .menuTrigger::before{
    display:block !important;
    inset:-54px -74px -104px !important;
    border-radius:0 !important;
    background:
      radial-gradient(
        ellipse 84% 88% at 48% 34%,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.91) 22%,
        rgba(255,255,255,.70) 42%,
        rgba(255,255,255,.40) 60%,
        rgba(255,255,255,.17) 73%,
        rgba(255,255,255,.05) 82%,
        rgba(255,255,255,0) 94%
      ) !important;
    filter:blur(5px);
    transform:translateZ(0);
  }

  body.isScrolled .menuTrigger::before{
    opacity:1 !important;
  }

  .sectionNavigation{
    flex-direction:column;
    gap:24px;
  }

  .sectionLink{
    width:max-content;
  }

  .connectUtilityLinks{
    margin-top:22px;
  }
}


/* =========================================================
   EXZEED 1.1.4 — Position-based logo protection & RSS cards
   ========================================================= */

/*
   The protection field now follows the logo position, not the device class:
   the same soft elliptical design is used whether the trigger sits left or right.
*/
.menuTrigger::before{
  display:block !important;
  inset:-52px -72px -92px !important;
  border-radius:0 !important;
  opacity:0 !important;
  filter:blur(4px);
  transform:translateZ(0);
  background:
    radial-gradient(
      ellipse 86% 90% at 50% 38%,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.93) 22%,
      rgba(255,255,255,.74) 42%,
      rgba(255,255,255,.43) 60%,
      rgba(255,255,255,.18) 74%,
      rgba(255,255,255,.05) 84%,
      rgba(255,255,255,0) 95%
    ) !important;
  transition:opacity .22s ease !important;
}

body.isScrolled .menuTrigger::before{
  opacity:1 !important;
}

/* Slightly more compact field on very large screens, same visual language. */
@media (min-width:1181px){
  .menuTrigger::before{
    display:block !important;
    inset:-42px -62px -78px !important;
    filter:blur(3px);
    background:
      radial-gradient(
        ellipse 84% 88% at 50% 38%,
        rgba(255,255,255,.94) 0%,
        rgba(255,255,255,.82) 25%,
        rgba(255,255,255,.56) 47%,
        rgba(255,255,255,.26) 65%,
        rgba(255,255,255,.07) 82%,
        rgba(255,255,255,0) 95%
      ) !important;
  }
}

/* RSS description on cards. */
.podcastCardBody{
  min-height:230px;
}

.podcastAuthor{
  margin:0;
  color:#626262;
}

.podcastExcerpt{
  margin:14px 0 0 !important;
  color:#555 !important;
  font-size:15px !important;
  line-height:1.48 !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.podcastSection.is-single .podcastCardBody{
  min-height:245px;
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .menuTrigger::before{
    inset:-54px -74px -104px !important;
    filter:blur(5px);
  }

  .podcastCardBody{
    min-height:220px;
  }

  .podcastExcerpt{
    -webkit-line-clamp:3;
  }
}


/* =========================================================
   EXZEED 1.1.5 — Podcast UX polish
   ========================================================= */

/* Podcast card titles are always limited to two lines. */
.podcastCardBody h2,
.podcastCardBody h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:2.4em;
}

/* The carousel indicator follows the card currently nearest the viewport center. */
.railDots i{
  transition:background-color .18s ease,transform .18s ease;
}
.railDots i.active{
  background:#111 !important;
  transform:scale(1.06);
}

/* Episode page remains deliberately simple: text plus platform links. */
.episodeLinks{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:26px;
  margin-top:40px;
}

.episodeDescriptionMore{
  margin-top:18px;
  color:var(--muted);
}

.episodeDescriptionMore summary{
  width:max-content;
  cursor:pointer;
  font-size:14px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-bottom:2px solid #8d8d8d;
  padding-bottom:7px;
}

.episodeDescriptionMore[open] summary{
  border-bottom-color:var(--accent);
}

.episodeDescriptionMore p{
  margin:24px 0 0;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.65;
  color:var(--muted);
}

/* The unreliable embedded RSS audio player is intentionally not shown. */
.episodeAudio{
  display:none !important;
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .episodeLinks{
    flex-direction:column;
    gap:22px;
    margin-top:34px;
  }
}


/* =========================================================
   EXZEED 1.1.6 — Carousel count & mobile logo fade
   ========================================================= */

/*
   Mobile keeps the established soft ellipse, but the field ends sooner
   below the logo so it does not wash out the headline prematurely.
*/
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .menuTrigger::before{
    inset:-48px -68px -62px !important;
    filter:blur(4px) !important;
    background:
      radial-gradient(
        ellipse 84% 78% at 48% 30%,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.91) 21%,
        rgba(255,255,255,.68) 40%,
        rgba(255,255,255,.34) 57%,
        rgba(255,255,255,.13) 70%,
        rgba(255,255,255,.035) 80%,
        rgba(255,255,255,0) 90%
      ) !important;
  }
}


/* =========================================================
   EXZEED 1.1.7 — Design System Polish
   Hero · spacing · motion · interaction
   ========================================================= */

:root{
  /* Shared vertical rhythm */
  --section-pad-desktop:clamp(112px,10vw,144px);
  --section-pad-tablet:104px;
  --section-pad-mobile:88px;
  --stack-eyebrow-title:20px;
  --stack-title-copy:32px;
  --stack-copy-action:40px;
  --stack-header-content:64px;

  /* One interaction system */
  --motion-fast:180ms;
  --motion-base:240ms;
  --motion-slow:420ms;
  --ease-standard:cubic-bezier(.22,.75,.2,1);
  --focus-ring:0 0 0 3px rgba(199,203,53,.32);
}

/* ---------------------------------------------------------
   1. Hero perfection
   --------------------------------------------------------- */

/* Always a complete opening stage; following content stays below the fold. */
.hero{
  min-height:100svh !important;
  min-height:100dvh !important;
  box-sizing:border-box;
  padding-bottom:clamp(52px,7vh,88px) !important;
}

.heroContent{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:calc(100dvh - clamp(132px,16vh,190px));
}

.hero h1{
  max-width:13.2ch !important;
  text-wrap:balance;
}

.lead{
  margin-top:var(--stack-title-copy) !important;
}

.heroActions{
  margin-top:var(--stack-copy-action) !important;
}

/* ---------------------------------------------------------
   2. Shared micro-spacing and section rhythm
   --------------------------------------------------------- */

.statement,
.podcastSection,
.connect{
  padding-block:var(--section-pad-desktop) !important;
}

.eyebrow{
  margin:0 0 var(--stack-eyebrow-title) !important;
}

.statement h2,
.podcastSection h2,
.connect h2{
  margin-top:0 !important;
  text-wrap:balance;
}

.sectionIntro{
  margin-top:var(--stack-title-copy) !important;
}

.statementGrid{
  margin-top:var(--stack-header-content) !important;
}

.podcastRailWrap{
  margin-top:var(--stack-header-content) !important;
}

.connectContent .emailLink{
  margin-top:var(--stack-title-copy);
}

.connectUtilityLinks{
  margin-top:var(--space-3) !important;
}

.podcastArchiveLink{
  margin-top:var(--space-5) !important;
}

/* Keep the same left axis and reading width for all editorial copy. */
.lead,
.sectionIntro{
  max-width:700px;
}

.statementGrid p{
  max-width:42ch;
}

/* ---------------------------------------------------------
   3. One motion language
   --------------------------------------------------------- */

.menuInner{
  transition:transform var(--motion-slow) var(--ease-standard) !important;
}

.siteMenu{
  transition:
    opacity var(--motion-base) ease,
    visibility var(--motion-base) ease !important;
}

.menuMark,
.menuTrigger::before,
.menuInner a,
.sectionLink,
.menuUtilityLinks a,
.connectUtilityLinks a,
.siteFooter a,
.siteFooter button,
.podcastCard,
.podcastImage img,
.railDots i{
  transition-duration:var(--motion-base) !important;
  transition-timing-function:var(--ease-standard) !important;
}

/* Refined but restrained card motion; no extra animation added. */
.podcastCard{
  transition-property:transform,box-shadow !important;
}

.podcastCard:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.11) !important;
}

.podcastImage img{
  transition-duration:var(--motion-slow) !important;
}

.podcastCard:hover .podcastImage img{
  transform:scale(1.02) !important;
}

/* ---------------------------------------------------------
   4. One interaction system
   --------------------------------------------------------- */

.sectionLink{
  border-bottom-width:2px !important;
  border-bottom-color:#8d8d8d !important;
  transition-property:border-color,color,transform !important;
}

.sectionLink:hover,
.sectionLink:focus-visible{
  border-bottom-color:var(--accent) !important;
  transform:translateY(-2px) !important;
}

/* Consistent keyboard focus without introducing visible boxes at rest. */
a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring);
  border-radius:3px;
}

.menuTrigger:focus-visible{
  border-radius:12px;
}

.menuUtilityLinks a:hover,
.menuUtilityLinks a:focus-visible,
.connectUtilityLinks a:hover,
.connectUtilityLinks a:focus-visible,
.siteFooter a:hover,
.siteFooter a:focus-visible,
.siteFooter button:hover,
.siteFooter button:focus-visible{
  color:var(--accent) !important;
  opacity:1 !important;
  transform:none !important;
}

/* Menu text moves as quietly as the rest of the interface. */
.menuInner a:hover,
.menuInner a:focus-visible{
  opacity:.62;
  transform:translateX(2px);
}

/* Pointer feedback remains uniform. */
.sectionLink,
.menuUtilityLinks a,
.connectUtilityLinks a,
.siteFooter a,
.siteFooter button,
.podcastCard,
.menuTrigger{
  -webkit-tap-highlight-color:transparent;
}

/* ---------------------------------------------------------
   Responsive rhythm
   --------------------------------------------------------- */

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .statement,
  .podcastSection,
  .connect{
    padding-block:var(--section-pad-tablet) !important;
  }

  .heroContent{
    min-height:calc(100dvh - 142px);
  }

  .statementGrid,
  .podcastRailWrap{
    margin-top:56px !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .hero{
    padding-bottom:46px !important;
  }

  .heroContent{
    min-height:calc(100dvh - env(safe-area-inset-top,0px) - 128px);
    justify-content:flex-start;
  }

  .statement,
  .podcastSection,
  .connect{
    padding-block:var(--section-pad-mobile) !important;
  }

  .eyebrow{
    margin-bottom:16px !important;
  }

  .lead,
  .sectionIntro{
    margin-top:28px !important;
  }

  .heroActions{
    margin-top:36px !important;
  }

  .statementGrid{
    margin-top:42px !important;
  }

  .podcastRailWrap{
    margin-top:48px !important;
  }

  .podcastArchiveLink{
    margin-top:40px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}


/* =========================================================
   EXZEED 1.2.1 — Leadership Editorial Experience
   Existing EXZEED CI and interaction system remain authoritative.
   ========================================================= */

.leadershipEditorialPage{
  background:transparent;
}

.leadershipEditorialPage .brandBackground{
  opacity:.88;
}

.editorialHero{
  min-height:100svh;
  min-height:100dvh;
  position:relative;
  display:grid;
  align-items:center;
  overflow:hidden;
}

.editorialHeroMedia{
  position:absolute;
  inset:0;
}

.editorialHeroMedia img,
.editorialFullImage img,
.editorialDecisionImage img,
.editorialKeynotesImage img,
.editorialAwardImage img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:grayscale(1) contrast(1.08);
}

.editorialHeroMedia img{
  object-position:59% 42%;
}

.editorialHero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.44) 54%,rgba(255,255,255,.06) 76%,rgba(255,255,255,0) 100%);
}

.editorialHeroContent{
  position:relative;
  z-index:1;
  padding-top:clamp(140px,18vh,210px);
  padding-bottom:80px;
}

.editorialHero h1{
  max-width:9.3ch;
  margin:0;
  font-size:clamp(64px,8vw,132px);
  line-height:.86;
  letter-spacing:-.065em;
  text-wrap:balance;
}

.editorialHero .lead{
  max-width:650px;
  margin-bottom:40px;
}

.editorialStory,
.editorialImageSection,
.editorialStatement,
.editorialOffers,
.editorialDecision,
.editorialKeynotes,
.editorialExperience,
.editorialManifesto,
.editorialContact{
  padding-block:var(--section-pad-desktop,128px);
  position:relative;
}

.editorialStoryGrid{
  display:grid;
  grid-template-columns:minmax(120px,.3fr) minmax(0,1.7fr);
  gap:clamp(48px,8vw,140px);
  align-items:start;
}

.editorialStory h2,
.editorialStatement h2,
.editorialExperience h2,
.editorialManifesto h2,
.editorialContact h2,
.editorialDecision h2,
.editorialKeynotes h2{
  margin:0;
  font-size:clamp(52px,6vw,94px);
  line-height:.92;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.editorialStory h2{
  max-width:15ch;
}

.editorialStoryText{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:42px;
  margin-top:52px;
  max-width:1050px;
}

.editorialStoryText p,
.editorialDecisionCopy > p,
.editorialKeynotesCopy > p,
.editorialContactActions > p{
  margin:0;
  color:var(--muted);
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.62;
}

.editorialFullImage{
  margin:0;
  position:relative;
  aspect-ratio:16 / 8.2;
  overflow:hidden;
}

.editorialFullImage img{
  object-position:center 36%;
}

.editorialFullImage figcaption{
  position:absolute;
  left:30px;
  top:28px;
  font-size:13px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.5);
}

.editorialStatement{
  min-height:72vh;
  display:grid;
  align-items:center;
}

.editorialStatement h2{
  max-width:14ch;
}

.editorialOfferList{
  margin-top:68px;
  border-top:1px solid rgba(17,17,17,.18);
}

.editorialOfferList article{
  display:grid;
  grid-template-columns:90px minmax(220px,.7fr) minmax(260px,1.1fr) auto;
  gap:34px;
  align-items:start;
  padding:42px 0;
  border-bottom:1px solid rgba(17,17,17,.18);
}

.editorialOfferList article > span{
  color:#777;
  font-size:13px;
  letter-spacing:.12em;
  padding-top:8px;
}

.editorialOfferList h3{
  margin:0;
  font-size:clamp(30px,3vw,48px);
  line-height:1;
  letter-spacing:-.04em;
}

.editorialOfferList p{
  margin:0;
  max-width:55ch;
  color:var(--muted);
  line-height:1.58;
}

.editorialOfferList .sectionLink{
  white-space:nowrap;
}

.editorialDecisionGrid,
.editorialKeynotesGrid,
.editorialContactGrid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(58px,8vw,130px);
  align-items:center;
}

.editorialDecisionImage,
.editorialKeynotesImage,
.editorialAwardImage{
  margin:0;
  overflow:hidden;
}

.editorialDecisionImage{
  aspect-ratio:4 / 3;
}

.editorialDecisionImage img{
  object-position:center 40%;
}

.editorialDecisionCopy h2,
.editorialKeynotesCopy h2{
  max-width:11ch;
}

.editorialDecisionCopy > p,
.editorialKeynotesCopy > p{
  margin-top:32px;
}

.editorialPrinciples,
.editorialTopicList{
  display:grid;
  margin:38px 0 42px;
}

.editorialPrinciples span,
.editorialTopicList span{
  padding:16px 0;
  border-bottom:1px solid rgba(17,17,17,.18);
  font-weight:680;
}

.editorialKeynotesGrid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
}

.editorialKeynotesImage{
  aspect-ratio:4 / 5;
  max-height:760px;
}

.editorialKeynotesImage img{
  object-position:center 30%;
}

.editorialExperience h2{
  max-width:15ch;
}

.editorialExperienceRows{
  margin-top:68px;
  border-top:1px solid rgba(17,17,17,.18);
}

.editorialExperienceRows div{
  display:grid;
  grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
  gap:40px;
  padding:30px 0;
  border-bottom:1px solid rgba(17,17,17,.18);
}

.editorialExperienceRows strong{
  font-size:clamp(22px,2vw,30px);
  letter-spacing:-.025em;
}

.editorialExperienceRows span{
  color:var(--muted);
  line-height:1.55;
}

.editorialAwardImage{
  margin-top:76px;
  aspect-ratio:16 / 6.2;
}

.editorialAwardImage img{
  object-position:center 44%;
}

.editorialManifesto{
  min-height:78vh;
  display:grid;
  align-items:center;
}

.editorialManifesto h2{
  max-width:15ch;
}

.editorialContact{
  padding-bottom:clamp(130px,14vw,190px);
}

.editorialContactGrid{
  align-items:start;
}

.editorialContact h2{
  max-width:12ch;
}

.editorialContactActions{
  padding-top:42px;
}

.editorialContactActions .sectionLink{
  margin-top:38px;
}

.editorialContactMeta{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin-top:54px;
  padding-top:26px;
  border-top:1px solid rgba(17,17,17,.18);
}

.editorialContactMeta a{
  color:var(--ink);
  text-decoration:none;
  font-size:15px;
}

.editorialContactMeta a:hover,
.editorialContactMeta a:focus-visible{
  color:var(--accent);
}

/* The fixed menu mark remains integrated with the page, never boxed. */
.leadershipEditorialPage .menuTrigger::before{
  background:
    radial-gradient(
      ellipse 84% 78% at 50% 34%,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.84) 24%,
      rgba(255,255,255,.54) 47%,
      rgba(255,255,255,.22) 66%,
      rgba(255,255,255,.05) 82%,
      rgba(255,255,255,0) 94%
    ) !important;
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .editorialHero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.34) 38%,rgba(255,255,255,.9) 66%,#fff 100%);
  }

  .editorialHeroMedia img{
    object-position:62% 22%;
  }

  .editorialHero{
    align-items:end;
  }

  .editorialHeroContent{
    padding-bottom:100px;
  }

  .editorialStory,
  .editorialImageSection,
  .editorialStatement,
  .editorialOffers,
  .editorialDecision,
  .editorialKeynotes,
  .editorialExperience,
  .editorialManifesto,
  .editorialContact{
    padding-block:var(--section-pad-tablet,104px);
  }

  .editorialStoryGrid,
  .editorialDecisionGrid,
  .editorialKeynotesGrid,
  .editorialContactGrid{
    grid-template-columns:1fr;
    gap:58px;
  }

  .editorialStoryText{
    grid-template-columns:1fr 1fr;
  }

  .editorialOfferList article{
    grid-template-columns:60px minmax(220px,.8fr) minmax(0,1.2fr);
  }

  .editorialOfferList .sectionLink{
    grid-column:2 / -1;
    justify-self:start;
  }

  .editorialKeynotesImage{
    order:-1;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .editorialHero{
    align-items:end;
  }

  .editorialHero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.27) 35%,rgba(255,255,255,.91) 65%,#fff 100%);
  }

  .editorialHeroMedia img{
    object-position:62% 12%;
  }

  .editorialHeroContent{
    padding-top:310px;
    padding-bottom:62px;
  }

  .editorialHero h1{
    max-width:8.5ch;
    font-size:clamp(54px,15vw,76px);
  }

  .editorialStory,
  .editorialImageSection,
  .editorialStatement,
  .editorialOffers,
  .editorialDecision,
  .editorialKeynotes,
  .editorialExperience,
  .editorialManifesto,
  .editorialContact{
    padding-block:var(--section-pad-mobile,88px);
  }

  .editorialStoryGrid,
  .editorialDecisionGrid,
  .editorialKeynotesGrid,
  .editorialContactGrid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .editorialStory h2,
  .editorialStatement h2,
  .editorialExperience h2,
  .editorialManifesto h2,
  .editorialContact h2,
  .editorialDecision h2,
  .editorialKeynotes h2{
    font-size:clamp(42px,12vw,58px);
  }

  .editorialStoryText{
    grid-template-columns:1fr;
    gap:26px;
    margin-top:38px;
  }

  .editorialFullImage{
    aspect-ratio:4 / 5;
  }

  .editorialFullImage img{
    object-position:48% center;
  }

  .editorialFullImage figcaption{
    left:20px;
    top:20px;
  }

  .editorialStatement,
  .editorialManifesto{
    min-height:62vh;
  }

  .editorialOfferList{
    margin-top:48px;
  }

  .editorialOfferList article{
    grid-template-columns:1fr;
    gap:22px;
    padding:34px 0 40px;
  }

  .editorialOfferList article > span{
    padding-top:0;
  }

  .editorialOfferList .sectionLink{
    justify-self:start;
  }

  .editorialDecisionImage,
  .editorialKeynotesImage{
    aspect-ratio:4 / 5;
  }

  .editorialKeynotesImage{
    order:-1;
  }

  .editorialExperienceRows{
    margin-top:48px;
  }

  .editorialExperienceRows div{
    grid-template-columns:1fr;
    gap:10px;
    padding:26px 0;
  }

  .editorialAwardImage{
    margin-top:48px;
    aspect-ratio:4 / 3;
  }

  .editorialContactActions{
    padding-top:0;
  }

  .editorialContactMeta{
    flex-direction:column;
    gap:14px;
  }
}


/* =========================================================
   EXZEED 1.3.0 — Leadership Final
   Opaque editorial photography, visible wallpaper, no glow/masks/black blocks.
   ========================================================= */

.leadershipFinalPage{background:transparent}
.leadershipFinalPage .brandBackground{opacity:.86}
.leadershipFinalPage .editorialBlendImage img,
.leadershipFinalPage .editorialBlendWide img{opacity:1!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important}
.leadershipFinalPage .editorialBlendImage::after{display:none!important}

.lfHero{position:relative;min-height:100svh;min-height:100dvh;display:grid;align-items:center;overflow:hidden}
.lfHeroMedia{position:absolute;inset:0}
.lfHeroMedia img,.lfPhoto img,.lfPressureMedia img,.lfDialoguePhoto img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.lfHeroMedia img{object-position:56% 42%}
.lfHero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 32%,rgba(255,255,255,.58) 52%,rgba(255,255,255,.08) 76%,transparent 100%);pointer-events:none}
.lfHeroContent{position:relative;z-index:1;padding-top:clamp(140px,18vh,210px);padding-bottom:80px}
.lfHero h1{max-width:8.9ch;margin:0;font-size:clamp(64px,8vw,132px);line-height:.86;letter-spacing:-.065em;text-wrap:balance}
.lfHero .lead{max-width:620px;margin-bottom:40px}

.lfIntro,.lfExecutive,.lfPressure,.lfOffers,.lfWorkshop,.lfDialogue,.lfCredibility,.lfManifesto,.lfContact{position:relative;padding-block:var(--section-pad-desktop,128px)}
.lfIntroGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(60px,9vw,150px);align-items:start}
.lfIntro h2,.lfCopy h2,.lfCredibility h2,.lfManifesto h2,.lfContact h2,.lfDialogueCopy h2{margin:0;font-size:clamp(52px,6vw,94px);line-height:.92;letter-spacing:-.055em;text-wrap:balance}
.lfIntro h2{max-width:10ch}
.lfIntroCopy{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:52px}
.lfIntroCopy p,.lfCopy>p,.lfDialogueCopy p,.lfContactActions>p{margin:0;color:var(--muted);font-size:clamp(18px,1.45vw,22px);line-height:1.62}

.lfExecutiveGrid,.lfWorkshopGrid,.lfCredibilityGrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(58px,8vw,130px);align-items:center}
.lfPhoto{margin:0;overflow:hidden;background:#eee}
.lfExecutivePhoto{aspect-ratio:4/5}
.lfExecutivePhoto img{object-position:center 30%}
.lfCopy h2{max-width:11ch}
.lfCopy>p{margin-top:32px;margin-bottom:40px}

.lfPressureMedia{margin:0;position:relative;aspect-ratio:16/8.2;overflow:hidden}
.lfPressureMedia img{object-position:center 40%}
.lfPressureMedia::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.52) 33%,rgba(0,0,0,.06) 62%,transparent 100%)}
.lfPressureMedia figcaption{position:absolute;z-index:2;left:clamp(28px,5vw,78px);top:50%;transform:translateY(-50%);max-width:480px;color:#fff}
.lfPressureMedia figcaption .eyebrow{color:rgba(255,255,255,.72)}
.lfPressureMedia strong{display:block;font-size:clamp(38px,4.5vw,70px);line-height:.95;letter-spacing:-.045em;margin:20px 0 28px}
.lfPressureMedia p{margin:0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.55}

.lfOfferRows{margin-top:68px;border-top:1px solid rgba(17,17,17,.18)}
.lfOfferRows article{display:grid;grid-template-columns:80px minmax(240px,.75fr) minmax(280px,1.1fr) auto;gap:32px;align-items:start;padding:40px 0;border-bottom:1px solid rgba(17,17,17,.18)}
.lfOfferRows article>span{font-size:13px;letter-spacing:.12em;color:#777;padding-top:8px}
.lfOfferRows h3{margin:0;font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.04em}
.lfOfferRows p{margin:0;color:var(--muted);line-height:1.58;max-width:54ch}
.lfOfferRows .sectionLink{white-space:nowrap}

.lfWorkshopGrid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.lfWorkshopPhoto{aspect-ratio:4/5;max-height:760px}
.lfWorkshopPhoto img{object-position:center 35%}
.lfProcess{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;margin-top:44px}
.lfProcess div{border-top:2px solid #8d8d8d;padding-top:16px}
.lfProcess div:first-child{border-top-color:var(--accent)}
.lfProcess strong,.lfProcess span{display:block}.lfProcess strong{font-size:18px;margin-bottom:8px}.lfProcess span{color:var(--muted);line-height:1.45}

.lfDialogue .contentWrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(50px,7vw,110px);align-items:end}
.lfDialoguePhoto{margin:0;aspect-ratio:16/9;overflow:hidden}.lfDialoguePhoto img{object-position:center 46%}
.lfDialogueCopy{padding-bottom:24px}.lfDialogueCopy h2{max-width:10ch}.lfDialogueCopy p{margin-top:30px}

.lfCredibilityGrid{align-items:start}.lfCredentials{margin-top:62px;border-top:1px solid rgba(17,17,17,.18)}
.lfCredentials div{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:30px;padding:25px 0;border-bottom:1px solid rgba(17,17,17,.18)}
.lfCredentials strong{font-size:21px}.lfCredentials span{color:var(--muted);line-height:1.5}
.lfAwardPhoto{aspect-ratio:4/5}.lfAwardPhoto img{object-position:70% center}

.lfManifesto{min-height:72vh;display:grid;align-items:center}.lfManifesto h2{max-width:14ch}
.lfContact{padding-bottom:clamp(130px,14vw,190px)}
.lfContactGrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(58px,8vw,130px);align-items:start}
.lfContact h2{max-width:12ch}.lfContactActions{padding-top:44px}.lfContactActions .sectionLink{margin-top:38px}
.lfContactMeta{display:flex;flex-wrap:wrap;gap:26px;margin-top:54px;padding-top:26px;border-top:1px solid rgba(17,17,17,.18)}
.lfContactMeta a{color:var(--ink);text-decoration:none;font-size:15px}.lfContactMeta a:hover{color:var(--accent)}

/* The shared menu logo stays in its established position and uses the same soft ellipse. */
.leadershipFinalPage .menuTrigger::before{background:radial-gradient(ellipse 84% 78% at 50% 34%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 24%,rgba(255,255,255,.54) 47%,rgba(255,255,255,.22) 66%,rgba(255,255,255,.05) 82%,transparent 94%)!important}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
 .lfHero{align-items:end}.lfHero::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.34) 38%,rgba(255,255,255,.9) 66%,#fff 100%)}.lfHeroMedia img{object-position:62% 22%}.lfHeroContent{padding-bottom:100px}
 .lfIntro,.lfExecutive,.lfPressure,.lfOffers,.lfWorkshop,.lfDialogue,.lfCredibility,.lfManifesto,.lfContact{padding-block:var(--section-pad-tablet,104px)}
 .lfIntroGrid,.lfExecutiveGrid,.lfWorkshopGrid,.lfCredibilityGrid,.lfContactGrid,.lfDialogue .contentWrap{grid-template-columns:1fr;gap:56px}
 .lfIntroCopy{grid-template-columns:1fr 1fr}.lfWorkshopPhoto{order:-1}.lfAwardPhoto{max-height:680px}.lfOfferRows article{grid-template-columns:60px minmax(210px,.8fr) minmax(0,1.2fr)}.lfOfferRows .sectionLink{grid-column:2/-1;justify-self:start}
}
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
 .lfHero{align-items:end}.lfHero::after{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.27) 35%,rgba(255,255,255,.91) 65%,#fff 100%)}.lfHeroMedia img{object-position:62% 12%}.lfHeroContent{padding-top:310px;padding-bottom:62px}.lfHero h1{max-width:8.3ch;font-size:clamp(54px,15vw,76px)}
 .lfIntro,.lfExecutive,.lfPressure,.lfOffers,.lfWorkshop,.lfDialogue,.lfCredibility,.lfManifesto,.lfContact{padding-block:var(--section-pad-mobile,88px)}
 .lfIntroGrid,.lfExecutiveGrid,.lfWorkshopGrid,.lfCredibilityGrid,.lfContactGrid,.lfDialogue .contentWrap{grid-template-columns:1fr;gap:42px}
 .lfIntro h2,.lfCopy h2,.lfCredibility h2,.lfManifesto h2,.lfContact h2,.lfDialogueCopy h2{font-size:clamp(42px,12vw,58px)}
 .lfIntroCopy{grid-template-columns:1fr;gap:24px;padding-top:28px}.lfExecutivePhoto,.lfWorkshopPhoto,.lfAwardPhoto{aspect-ratio:4/5}.lfWorkshopPhoto{order:-1}
 .lfPressureMedia{aspect-ratio:4/5}.lfPressureMedia::after{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.16) 72%,transparent)}.lfPressureMedia figcaption{left:22px;right:22px;top:auto;bottom:28px;transform:none}.lfPressureMedia strong{font-size:42px}
 .lfOfferRows{margin-top:48px}.lfOfferRows article{grid-template-columns:1fr;gap:20px;padding:32px 0 38px}.lfOfferRows article>span{padding-top:0}.lfOfferRows .sectionLink{justify-self:start}
 .lfProcess{grid-template-columns:1fr}.lfDialoguePhoto{aspect-ratio:4/3}.lfCredentials div{grid-template-columns:1fr;gap:8px}.lfManifesto{min-height:62vh}.lfContactActions{padding-top:0}.lfContactMeta{flex-direction:column;gap:14px}
}


/* =========================================================
   EXZEED 1.3.1 — Adaptive Brand Navigation
   Desktop wordmark · tablet/mobile monogram · adaptive color
   ========================================================= */

.adaptiveBrandTrigger{
  color:var(--ink);
}

.desktopWordmarkMark,
.mobileMonogramMark{
  background-color:currentColor !important;
  transition:
    background-color var(--motion-base,240ms) var(--ease-standard,cubic-bezier(.22,.75,.2,1)),
    opacity var(--motion-base,240ms) var(--ease-standard,cubic-bezier(.22,.75,.2,1));
}

.desktopWordmarkMark{
  display:none;
  width:100%;
  height:100%;
  -webkit-mask:url('/assets/img/exzeed-wordmark.png') center/contain no-repeat;
  mask:url('/assets/img/exzeed-wordmark.png') center/contain no-repeat;
}

.mobileMonogramMark{
  display:block;
}

/* Automatic contrast against explicitly marked dark visual sections. */
body.brandToneDark .adaptiveBrandTrigger{
  color:#fff;
}

/* Opening the menu always changes the active brand mark to EXZEED green. */
.adaptiveBrandTrigger[aria-expanded="true"]{
  color:var(--accent) !important;
}

/* Do not reduce the mark opacity on hover; use the shared color interaction only. */
.adaptiveBrandTrigger:hover .desktopWordmarkMark,
.adaptiveBrandTrigger:hover .mobileMonogramMark{
  opacity:1 !important;
}

/* Desktop: the readable wordmark becomes the navigation anchor. */
@media (min-width:1181px) and (orientation:landscape){
  .adaptiveBrandTrigger{
    position:fixed !important;
    top:34px !important;
    right:42px !important;
    left:auto !important;
    width:152px !important;
    height:44px !important;
    padding:0 !important;
    z-index:1002 !important;
  }

  .desktopWordmarkMark{
    display:block;
  }

  .mobileMonogramMark{
    display:none !important;
  }

  /*
    Adaptive contrast replaces the former desktop protection ellipse.
    The wordmark sits directly in the page composition rather than on a field.
  */
  .adaptiveBrandTrigger::before{
    display:none !important;
    content:none !important;
  }
}

/* Tablet and mobile retain the established EXZEED monogram. */
@media (max-width:1180px), (orientation:portrait){
  .desktopWordmarkMark{
    display:none !important;
  }

  .mobileMonogramMark{
    display:block !important;
  }
}

/*
  Dark sections use white for both wordmark and monogram.
  On normal sections the mark returns to black.
  The existing responsive position rules remain unchanged.
*/


/* =========================================================
   EXZEED 1.3.2 — Responsive Brand Columns Test
   Desktop: Wordmark | Content | Monogram
   Tablet/Mobile: Monogram | Content
   ========================================================= */

:root{
  --brand-wordmark-width:152px;
  --brand-monogram-width:64px;
  --brand-column-gap:24px;
  --brand-left-column:calc(var(--brand-wordmark-width) + (2 * var(--brand-column-gap)));
  --brand-right-column:calc(var(--brand-monogram-width) + (2 * var(--brand-column-gap)));
  --brand-mobile-column:84px;
}

/* Brand controls live in their own invisible architectural columns. */
.desktopBrandHome,
.brandMenuTrigger{
  position:fixed;
  z-index:1002;
  color:var(--ink);
  -webkit-tap-highlight-color:transparent;
}

.desktopBrandHome{
  display:none;
}

.desktopWordmarkMark,
.brandMenuMonogram{
  display:block;
  width:100%;
  height:100%;
  background-color:currentColor !important;
  transition:background-color var(--motion-base,240ms) var(--ease-standard,cubic-bezier(.22,.75,.2,1));
}

.desktopWordmarkMark{
  -webkit-mask:url('/assets/img/exzeed-wordmark.png') center/contain no-repeat;
  mask:url('/assets/img/exzeed-wordmark.png') center/contain no-repeat;
}

/* The menu monogram uses the existing menuMark geometry. */
.brandMenuMonogram{
  position:relative;
}

.adaptiveBrandElement.isOnDark{
  color:#fff;
}

.brandMenuTrigger[aria-expanded="true"]{
  color:var(--accent) !important;
}

/* Safe-zone architecture replaces all protection ellipses and glows. */
.brandMenuTrigger::before,
.desktopBrandHome::before{
  display:none !important;
  content:none !important;
}

/* Full-bleed media and wallpaper remain untouched. */
.brandBackground,
.lfHeroMedia,
.lfPressureMedia,
.editorialHeroMedia,
.editorialFullImage,
.podcastImage{
  max-width:none;
}

/* Desktop landscape: asymmetric columns sized to the actual brand assets. */
@media (min-width:1181px) and (orientation:landscape){
  .desktopBrandHome{
    display:block;
    top:34px;
    left:var(--brand-column-gap);
    width:var(--brand-wordmark-width);
    height:44px;
  }

  .brandMenuTrigger{
    top:25px !important;
    right:var(--brand-column-gap) !important;
    left:auto !important;
    width:var(--brand-monogram-width) !important;
    height:64px !important;
    padding:0 !important;
  }

  /*
    All normal content lives between the brand columns.
    Images/backgrounds can still extend behind the columns to the viewport edge.
  */
  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent{
    width:auto !important;
    max-width:var(--container) !important;
    margin-left:max(var(--brand-left-column), calc((100vw - var(--container))/2)) !important;
    margin-right:max(var(--brand-right-column), calc((100vw - var(--container))/2)) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Sections with custom internal grids inherit the safe content area through contentWrap. */
  main{
    --effective-content-width:calc(100vw - var(--brand-left-column) - var(--brand-right-column));
  }
}

/* Tablet and portrait devices: one left column for the monogram/menu. */
@media (max-width:1180px), (orientation:portrait){
  .desktopBrandHome{
    display:none !important;
  }

  .brandMenuTrigger{
    left:12px !important;
    right:auto !important;
  }

  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent{
    width:auto !important;
    max-width:none !important;
    margin-left:var(--brand-mobile-column) !important;
    margin-right:var(--gutter) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Slightly wider mobile column only where the monogram itself is larger. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{
    --brand-mobile-column:88px;
  }

  .brandMenuTrigger{
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    left:10px !important;
  }
}

/* Menu-open state keeps the same spatial anchor; no jump, no rotation. */
.brandMenuTrigger,
.desktopBrandHome{
  transform:none !important;
}

.brandMenuTrigger:hover,
.brandMenuTrigger:focus-visible,
.desktopBrandHome:hover,
.desktopBrandHome:focus-visible{
  opacity:1 !important;
}

/* The wordmark is a Home link; the monogram is exclusively the menu control. */

/* =========================================================
   EXZEED 1.3.3 — Corner Navigation + Right Safe Area
   No visible frames. Desktop wordmark is a temporary hero signature.
   Monogram remains the persistent menu control at top right.
   ========================================================= */

:root{
  --nav-corner-gap:clamp(18px,2.2vw,34px);
  --nav-safe-desktop:clamp(82px,7vw,112px);
  --nav-safe-mobile:72px;
}

/* Restore the full content width removed by the Brand Columns test. */
.contentWrap,
.heroContent,
.statementContent,
.connectContent,
.sectionHeader,
.podcastArchiveLink,
.lfHeroContent{
  width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
  max-width:var(--container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* No left or right visual frame: background and media stay full bleed. */
.brandColumnsHeader{pointer-events:none}
.desktopBrandHome,
.brandMenuTrigger,
.siteMenu{pointer-events:auto}

/* Desktop wordmark: quiet hero signature, not persistent navigation. */
@media (min-width:1181px) and (orientation:landscape){
  .desktopBrandHome{
    display:block !important;
    position:fixed !important;
    top:32px !important;
    left:var(--nav-corner-gap) !important;
    width:146px !important;
    height:38px !important;
    opacity:1;
    visibility:visible;
    transition:opacity .28s ease,visibility .28s ease,color .22s ease !important;
  }

  body.brandScrolled .desktopBrandHome{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  .brandMenuTrigger{
    position:fixed !important;
    top:22px !important;
    right:var(--nav-corner-gap) !important;
    left:auto !important;
    width:64px !important;
    height:64px !important;
    padding:0 !important;
  }

  /* Only text/interactions reserve the compact right safe area. */
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .lfHeroContent,
  .contentWrap:not(.allowNavOverlap){
    box-sizing:border-box;
    padding-right:var(--nav-safe-desktop) !important;
  }

  /* Full-bleed visual containers must never be narrowed by the safe area. */
  .lfHeroMedia,
  .lfPressureMedia,
  .editorialHeroMedia,
  .editorialFullImage,
  .podcastImage,
  figure,
  picture{
    padding-right:0 !important;
  }
}

/* Tablet and mobile: monogram moves to the right; no wordmark and no left offset. */
@media (max-width:1180px), (orientation:portrait){
  .desktopBrandHome{display:none !important}

  .brandMenuTrigger{
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    right:12px !important;
    left:auto !important;
  }

  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent{
    width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:var(--nav-safe-mobile) !important;
    box-sizing:border-box;
  }

  .lfHeroMedia,
  .lfPressureMedia,
  .editorialHeroMedia,
  .editorialFullImage,
  .podcastImage,
  figure,
  picture{
    padding-right:0 !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{--nav-safe-mobile:62px}

  .brandMenuTrigger{
    right:8px !important;
    width:58px !important;
    height:58px !important;
  }
}

/* The control remains containerless; section tone controls black/white. */
.brandMenuTrigger::before,
.desktopBrandHome::before{
  display:none !important;
  content:none !important;
}


/* =========================================================
   EXZEED 1.4.1 — Content Grid Alignment
   - Desktop editorial content begins to the right of the wordmark.
   - Mobile/tablet podcast rail respects the right navigation safe area.
   ========================================================= */

:root{
  --desktop-brand-start:clamp(190px,15vw,230px);
}

/*
  Desktop:
  The wordmark keeps a quiet visual zone on the left.
  Text, headings and editorial actions begin on the secondary content axis.
  Full-bleed backgrounds and media are not narrowed.
*/
@media (min-width:1181px) and (orientation:landscape){
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent{
    width:auto !important;
    max-width:var(--container) !important;
    margin-left:max(
      var(--desktop-brand-start),
      calc((100vw - var(--container))/2)
    ) !important;
    margin-right:max(
      var(--nav-safe-desktop),
      calc((100vw - var(--container))/2)
    ) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /*
    The podcast cards follow the same editorial left axis on desktop,
    while retaining their three-column layout.
  */
  .podcastRail{
    width:auto !important;
    max-width:var(--container) !important;
    margin-left:max(
      var(--desktop-brand-start),
      calc((100vw - var(--container))/2)
    ) !important;
    margin-right:max(
      var(--nav-safe-desktop),
      calc((100vw - var(--container))/2)
    ) !important;
  }
}

/*
  Tablet and mobile:
  The carousel viewport ends before the fixed monogram safe area.
  Cards may scroll horizontally, but they are clipped inside this safe viewport
  and no longer pass beneath the menu control.
*/
@media (max-width:1180px), (orientation:portrait){
  .podcastRailWrap{
    box-sizing:border-box;
    padding-right:var(--nav-safe-mobile) !important;
    overflow:hidden;
  }

  .podcastRail{
    width:auto !important;
    margin-left:var(--gutter) !important;
    margin-right:0 !important;
    padding-right:var(--gutter) !important;
    box-sizing:border-box;
  }

  .podcastArchiveLink{
    padding-right:0 !important;
  }
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .podcastCard{
    flex-basis:min(
      72vw,
      calc(100vw - var(--gutter) - var(--nav-safe-mobile) - 28px)
    ) !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .podcastCard{
    flex-basis:min(
      84vw,
      calc(100vw - var(--gutter) - var(--nav-safe-mobile) - 12px)
    ) !important;
  }

  .railDots{
    padding-right:0 !important;
  }
}


/* =========================================================
   EXZEED 1.4.2 — Symmetry + Leadership Grid Stabilisation
   ========================================================= */

:root{
  --podcast-symmetric-gutter-desktop:max(var(--nav-safe-desktop),clamp(42px,6vw,92px));
  --podcast-symmetric-gutter-mobile:max(var(--gutter),var(--nav-safe-mobile));
}

/* ---------------------------------------------------------
   Podcast: headings may stay editorial; cards and CTA are
   always geometrically centred with equal left/right space.
   --------------------------------------------------------- */
@media (min-width:1181px) and (orientation:landscape){
  .podcastRailWrap{
    width:100% !important;
    overflow:hidden !important;
  }

  .podcastRail{
    width:calc(100% - (2 * var(--podcast-symmetric-gutter-desktop))) !important;
    max-width:var(--container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  .podcastArchiveLink,
  .railDots{
    width:calc(100% - (2 * var(--podcast-symmetric-gutter-desktop))) !important;
    max-width:var(--container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
    text-align:center;
  }
}

@media (max-width:1180px), (orientation:portrait){
  .podcastRailWrap{
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
  }

  .podcastRail{
    width:calc(100% - (2 * var(--podcast-symmetric-gutter-mobile))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
    scroll-padding-inline:0;
  }

  .podcastArchiveLink,
  .railDots{
    width:calc(100% - (2 * var(--podcast-symmetric-gutter-mobile))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
    text-align:center;
  }

  .podcastCard{
    flex:0 0 calc(100% - 28px) !important;
    min-width:0 !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .podcastCard{
    flex-basis:calc(100% - 18px) !important;
  }
}

/* ---------------------------------------------------------
   Leadership: every normal content section follows the same
   left editorial axis on desktop. Full-bleed pressure media
   remains intentionally independent.
   --------------------------------------------------------- */
@media (min-width:1181px) and (orientation:landscape){
  .leadershipFinalPage .lfIntro > .contentWrap,
  .leadershipFinalPage .lfExecutive > .contentWrap,
  .leadershipFinalPage .lfOffers > .contentWrap,
  .leadershipFinalPage .lfWorkshop > .contentWrap,
  .leadershipFinalPage .lfDialogue > .contentWrap,
  .leadershipFinalPage .lfCredibility > .contentWrap,
  .leadershipFinalPage .lfManifesto > .contentWrap,
  .leadershipFinalPage .lfContact > .contentWrap{
    width:auto !important;
    max-width:var(--container) !important;
    margin-left:max(
      var(--desktop-brand-start),
      calc((100vw - var(--container))/2)
    ) !important;
    margin-right:max(
      var(--nav-safe-desktop),
      calc((100vw - var(--container))/2)
    ) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }
}

/* Every grid child may shrink; long German words cannot escape columns. */
.lfIntroGrid > *,
.lfExecutiveGrid > *,
.lfWorkshopGrid > *,
.lfCredibilityGrid > *,
.lfContactGrid > *,
.lfDialogue .contentWrap > *{
  min-width:0;
}

.lfIntro h2,
.lfCopy h2,
.lfCredibility h2,
.lfManifesto h2,
.lfContact h2,
.lfDialogueCopy h2{
  overflow-wrap:anywhere;
  hyphens:auto;
}

/* Contact is deliberately more conservative than the image/text modules. */
.lfContactGrid{
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr) !important;
  gap:clamp(52px,6vw,96px) !important;
}

.lfContact h2{
  max-width:9.5ch;
  font-size:clamp(48px,5vw,78px) !important;
}

.lfContactActions{
  min-width:0;
}

.lfContactActions .sectionLink{
  max-width:100%;
}

/* Earlier collapse prevents the iPad-landscape collision seen in testing. */
@media (max-width:1380px){
  .lfContactGrid{
    grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr) !important;
    gap:48px !important;
  }

  .lfContact h2{
    font-size:clamp(46px,4.8vw,66px) !important;
  }
}

@media (max-width:1180px), (orientation:portrait){
  .leadershipFinalPage .contentWrap{
    width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:var(--nav-safe-mobile) !important;
    box-sizing:border-box;
  }

  .lfIntroGrid,
  .lfExecutiveGrid,
  .lfWorkshopGrid,
  .lfCredibilityGrid,
  .lfContactGrid,
  .lfDialogue .contentWrap{
    grid-template-columns:1fr !important;
  }

  .lfContact h2{
    max-width:11ch;
    font-size:clamp(42px,9vw,62px) !important;
  }
}

@media (max-width:820px){
  .leadershipFinalPage .contentWrap{
    padding-right:0 !important;
  }

  .lfContact h2{
    overflow-wrap:normal;
    hyphens:auto;
  }
}


/* =========================================================
   EXZEED 1.5.0 — Final Wallpaper Integration
   Original-derived SVG pairs; opacity-only transitions.
   ========================================================= */

.sectionWallpaperStage,
.subpageWallpaper{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100lvh !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  transform:none !important;
  contain:paint;
}

.sectionWallpaperLayer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  opacity:calc(var(--section-wallpaper-opacity,0) * var(--section-wallpaper-strength,1));
  transform:none !important;
  backface-visibility:hidden;
  will-change:opacity;
}

/* The hero uses the untouched original master, including green M01. */
.sectionWallpaperHero{
  --section-wallpaper-strength:.34;
  background-image:url('/assets/img/wallpaper-system/wallpaper_master_original-v150.svg');
}

/* Section backgrounds contain all dark objects except their foreground signature. */
.sectionWallpaperLeadership{
  --section-wallpaper-strength:.27;
  background-image:url('/assets/img/wallpaper-system/wallpaper_leadership_background-v150.svg');
}
.sectionWallpaperPodcast{
  --section-wallpaper-strength:.13;
  background-image:url('/assets/img/wallpaper-system/wallpaper_podcast_background-v150.svg');
}
.sectionWallpaperContact{
  --section-wallpaper-strength:.23;
  background-image:url('/assets/img/wallpaper-system/wallpaper_contact_background-v150.svg');
}

/* One common softening layer. It never changes between sections. */
.sectionWallpaperStage::after,
.subpageWallpaper::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.25);
  pointer-events:none;
}

/* Subpage signatures use only the selected foreground monograms. */
.subpageWallpaper{
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
}

.leadershipForegroundWallpaper{
  background-image:url('/assets/img/wallpaper-system/wallpaper_leadership_foreground-v150.svg') !important;
  opacity:.18 !important;
}

.podcastForegroundWallpaper{
  background-image:url('/assets/img/wallpaper-system/wallpaper_podcast_foreground-v150.svg') !important;
  opacity:.14 !important;
}

/* Preserve the successful desktop/iPad landscape composition and logo gap. */
@media (min-width:901px) and (orientation:landscape){
  .sectionWallpaperLayer,
  .subpageWallpaper{
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* iPad portrait uses the previously successful crop. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .sectionWallpaperLayer,
  .subpageWallpaper{
    background-size:auto 106% !important;
    background-position:36% center !important;
  }

  .sectionWallpaperHero{--section-wallpaper-strength:.30}
  .sectionWallpaperLeadership{--section-wallpaper-strength:.22}
  .sectionWallpaperPodcast{--section-wallpaper-strength:.10}
  .sectionWallpaperContact{--section-wallpaper-strength:.19}

  .sectionWallpaperStage::after,
  .subpageWallpaper::after{
    background:rgba(255,255,255,.34);
  }
}

/* Smartphone crop follows the established mobile composition. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .sectionWallpaperLayer,
  .subpageWallpaper{
    background-size:auto 150% !important;
    background-position:48% center !important;
  }

  .sectionWallpaperHero{--section-wallpaper-strength:.27}
  .sectionWallpaperLeadership{--section-wallpaper-strength:.18}
  .sectionWallpaperPodcast{--section-wallpaper-strength:.075}
  .sectionWallpaperContact{--section-wallpaper-strength:.16}

  .leadershipForegroundWallpaper{opacity:.14 !important}
  .podcastForegroundWallpaper{opacity:.11 !important}

  .sectionWallpaperStage::after,
  .subpageWallpaper::after{
    background:rgba(255,255,255,.40);
  }
}

@media (prefers-reduced-motion:reduce){
  .sectionWallpaperLayer{
    will-change:auto;
  }
}


/* =========================================================
   EXZEED 1.5.1 — Equal Wallpaper Density + Mobile Frame Fix
   ========================================================= */

/*
  All homepage wallpaper states use one common visual density.
  Existing monograms therefore remain equally dark while only the
  intentionally removed forms fade in or out.
*/
.sectionWallpaperHero,
.sectionWallpaperLeadership,
.sectionWallpaperPodcast,
.sectionWallpaperContact{
  --section-wallpaper-strength:.24 !important;
}

/*
  Mobile/tablet navigation frame:
  the complete editorial content area permanently ends before the
  fixed monogram menu. This also applies to all Leadership layouts.
*/
@media (max-width:1180px), (orientation:portrait){
  :root{
    --nav-safe-mobile:96px;
  }

  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent,
  .leadershipFinalPage .contentWrap{
    padding-right:var(--nav-safe-mobile) !important;
    box-sizing:border-box !important;
  }

  .lfHeroMedia,
  .lfPressureMedia,
  .editorialHeroMedia,
  .editorialFullImage,
  .podcastImage,
  .leadershipFinalPage figure,
  .leadershipFinalPage picture{
    padding-right:0 !important;
  }
}

/* Tablet keeps the same density across every homepage section. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .sectionWallpaperHero,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    --section-wallpaper-strength:.20 !important;
  }

  /*
    A slightly wider crop keeps the wallpaper balanced and gives the
    navigation corner sufficient negative space.
  */
  .sectionWallpaperLayer{
    background-size:auto 103% !important;
    background-position:32% center !important;
  }

  .subpageWallpaper{
    background-size:auto 103% !important;
    background-position:50% center !important;
  }
}

/* Smartphone-specific composition. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{
    --nav-safe-mobile:98px;
  }

  .sectionWallpaperHero,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    --section-wallpaper-strength:.16 !important;
  }

  /*
    General section backgrounds: less zoom and a gentler crop.
    The artwork is moved slightly to the right compared with v1.5.0.
  */
  .sectionWallpaperLayer{
    background-size:auto 126% !important;
    background-position:34% center !important;
  }

  /*
    Landing-page hero: deliberately show a recognizable part of the
    green M01 on every common phone width.
  */
  .sectionWallpaperHero{
    background-size:auto 122% !important;
    background-position:23% center !important;
  }

  /*
    Leadership subpage foreground:
    show both sides of the M04/M11 signature instead of enlarging it
    beyond the mobile viewport.
  */
  .leadershipForegroundWallpaper{
    background-size:auto 108% !important;
    background-position:50% center !important;
    opacity:.16 !important;
  }

  .podcastForegroundWallpaper{
    background-size:auto 116% !important;
    background-position:47% center !important;
    opacity:.16 !important;
  }

  /*
    Extra safety for long Leadership copy. Text never enters the
    persistent menu column, even in nested editorial grids.
  */
  .leadershipFinalPage .lfIntroGrid,
  .leadershipFinalPage .lfExecutiveGrid,
  .leadershipFinalPage .lfWorkshopGrid,
  .leadershipFinalPage .lfCredibilityGrid,
  .leadershipFinalPage .lfContactGrid,
  .leadershipFinalPage .lfDialogue .contentWrap,
  .leadershipFinalPage .lfOfferRows{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   EXZEED 1.5.2 — Mobile Top Bar Navigation
   ========================================================= */

/* Brand-consistent menu interaction on every device. */
.menuLinks a,
.menuHomeLink{
  color:#111 !important;
  opacity:1 !important;
}

.menuLinks a:hover,
.menuLinks a:focus-visible,
.menuLinks a.isActive,
.menuLinks a[aria-current="page"]{
  color:var(--accent) !important;
  opacity:1 !important;
  transform:none !important;
}

.menuLinks a.isActive::after,
.menuLinks a[aria-current="page"]::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin-top:10px;
  background:var(--accent);
}

.menuHomeLink{
  display:inline-flex;
  width:max-content;
  text-decoration:none;
  margin-bottom:clamp(34px,5vh,62px);
}

.menuHomeWordmark{
  display:block;
  width:clamp(150px,14vw,210px);
  height:auto;
  transition:filter .2s ease,opacity .2s ease;
}

.menuHomeLink:hover .menuHomeWordmark,
.menuHomeLink:focus-visible .menuHomeWordmark{
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(61%)
    saturate(592%)
    hue-rotate(18deg)
    brightness(93%)
    contrast(91%);
}

.menuBrandRow{
  margin-top:auto;
}

/* ---------------------------------------------------------
   Smartphone navigation is a distinct horizontal system.
   Tablet and desktop retain the established corner system.
   --------------------------------------------------------- */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{
    --mobile-header-height:72px;
    --nav-safe-mobile:0px;
  }

  /*
    Remove the former right frame completely. Content and media recover
    the full editorial width on smartphones.
  */
  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent,
  .leadershipFinalPage .contentWrap{
    width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
    padding-right:0 !important;
    padding-left:0 !important;
    box-sizing:border-box !important;
  }

  /* Fixed mobile title bar. Transparent at the top, white once scrolling. */
  .siteHeader.brandColumnsHeader{
    position:fixed !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    height:var(--mobile-header-height) !important;
    z-index:1000 !important;
    pointer-events:none;
  }

  .siteHeader.brandColumnsHeader::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0);
    border-bottom:1px solid rgba(0,0,0,0);
    -webkit-backdrop-filter:blur(0);
    backdrop-filter:blur(0);
    transition:
      background .24s ease,
      border-color .24s ease,
      backdrop-filter .24s ease;
  }

  body.isScrolled .siteHeader.brandColumnsHeader::before,
  body.menuOpen .siteHeader.brandColumnsHeader::before{
    background:rgba(255,255,255,.92);
    border-bottom-color:rgba(0,0,0,.08);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }

  /* Wordmark is permanently visible and is the Home control. */
  .desktopBrandHome{
    display:block !important;
    position:absolute !important;
    left:var(--gutter) !important;
    top:calc(env(safe-area-inset-top,0px) + 19px) !important;
    width:128px !important;
    height:30px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:3 !important;
  }

  .desktopWordmarkMark{
    background:#111 !important;
  }

  /* Monogram remains the sole menu button on the right. */
  .brandMenuTrigger{
    position:absolute !important;
    top:calc(env(safe-area-inset-top,0px) + 7px) !important;
    right:var(--gutter) !important;
    left:auto !important;
    width:58px !important;
    height:58px !important;
    padding:0 !important;
    pointer-events:auto !important;
    z-index:4 !important;
  }

  .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  .brandMenuTrigger[aria-expanded="true"] .menuMark,
  .brandMenuTrigger:hover .menuMark,
  .brandMenuTrigger:focus-visible .menuMark{
    background:var(--accent) !important;
    opacity:1 !important;
  }

  /*
    Menu opens vertically below the top bar. No horizontal drawer and no
    translation from the left.
  */
  .siteMenu{
    position:fixed !important;
    inset:0 !important;
    z-index:999 !important;
    background:transparent !important;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease !important;
  }

  .siteMenu.isOpen{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }

  .menuInner{
    position:absolute !important;
    top:var(--mobile-header-height) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(100% - var(--mobile-header-height)) !important;
    padding:clamp(42px,8vh,76px) var(--gutter) 30px !important;
    background:rgba(255,255,255,.97) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    transform:translateY(-14px) !important;
    opacity:0;
    transition:
      transform .24s cubic-bezier(.22,.61,.36,1),
      opacity .20s ease !important;
    overflow-y:auto;
    box-sizing:border-box;
  }

  .siteMenu.isOpen .menuInner{
    transform:translateY(0) !important;
    opacity:1;
  }

  .menuHomeLink{
    margin-bottom:44px;
  }

  .menuHomeWordmark{
    width:148px;
  }

  .menuLinks{
    gap:28px !important;
  }

  .menuInner .menuLinks a{
    font-size:clamp(38px,11vw,52px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
  }

  .menuBrandRow{
    width:100%;
    margin-top:auto !important;
    padding-top:34px;
    border-top:1px solid rgba(0,0,0,.10);
  }

  /* Content begins naturally below the fixed bar on internal pages. */
  .pageHero,
  .leadershipFinalPage main,
  .leadershipEditorialPage main,
  .podcastPage main,
  .episodePage main{
    scroll-margin-top:var(--mobile-header-height);
  }

  /*
    The wallpaper can use the full viewport again. No artificial right crop
    is required to protect the menu control.
  */
  .sectionWallpaperLayer{
    background-size:auto 126% !important;
    background-position:27% center !important;
  }

  .sectionWallpaperHero{
    background-size:auto 122% !important;
    background-position:20% center !important;
  }
}


/* =========================================================
   EXZEED 1.5.3 — Mobile Header / Safari Safe-Area Fix
   ========================================================= */

.mobileBrandWordmark{
  display:none;
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  :root{
    --mobile-bar-content-height:64px;
    --mobile-header-height:calc(var(--mobile-bar-content-height) + env(safe-area-inset-top,0px));
  }

  /*
    Safari-safe fixed header. The safe-area is part of the header height,
    not added outside it.
  */
  .siteHeader.brandColumnsHeader{
    height:var(--mobile-header-height) !important;
    min-height:var(--mobile-header-height) !important;
    background:rgba(255,255,255,.96) !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    backdrop-filter:blur(14px) !important;
  }

  .siteHeader.brandColumnsHeader::before{
    display:none !important;
    content:none !important;
  }

  /*
    Use the actual wordmark image on mobile. This avoids WebKit mask
    inconsistencies that caused the Home mark to disappear.
  */
  .desktopBrandHome{
    display:flex !important;
    align-items:center !important;
    position:absolute !important;
    left:var(--gutter) !important;
    top:env(safe-area-inset-top,0px) !important;
    width:132px !important;
    height:var(--mobile-bar-content-height) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .desktopWordmarkMark{
    display:none !important;
  }

  .mobileBrandWordmark{
    display:block !important;
    width:128px !important;
    height:auto !important;
    max-width:100% !important;
  }

  .brandMenuTrigger{
    position:absolute !important;
    top:env(safe-area-inset-top,0px) !important;
    right:calc(var(--gutter) - 8px) !important;
    left:auto !important;
    width:64px !important;
    height:var(--mobile-bar-content-height) !important;
    padding:3px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .brandMenuTrigger .menuMark{
    width:50px !important;
    height:50px !important;
  }

  /*
    The main content starts below the persistent title bar. It can scroll
    underneath the bar later without colliding with either brand control.
  */
  body > main{
    padding-top:var(--mobile-header-height) !important;
  }

  /*
    The menu panel starts after the complete Safari-safe header.
  */
  .menuInner{
    top:var(--mobile-header-height) !important;
    height:calc(100dvh - var(--mobile-header-height)) !important;
    min-height:calc(100dvh - var(--mobile-header-height)) !important;
    padding:44px var(--gutter) max(28px,env(safe-area-inset-bottom,0px)) !important;
  }

  /*
    The permanent top-bar wordmark is already the Home control.
    Remove the duplicate oversized wordmark from the panel.
  */
  .menuHomeLink{
    display:none !important;
  }

  .menuLinks{
    margin-top:4px !important;
  }

  /*
    Explicitly neutralize all legacy right-frame spacing, including nested
    Leadership layouts that were not covered by the earlier selector set.
  */
  .contentWrap,
  .heroContent,
  .statementContent,
  .connectContent,
  .sectionHeader,
  .podcastArchiveLink,
  .lfHeroContent,
  .leadershipFinalPage .contentWrap,
  .leadershipFinalPage .lfHeroContent,
  .leadershipFinalPage .lfIntroGrid,
  .leadershipFinalPage .lfExecutiveGrid,
  .leadershipFinalPage .lfWorkshopGrid,
  .leadershipFinalPage .lfCredibilityGrid,
  .leadershipFinalPage .lfContactGrid,
  .leadershipFinalPage .lfOfferRows{
    width:min(var(--container),calc(100% - (2 * var(--gutter)))) !important;
    max-width:var(--container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /*
    Keep the wallpaper below the fixed interface and prevent the menu mark
    from visually merging with a large foreground monogram.
  */
  .sectionWallpaperStage,
  .subpageWallpaper{
    top:var(--mobile-header-height) !important;
    height:calc(100lvh - var(--mobile-header-height)) !important;
  }

  .leadershipForegroundWallpaper{
    background-position:50% center !important;
    background-size:auto 102% !important;
  }
}


/* =========================================================
   EXZEED 1.5.4 — Mobile Menu Close / Sharp Header Fix
   ========================================================= */

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  /*
    The persistent title bar must always sit above the menu panel.
    It remains sharp and fully interactive while the menu is open.
  */
  .siteHeader.brandColumnsHeader{
    z-index:3000 !important;
    filter:none !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  .desktopBrandHome,
  .brandMenuTrigger{
    pointer-events:auto !important;
    filter:none !important;
    opacity:1 !important;
  }

  /*
    Do not cover or blur the title bar. The mobile menu begins only
    below it and therefore cannot intercept the close button.
  */
  .siteMenu{
    inset:var(--mobile-header-height) 0 0 0 !important;
    width:100% !important;
    height:calc(100dvh - var(--mobile-header-height)) !important;
    z-index:2990 !important;
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }

  .siteMenu.isOpen{
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /*
    Since the nav itself now starts below the title bar, the panel starts
    at zero within that nav rather than adding the header height twice.
  */
  .menuInner{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    background:#fff !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }

  /*
    Keep both header controls legible over the opened white menu.
  */
  body.menuOpen .mobileBrandWordmark{
    opacity:1 !important;
    filter:none !important;
  }

  body.menuOpen .brandMenuTrigger .menuMark{
    background:var(--accent) !important;
    opacity:1 !important;
    filter:none !important;
  }
}


/* =========================================================
   EXZEED 1.5.5 — Explicit Home + Wordmark at Menu Bottom
   ========================================================= */

/* The menu now begins directly with navigation. */
.menuHomeLink{
  display:none !important;
}

.menuBottomHome{
  display:inline-flex;
  width:max-content;
  text-decoration:none;
  margin:0 0 22px;
}

.menuBottomHome .menuWordmarkImage{
  display:block;
  width:150px;
  height:auto;
  margin:0;
  opacity:1;
  filter:none !important;
}

.menuBottomHome:hover .menuWordmarkImage,
.menuBottomHome:focus-visible .menuWordmarkImage{
  opacity:.72;
  filter:none !important;
}

.menuBrandRow{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  /*
    Mobile panel starts with Home and keeps the wordmark in the quiet
    lower brand area above the social links.
  */
  .menuLinks{
    margin-top:0 !important;
  }

  .menuBrandRow{
    width:100%;
    margin-top:auto !important;
    padding-top:28px;
    border-top:1px solid rgba(0,0,0,.10);
  }

  .menuBottomHome{
    margin-bottom:24px;
  }

  .menuBottomHome .menuWordmarkImage{
    width:145px;
  }
}


/* =========================================================
   EXZEED 1.5.6 — Menu Row / Precise Logo / Mobile Wallpaper
   ========================================================= */

.menuBrandRow{
  width:100%;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:26px !important;
}

.menuBottomHome{
  margin:0 !important;
  flex:0 0 auto;
}

.menuUtilityLinks{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 !important;
}

body.logoOnDark156 .desktopWordmarkMark{
  background:#fff !important;
}
body:not(.logoOnDark156) .desktopWordmarkMark{
  background:#111 !important;
}
body.logoOnDark156 .brandMenuTrigger .menuMark{
  background:#fff !important;
}
body:not(.logoOnDark156) .brandMenuTrigger .menuMark{
  background:#111 !important;
}
body.menuOpen .desktopWordmarkMark{
  background:#111 !important;
}
body.menuOpen .brandMenuTrigger .menuMark{
  background:var(--accent) !important;
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .sectionWallpaperLayer{
    opacity:0 !important;
    transition:opacity .32s ease !important;
    background-size:auto 122% !important;
    background-position:22% center !important;
  }

  .sectionWallpaperLayer.isMobileActive156{
    opacity:.16 !important;
  }

  .sectionWallpaperHero,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    --section-wallpaper-strength:1 !important;
    background-size:auto 122% !important;
    background-position:22% center !important;
  }

  .sectionWallpaperLayer[style]{
    opacity:0 !important;
  }

  .sectionWallpaperLayer.isMobileActive156[style]{
    opacity:.16 !important;
  }

  .menuBrandRow{
    flex-direction:row !important;
    align-items:center !important;
    gap:24px !important;
    padding-top:24px !important;
  }

  .menuBottomHome .menuWordmarkImage{
    width:142px !important;
  }
}


/* =========================================================
   EXZEED 1.5.7 — Independent Wordmark / Monogram Contrast
   ========================================================= */

/*
  Desktop and iPad only:
  Wordmark and monogram are controlled independently.
*/
@media (min-width:701px){
  /* Neutralize the former shared contrast state. */
  body.logoOnDark156 .desktopWordmarkMark,
  body.logoOnDark156 .brandMenuTrigger .menuMark,
  body:not(.logoOnDark156) .desktopWordmarkMark,
  body:not(.logoOnDark156) .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  /* Wordmark: reacts only to the area directly behind the wordmark. */
  body.wordmarkOnDark157 .desktopWordmarkMark{
    background:#fff !important;
  }

  body:not(.wordmarkOnDark157) .desktopWordmarkMark{
    background:#111 !important;
  }

  /* Monogram: completely independent sampling and color state. */
  body.monogramOnDark157 .brandMenuTrigger .menuMark{
    background:#fff !important;
  }

  body:not(.monogramOnDark157) .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  /* Open menu always follows the fixed brand interaction state. */
  body.menuOpen .desktopWordmarkMark{
    background:#111 !important;
  }

  body.menuOpen .brandMenuTrigger .menuMark{
    background:var(--accent) !important;
  }
}

/*
  Mobile remains a fixed title-bar system and never uses page-background
  contrast detection.
*/
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .mobileBrandWordmark{
    opacity:1 !important;
    filter:none !important;
  }

  .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  body.menuOpen .brandMenuTrigger .menuMark{
    background:var(--accent) !important;
  }
}


/* =========================================================
   EXZEED 1.5.8 — Responsive Navigation Modes
   Compact navigation:
   - phones portrait
   - phones landscape
   - tablets portrait
   Desktop navigation:
   - tablets landscape
   - desktop
   ========================================================= */

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  /*
    The compact menu owns its scroll. The page itself remains locked,
    while every navigation item and the lower brand row stay reachable.
  */
  .siteMenu,
  .menuInner{
    overscroll-behavior:contain !important;
  }

  .menuInner{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    justify-content:flex-start !important;
  }

  .menuBrandRow{
    flex-shrink:0 !important;
    margin-top:auto !important;
  }
}

/* Low-height landscape phones need a denser, still scrollable menu. */
@media (max-width:1180px) and (max-height:700px) and (orientation:landscape){
  :root{
    --mobile-bar-content-height:54px;
  }

  .desktopBrandHome{
    width:112px !important;
    height:var(--mobile-bar-content-height) !important;
  }

  .mobileBrandWordmark{
    width:108px !important;
  }

  .brandMenuTrigger{
    width:56px !important;
    height:var(--mobile-bar-content-height) !important;
  }

  .brandMenuTrigger .menuMark{
    width:42px !important;
    height:42px !important;
  }

  .menuInner{
    padding:
      22px
      max(var(--gutter),env(safe-area-inset-right,0px))
      max(18px,env(safe-area-inset-bottom,0px))
      max(var(--gutter),env(safe-area-inset-left,0px))
      !important;
  }

  .menuLinks{
    gap:14px !important;
    flex-shrink:0 !important;
  }

  .menuInner .menuLinks a{
    font-size:clamp(30px,7.2vh,42px) !important;
    line-height:.98 !important;
  }

  .menuLinks a.isActive::after,
  .menuLinks a[aria-current="page"]::after{
    margin-top:6px !important;
  }

  .menuBrandRow{
    margin-top:24px !important;
    padding-top:16px !important;
    gap:18px !important;
  }

  .menuBottomHome .menuWordmarkImage{
    width:118px !important;
  }

  .menuUtilityLinks{
    gap:13px !important;
  }
}

/* Tablet portrait keeps more generous proportions than a phone. */
@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  :root{
    --mobile-bar-content-height:70px;
  }

  .desktopBrandHome{
    width:154px !important;
  }

  .mobileBrandWordmark{
    width:150px !important;
  }

  .menuInner{
    padding:
      clamp(48px,7vh,76px)
      max(56px,env(safe-area-inset-right,0px))
      max(36px,env(safe-area-inset-bottom,0px))
      max(56px,env(safe-area-inset-left,0px))
      !important;
  }

  .menuInner .menuLinks a{
    font-size:clamp(44px,6vw,62px) !important;
  }
}


/* =========================================================
   EXZEED 1.5.9 — Pixel Contrast + Leadership CTA
   ========================================================= */

.leadershipSectionAction{
  margin-top:clamp(34px,5vw,64px);
}

.leadershipSectionLink{
  display:inline-block;
  color:#111;
}

.leadershipSectionLink:hover,
.leadershipSectionLink:focus-visible{
  color:var(--accent);
}

/* Final contrast authority for desktop and iPad landscape. */
@media (min-width:701px){
  body.wordmarkOnDark159 .desktopWordmarkMark{
    background:#fff !important;
  }

  body:not(.wordmarkOnDark159) .desktopWordmarkMark{
    background:#111 !important;
  }

  body.monogramOnDark159 .brandMenuTrigger .menuMark{
    background:#fff !important;
  }

  body:not(.monogramOnDark159) .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  body.menuOpen .desktopWordmarkMark{
    background:#111 !important;
  }

  body.menuOpen .brandMenuTrigger .menuMark{
    background:var(--accent) !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .leadershipSectionAction{
    margin-top:38px;
  }

  .leadershipSectionLink{
    font-size:14px;
  }

  .mobileBrandWordmark{
    opacity:1 !important;
    filter:none !important;
  }

  .brandMenuTrigger .menuMark{
    background:#111 !important;
  }

  body.menuOpen .brandMenuTrigger .menuMark{
    background:var(--accent) !important;
  }
}


/* EXZEED 1.6.0 — Phase 1 QA */
.skipLink{position:fixed;left:16px;top:12px;z-index:10000;padding:10px 14px;background:#111;color:#fff;text-decoration:none;transform:translateY(-160%);transition:transform .18s ease}
.skipLink:focus{transform:translateY(0)}
img{height:auto}


/* =========================================================
   EXZEED 1.6.3 — Content refinement only
   Existing section geometry remains unchanged.
   ========================================================= */

.podcastPlaceholderSection .sectionHeader{
  margin-bottom:clamp(54px,7vw,94px);
}

.podcastPreviewGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,4vw,68px);
}

.podcastPreviewItem{
  min-height:clamp(300px,31vw,430px);
  padding:24px 0 30px;
  border-top:1px solid rgba(17,17,17,.24);
  border-bottom:1px solid rgba(17,17,17,.12);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.podcastPreviewIndex,
.podcastPreviewStatus{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:650;
}

.podcastPreviewIndex{
  color:rgba(17,17,17,.48);
}

.podcastPreviewItem h3{
  margin:clamp(54px,7vw,96px) 0 36px;
  font-size:clamp(30px,3.5vw,54px);
  line-height:.96;
  letter-spacing:-.055em;
  max-width:9em;
}

.podcastPreviewStatus{
  margin-top:auto;
  color:var(--accent);
}

.podcastPreviewFooter{
  margin-top:clamp(44px,6vw,78px);
}

.podcastPreviewFooter p{
  margin:0;
  font-size:14px;
  color:rgba(17,17,17,.58);
}

@media (max-width:900px){
  .podcastPreviewGrid{
    grid-template-columns:1fr;
    gap:0;
  }

  .podcastPreviewItem{
    min-height:280px;
    padding:22px 0 28px;
  }

  .podcastPreviewItem h3{
    margin:54px 0 30px;
    font-size:clamp(38px,10vw,64px);
    max-width:8.5em;
  }
}


/* =========================================================
   EXZEED 1.6.4 — Herkunft / Leadership / About
   Existing navigation, wallpaper and responsive systems remain intact.
   ========================================================= */

.homeOrigin{
  position:relative;
  padding-block:var(--space-8);
}

.homeOriginGrid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(64px,9vw,150px);
  align-items:start;
}

.homeOriginHeading h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(52px,6vw,94px);
  line-height:.92;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.homeOriginCopy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  padding-top:52px;
}

.homeOriginCopy p,
.leadershipTeaserCopy p{
  margin:0;
  color:var(--muted);
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.62;
}

.homeOriginCopy .sectionLink{
  grid-column:1/-1;
  justify-self:start;
  margin-top:8px;
}

.homeLeadershipTeaser .statementContent{
  max-width:1040px;
}

.leadershipTeaserCopy{
  max-width:760px;
  margin-top:52px;
}

.aboutHero .lfHeroMedia img{
  object-position:58% 44%;
}

.aboutFocus .lfOfferRows article{
  grid-template-columns:80px minmax(210px,.8fr) minmax(0,1.5fr);
}

@media (max-width:900px){
  .homeOriginGrid{
    grid-template-columns:1fr;
    gap:54px;
  }

  .homeOriginCopy{
    padding-top:0;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .homeOrigin{
    padding-block:96px;
  }

  .homeOriginGrid,
  .homeOriginCopy{
    display:block;
  }

  .homeOriginHeading h2{
    font-size:clamp(48px,12vw,72px);
    max-width:9.5ch;
  }

  .homeOriginCopy{
    margin-top:46px;
  }

  .homeOriginCopy p{
    margin-bottom:28px;
  }

  .homeOriginCopy .sectionLink{
    margin-top:14px;
  }

  .leadershipTeaserCopy{
    margin-top:38px;
  }

  .aboutFocus .lfOfferRows article{
    grid-template-columns:42px 1fr;
  }

  .aboutFocus .lfOfferRows article p{
    grid-column:2;
  }
}


/* =========================================================
   EXZEED 1.6.5 — Identity + Leadership Sales Architecture
   ========================================================= */

.sectionWallpaperIdentity{
  --section-wallpaper-strength:.24;
  background-image:url('/assets/img/wallpaper-system/wallpaper_identity_background-v165.svg');
}

.identityForegroundWallpaper{
  background-image:url('/assets/img/wallpaper-system/wallpaper_identity_foreground-v165.svg') !important;
  opacity:.18 !important;
}

/* Startseite: two clear axes; all copy and CTA share one left edge. */
.identitySection{
  position:relative;
  padding-block:var(--space-8);
}

.identityGrid,
.identityPageGrid,
.leadershipMethodGrid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(64px,9vw,150px);
  align-items:start;
}

.identityHeading,
.identityContent,
.identityPageHeading,
.identityPageCopy,
.leadershipOfferCopy,
.leadershipMethodHeading{
  min-width:0;
}

.identityHeading h2,
.identityPageHeading h1,
.identityPageHeading h2{
  margin:0;
  max-width:10ch;
  line-height:.92;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.identityHeading h2{
  font-size:clamp(52px,6vw,94px);
}

.identityContent{
  padding-top:52px;
  max-width:680px;
}

.identityContent p,
.identityPageCopy p{
  margin:0 0 28px;
  color:var(--muted);
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.62;
}

.identityCta,
.identityPageCta,
.leadershipOfferCta{
  margin-top:14px;
  justify-self:start;
}

/* Short Identity subpage. */
.identityHero,
.identityChapter,
.identityContact{
  position:relative;
  padding-block:clamp(120px,15vw,220px);
}

.identityHero{
  min-height:78vh;
  display:flex;
  align-items:center;
}

.identityPageHeading h1{
  font-size:clamp(64px,7.5vw,118px);
}

.identityPageHeading h2{
  font-size:clamp(48px,5.4vw,84px);
}

.identityPageCopy{
  padding-top:54px;
  max-width:680px;
}

.identityPageCopy .lead{
  color:#111;
  font-size:clamp(22px,2.1vw,34px);
  line-height:1.35;
  letter-spacing:-.025em;
}

.identityChapter{
  border-top:1px solid rgba(17,17,17,.14);
}

/* Leadership offers: no tiles, one full narrative section per offer. */
.leadershipOffer{
  position:relative;
  padding-block:clamp(120px,14vw,220px);
  border-top:1px solid rgba(17,17,17,.12);
}

.leadershipOfferGrid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  gap:clamp(64px,8vw,132px);
  align-items:center;
}

.leadershipOfferGridReverse{
  grid-template-columns:minmax(360px,.96fr) minmax(0,1.04fr);
}

.leadershipOfferMedia{
  margin:0;
  min-height:620px;
  overflow:hidden;
}

.leadershipOfferMedia img{
  width:100%;
  height:100%;
  min-height:620px;
  display:block;
  object-fit:cover;
  filter:grayscale(1);
}

.leadershipOfferMediaWide{
  min-height:540px;
}

.leadershipOfferMediaWide img{
  min-height:540px;
}

.leadershipOfferCopy{
  max-width:620px;
}

.leadershipOfferCopy h2{
  margin:0 0 42px;
  max-width:11ch;
  font-size:clamp(48px,5.1vw,82px);
  line-height:.95;
  letter-spacing:-.052em;
  text-wrap:balance;
}

.leadershipOfferCopy p{
  margin:0 0 24px;
  color:var(--muted);
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.62;
}

.leadershipMethod{
  padding-block:clamp(120px,14vw,210px);
  border-top:1px solid rgba(17,17,17,.12);
}

.leadershipMethodHeading h2{
  margin:0;
  max-width:10ch;
  font-size:clamp(48px,5.4vw,84px);
  line-height:.94;
  letter-spacing:-.052em;
}

.leadershipMethodSteps{
  border-top:1px solid rgba(17,17,17,.18);
}

.leadershipMethodSteps>div{
  display:grid;
  grid-template-columns:54px minmax(150px,.7fr) minmax(0,1fr);
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid rgba(17,17,17,.18);
  align-items:start;
}

.leadershipMethodSteps span{
  color:#777;
  font-size:12px;
  letter-spacing:.12em;
}

.leadershipMethodSteps strong{
  font-size:clamp(22px,2vw,32px);
  letter-spacing:-.03em;
}

.leadershipMethodSteps p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

/* Keep all homepage and subpage CTAs aligned to their text columns. */
.identityContent .sectionLink,
.identityPageCopy .sectionLink,
.leadershipOfferCopy .sectionLink,
.leadershipTeaserCopy + .leadershipSectionAction .sectionLink{
  margin-left:0 !important;
  justify-content:flex-start !important;
}

/* Tablet portrait uses same wallpaper density as other states. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .sectionWallpaperIdentity{
    --section-wallpaper-strength:.20 !important;
  }
  .identityForegroundWallpaper{
    opacity:.16 !important;
  }
}

@media (max-width:900px){
  .identityGrid,
  .identityPageGrid,
  .leadershipOfferGrid,
  .leadershipOfferGridReverse,
  .leadershipMethodGrid{
    grid-template-columns:1fr;
    gap:54px;
  }

  .leadershipOfferGridReverse .leadershipOfferCopy{
    order:2;
  }

  .leadershipOfferGridReverse .leadershipOfferMedia{
    order:1;
  }

  .identityContent,
  .identityPageCopy{
    padding-top:0;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .sectionWallpaperIdentity{
    --section-wallpaper-strength:1 !important;
    background-size:auto 122% !important;
    background-position:22% center !important;
  }

  .identityForegroundWallpaper{
    background-size:auto 112% !important;
    background-position:48% center !important;
    opacity:.16 !important;
  }

  .identitySection,
  .identityHero,
  .identityChapter,
  .identityContact,
  .leadershipOffer,
  .leadershipMethod{
    padding-block:96px;
  }

  .identityHeading h2{
    font-size:clamp(48px,12vw,72px);
  }

  .identityPageHeading h1{
    font-size:clamp(54px,13vw,78px);
  }

  .identityPageHeading h2,
  .leadershipOfferCopy h2,
  .leadershipMethodHeading h2{
    font-size:clamp(44px,11vw,68px);
  }

  .identityContent,
  .identityPageCopy,
  .leadershipOfferCopy{
    max-width:none;
  }

  .leadershipOfferMedia,
  .leadershipOfferMedia img,
  .leadershipOfferMediaWide,
  .leadershipOfferMediaWide img{
    min-height:430px;
  }

  .leadershipMethodSteps>div{
    grid-template-columns:38px 1fr;
    gap:18px;
  }

  .leadershipMethodSteps p{
    grid-column:2;
  }
}


/* =========================================================
   EXZEED 1.6.6 — Global Grid, Rhythm and Late Wallpaper Change
   ========================================================= */

:root{
  --exzeed-grid-width:1200px;
  --exzeed-grid-gutter:clamp(48px,7vw,110px);
  --exzeed-copy-max:620px;
  --exzeed-section-min:112svh;
  --exzeed-section-space:clamp(140px,16vw,250px);
  --exzeed-flow-eyebrow:22px;
  --exzeed-flow-copy:46px;
  --exzeed-flow-cta:28px;
}

/* One stable outer page axis throughout the project. */
.contentWrap{
  width:min(var(--exzeed-grid-width),calc(100% - 2 * var(--exzeed-grid-gutter))) !important;
  margin-inline:auto !important;
}

/* Homepage chapter rhythm. */
body:not(.leadershipFinalPage) main > .hero{
  min-height:126svh !important;
}

body:not(.leadershipFinalPage) main > .identitySection,
body:not(.leadershipFinalPage) main > .homeLeadershipTeaser,
body:not(.leadershipFinalPage) main > .podcastSection,
body:not(.leadershipFinalPage) main > .connect{
  min-height:112svh !important;
  padding-block:var(--exzeed-section-space) !important;
  display:flex;
  align-items:center;
}

/* Every homepage chapter starts on the same outer X-axis. */
.heroContent,
.identityGrid,
.statementContent,
.sectionHeader,
.podcastPreviewGrid,
.podcastPreviewFooter,
.connectContent{
  width:100% !important;
  max-width:none !important;
  margin-inline:auto !important;
}

/* Shared two-column page grid. */
.identityGrid,
.identityPageGrid,
.lfIntroGrid,
.leadershipOfferGrid,
.leadershipOfferGridReverse,
.leadershipMethodGrid,
.lfCredibilityGrid,
.lfContactGrid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
  column-gap:clamp(72px,9vw,150px) !important;
  align-items:center !important;
}

/* Leadership offer text always occupies the same second X-axis. */
.leadershipOfferGrid .leadershipOfferMedia,
.leadershipOfferGridReverse .leadershipOfferMedia{
  grid-column:1 !important;
  grid-row:1 !important;
}

.leadershipOfferGrid .leadershipOfferCopy,
.leadershipOfferGridReverse .leadershipOfferCopy{
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Consistent copy width, flow and CTA location. */
.identityContent,
.identityPageCopy,
.leadershipTeaserCopy,
.leadershipOfferCopy,
.lfIntroCopy,
.lfContactActions{
  max-width:var(--exzeed-copy-max) !important;
  justify-self:start !important;
}

.identityContent,
.identityPageCopy{
  padding-top:0 !important;
}

.eyebrow + h1,
.eyebrow + h2,
.eyebrow + h3{
  margin-top:var(--exzeed-flow-eyebrow) !important;
}

.identityContent p:first-child,
.identityPageCopy p:first-child,
.leadershipTeaserCopy p:first-child,
.leadershipOfferCopy p:first-of-type,
.lfIntroCopy p:first-child,
.lfContactActions p:first-child{
  margin-top:0 !important;
}

.identityCta,
.identityPageCta,
.leadershipSectionAction,
.leadershipOfferCta,
.lfContactActions .sectionLink{
  margin-top:var(--exzeed-flow-cta) !important;
  margin-left:0 !important;
  justify-self:start !important;
}

/* No decorative numbering. */
.leadershipMethodSteps span,
.podcastPreviewIndex{
  display:none !important;
}

.leadershipMethodSteps > div{
  grid-template-columns:minmax(150px,.72fr) minmax(0,1fr) !important;
  gap:clamp(34px,5vw,72px) !important;
  padding:26px 0 !important;
}

/* No horizontal section separators. */
.identityChapter,
.leadershipOffer,
.leadershipMethod,
.lfIntro,
.lfExecutive,
.lfOffers,
.lfWorkshop,
.lfDialogue,
.lfCredibility,
.lfManifesto,
.lfContact{
  border-top:0 !important;
  border-bottom:0 !important;
}

.leadershipMethodSteps,
.leadershipMethodSteps > div,
.lfCredentials,
.lfCredentials > div,
.lfOfferRows,
.lfOfferRows > article{
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Sections are separated by space rather than rules. */
.identityHero,
.identityChapter,
.identityContact,
.lfIntro,
.leadershipOffer,
.leadershipMethod,
.lfCredibility,
.lfManifesto,
.lfContact{
  min-height:108svh !important;
  padding-block:var(--exzeed-section-space) !important;
  display:flex;
  align-items:center;
}

/* Headline and copy axes stay stable on Identity. */
.identityPageHeading{
  grid-column:1 !important;
}

.identityPageCopy{
  grid-column:2 !important;
}

/* Consistent headline proportions. */
.identityPageHeading h1,
.identityPageHeading h2,
.leadershipMethodHeading h2,
.leadershipOfferCopy h2,
.lfIntroGrid h2,
.lfContactGrid h2{
  max-width:10.5ch !important;
  text-wrap:balance;
}

/* The working method uses whitespace only. */
.leadershipMethodSteps{
  display:grid;
  gap:30px;
}

.leadershipMethodSteps > div{
  display:grid;
  align-items:start;
}

/* Contact is a homepage destination, not a separate visual product page. */
a[href="/#connect"]{
  scroll-margin-top:120px;
}

@media (max-width:900px){
  :root{
    --exzeed-grid-gutter:clamp(24px,6vw,48px);
    --exzeed-section-min:96svh;
    --exzeed-section-space:clamp(96px,16vw,150px);
  }

  .identityGrid,
  .identityPageGrid,
  .lfIntroGrid,
  .leadershipOfferGrid,
  .leadershipOfferGridReverse,
  .leadershipMethodGrid,
  .lfCredibilityGrid,
  .lfContactGrid{
    grid-template-columns:1fr !important;
    gap:48px !important;
    align-items:start !important;
  }

  .leadershipOfferGrid .leadershipOfferMedia,
  .leadershipOfferGridReverse .leadershipOfferMedia,
  .leadershipOfferGrid .leadershipOfferCopy,
  .leadershipOfferGridReverse .leadershipOfferCopy,
  .identityPageHeading,
  .identityPageCopy{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  .leadershipOfferMedia{
    order:1 !important;
  }

  .leadershipOfferCopy{
    order:2 !important;
  }

  .identityContent,
  .identityPageCopy,
  .leadershipTeaserCopy,
  .leadershipOfferCopy,
  .lfIntroCopy,
  .lfContactActions{
    max-width:none !important;
  }
}

@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  body:not(.leadershipFinalPage) main > .hero{
    min-height:112svh !important;
  }

  body:not(.leadershipFinalPage) main > .identitySection,
  body:not(.leadershipFinalPage) main > .homeLeadershipTeaser,
  body:not(.leadershipFinalPage) main > .podcastSection,
  body:not(.leadershipFinalPage) main > .connect,
  .identityHero,
  .identityChapter,
  .identityContact,
  .lfIntro,
  .leadershipOffer,
  .leadershipMethod,
  .lfCredibility,
  .lfManifesto,
  .lfContact{
    min-height:94svh !important;
    padding-block:var(--exzeed-section-space) !important;
  }

  .leadershipMethodSteps > div{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:14px 0 !important;
  }

  .leadershipMethodSteps p{
    grid-column:1 !important;
  }
}


/* =========================================================
   EXZEED 1.6.7 — Grid Balance + Soft Wallpaper Crossfade
   ========================================================= */

:root{
  --exzeed-grid-width:1320px;
  --exzeed-grid-gutter:clamp(30px,4vw,58px);
  --exzeed-subpage-left:40%;
  --exzeed-subpage-right:60%;
}

/* The homepage returns closer to the original hero axis. */
.contentWrap{
  width:min(
    var(--exzeed-grid-width),
    calc(100% - 2 * var(--exzeed-grid-gutter))
  ) !important;
}

/* Keep hero, Identity, Leadership, Podcast and Connect on one left axis. */
.heroContent,
.identityGrid,
.statementContent,
.sectionHeader,
.podcastPreviewGrid,
.podcastPreviewFooter,
.connectContent{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* One optically balanced two-axis grid across all subpages. */
.identityPageGrid,
.lfIntroGrid,
.leadershipOfferGrid,
.leadershipOfferGridReverse,
.leadershipMethodGrid,
.lfCredibilityGrid,
.lfContactGrid{
  grid-template-columns:
    minmax(0,var(--exzeed-subpage-left))
    minmax(0,var(--exzeed-subpage-right)) !important;
  column-gap:clamp(64px,7vw,118px) !important;
  width:100% !important;
}

/* All left-column headings begin on the same X-axis. */
.identityPageHeading,
.lfIntroGrid > :first-child,
.leadershipMethodHeading,
.lfCredibilityGrid > :first-child,
.lfContactGrid > :first-child{
  grid-column:1 !important;
  justify-self:start !important;
  width:100% !important;
}

/* All explanatory copy begins on one shared second axis. */
.identityPageCopy,
.lfIntroCopy,
.leadershipMethodSteps,
.lfContactActions{
  grid-column:2 !important;
  justify-self:start !important;
  width:100% !important;
  max-width:620px !important;
}

/* Leadership sales sections: image axis fixed, copy axis fixed. */
.leadershipOfferGrid .leadershipOfferMedia,
.leadershipOfferGridReverse .leadershipOfferMedia{
  grid-column:1 !important;
  justify-self:stretch !important;
  width:100% !important;
}

.leadershipOfferGrid .leadershipOfferCopy,
.leadershipOfferGridReverse .leadershipOfferCopy{
  grid-column:2 !important;
  justify-self:start !important;
  width:100% !important;
  max-width:620px !important;
}

/* Prevent inherited one-off offsets from older section layouts. */
.identityPageHeading,
.identityPageCopy,
.lfIntroGrid > *,
.leadershipOfferGrid > *,
.leadershipOfferGridReverse > *,
.leadershipMethodGrid > *,
.lfCredibilityGrid > *,
.lfContactGrid > *{
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
}

/* Wallpaper layers now animate opacity more gently. */
.sectionWallpaperLayer{
  transition:opacity 520ms cubic-bezier(.22,.61,.36,1) !important;
  will-change:opacity;
}

/* Mobile wallpaper layers also crossfade instead of hard switching. */
@media (max-width:700px), (max-width:1180px) and (orientation:portrait), (max-width:1180px) and (max-height:700px){
  .sectionWallpaperLayer{
    transition:opacity 620ms cubic-bezier(.22,.61,.36,1) !important;
  }
}

@media (min-width:901px) and (max-width:1400px){
  :root{
    --exzeed-grid-width:1280px;
    --exzeed-grid-gutter:clamp(28px,3.4vw,48px);
  }
}

@media (max-width:900px){
  :root{
    --exzeed-grid-gutter:clamp(24px,5vw,42px);
  }

  .identityPageGrid,
  .lfIntroGrid,
  .leadershipOfferGrid,
  .leadershipOfferGridReverse,
  .leadershipMethodGrid,
  .lfCredibilityGrid,
  .lfContactGrid{
    grid-template-columns:1fr !important;
    column-gap:0 !important;
  }

  .identityPageHeading,
  .identityPageCopy,
  .lfIntroGrid > *,
  .leadershipOfferGrid > *,
  .leadershipOfferGridReverse > *,
  .leadershipMethodGrid > *,
  .lfCredibilityGrid > *,
  .lfContactGrid > *{
    grid-column:1 !important;
    width:100% !important;
    max-width:none !important;
  }
}


/* =========================================================
   EXZEED 1.6.8 — Fixed Historical Homepage Axis
   ========================================================= */

:root{
  /*
   * Historical landing-page axis:
   * viewport gutter + this inset reproduces the original visual start point.
   */
  --exzeed-home-axis-inset:clamp(112px,10.8vw,160px);
}

/*
 * The landing page receives one single left anchor.
 * Width is reduced by the same inset so that no section overflows.
 */
body:not(.leadershipFinalPage) .heroContent,
body:not(.leadershipFinalPage) .identityGrid,
body:not(.leadershipFinalPage) .statementContent,
body:not(.leadershipFinalPage) .sectionHeader,
body:not(.leadershipFinalPage) .podcastPreviewGrid,
body:not(.leadershipFinalPage) .podcastPreviewFooter,
body:not(.leadershipFinalPage) .connectContent{
  padding-left:var(--exzeed-home-axis-inset) !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

/*
 * Ensure all first-column section headings share the exact same start point.
 */
body:not(.leadershipFinalPage) .heroContent > *,
body:not(.leadershipFinalPage) .identityHeading,
body:not(.leadershipFinalPage) .statementContent > .eyebrow,
body:not(.leadershipFinalPage) .statementContent > h2,
body:not(.leadershipFinalPage) .sectionHeader > *,
body:not(.leadershipFinalPage) .connectContent > :first-child{
  margin-left:0 !important;
  transform:none !important;
}

/*
 * The Identity two-column grid is calculated inside the fixed homepage axis,
 * never from the outer viewport edge.
 */
body:not(.leadershipFinalPage) .identityGrid{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
  column-gap:clamp(72px,8vw,132px) !important;
}

/*
 * Podcast and connect layouts inherit the same visual anchor.
 */
body:not(.leadershipFinalPage) .podcastPreviewGrid,
body:not(.leadershipFinalPage) .connectContent{
  margin-left:0 !important;
  margin-right:auto !important;
}

/*
 * Subpages keep their own more open grid. This explicitly prevents the
 * homepage inset from leaking into Identity or Leadership subpages.
 */
.leadershipFinalPage .contentWrap{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (min-width:1500px){
  :root{
    --exzeed-home-axis-inset:160px;
  }
}

@media (min-width:901px) and (max-width:1180px){
  :root{
    --exzeed-home-axis-inset:clamp(82px,8.5vw,112px);
  }
}

@media (max-width:900px){
  :root{
    --exzeed-home-axis-inset:0px;
  }

  body:not(.leadershipFinalPage) .heroContent,
  body:not(.leadershipFinalPage) .identityGrid,
  body:not(.leadershipFinalPage) .statementContent,
  body:not(.leadershipFinalPage) .sectionHeader,
  body:not(.leadershipFinalPage) .podcastPreviewGrid,
  body:not(.leadershipFinalPage) .podcastPreviewFooter,
  body:not(.leadershipFinalPage) .connectContent{
    padding-left:0 !important;
  }
}


/* =========================================================
   EXZEED 1.7.0 — DESIGN SYSTEM 2.0 FOUNDATIONS
   ========================================================= */

.designSystem2{
  --ds-content-width:1280px;
  --ds-page-gutter:clamp(52px,6vw,92px);
  --ds-col-left:minmax(0,42fr);
  --ds-col-right:minmax(0,58fr);
  --ds-grid-gap:clamp(72px,7vw,118px);

  --ds-display-xl:clamp(72px,7.2vw,116px);
  --ds-display-l:clamp(54px,5.1vw,82px);
  --ds-heading:clamp(28px,2.5vw,42px);
  --ds-body:clamp(18px,1.35vw,22px);
  --ds-caption:clamp(13px,.95vw,16px);

  --ds-lh-display-xl:.91;
  --ds-lh-display-l:.93;
  --ds-lh-heading:1.04;
  --ds-lh-body:1.58;

  --ds-track-display-xl:-.058em;
  --ds-track-display-l:-.052em;
  --ds-track-heading:-.035em;

  --ds-gap-eyebrow:24px;
  --ds-gap-copy:42px;
  --ds-gap-cta:28px;

  --ds-hero-min:118svh;
  --ds-statement-min:108svh;
  --ds-media-min:112svh;
  --ds-process-min:108svh;
  --ds-manifest-min:100svh;
  --ds-contact-min:100svh;
}

/* One identical subpage content boundary. */
.designSystem2 .contentWrap{
  width:min(
    var(--ds-content-width),
    calc(100% - 2 * var(--ds-page-gutter))
  ) !important;
  max-width:none !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}

/* Every system section uses the same vertical alignment principle. */
.designSystem2 .dsSection{
  position:relative;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  margin:0 !important;
}

.designSystem2 .dsHero{min-height:var(--ds-hero-min) !important;}
.designSystem2 .dsStatement{min-height:var(--ds-statement-min) !important;}
.designSystem2 .dsMediaSplit{min-height:var(--ds-media-min) !important;}
.designSystem2 .dsProcess{min-height:var(--ds-process-min) !important;}
.designSystem2 .dsManifest{min-height:var(--ds-manifest-min) !important;}
.designSystem2 .dsContact{min-height:var(--ds-contact-min) !important;}

.designSystem2 .dsStatement,
.designSystem2 .dsMediaSplit,
.designSystem2 .dsProcess,
.designSystem2 .dsManifest,
.designSystem2 .dsContact{
  padding-block:clamp(132px,14vw,220px) !important;
}

/* Universal subpage two-axis grid. */
.designSystem2 .identityPageGrid,
.designSystem2 .lfIntroGrid,
.designSystem2 .leadershipOfferGrid,
.designSystem2 .leadershipOfferGridReverse,
.designSystem2 .leadershipMethodGrid,
.designSystem2 .lfCredibilityGrid,
.designSystem2 .lfContactGrid{
  display:grid !important;
  grid-template-columns:var(--ds-col-left) var(--ds-col-right) !important;
  column-gap:var(--ds-grid-gap) !important;
  row-gap:0 !important;
  align-items:center !important;
  width:100% !important;
}

/* Reset legacy offsets from all earlier releases. */
.designSystem2 .identityPageGrid > *,
.designSystem2 .lfIntroGrid > *,
.designSystem2 .leadershipOfferGrid > *,
.designSystem2 .leadershipOfferGridReverse > *,
.designSystem2 .leadershipMethodGrid > *,
.designSystem2 .lfCredibilityGrid > *,
.designSystem2 .lfContactGrid > *{
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  inset:auto !important;
}

/* Fixed axes. */
.designSystem2 .identityPageHeading,
.designSystem2 .lfIntroGrid > :first-child,
.designSystem2 .leadershipMethodHeading,
.designSystem2 .lfCredibilityGrid > :first-child,
.designSystem2 .lfContactGrid > :first-child{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
}

.designSystem2 .identityPageCopy,
.designSystem2 .lfIntroCopy,
.designSystem2 .leadershipMethodSteps,
.designSystem2 .lfContactActions{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
  max-width:620px !important;
}

.designSystem2 .leadershipOfferMedia,
.designSystem2 .lfCredibilityGrid > figure{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:center !important;
  justify-self:stretch !important;
  width:100% !important;
}

.designSystem2 .leadershipOfferCopy{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
  justify-self:start !important;
  width:100% !important;
  max-width:620px !important;
}

/* Leadership credibility uses text left and image right, but stays on the same axes. */
.designSystem2 .dsCredibility .lfCredibilityGrid > :first-child{
  grid-column:1 !important;
  grid-row:1 !important;
  max-width:560px !important;
}
.designSystem2 .dsCredibility .lfCredibilityGrid > figure{
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Typography tokens. */
.designSystem2 .dsHero h1{
  margin:var(--ds-gap-eyebrow) 0 0 !important;
  max-width:9.5ch !important;
  font-size:var(--ds-display-xl) !important;
  line-height:var(--ds-lh-display-xl) !important;
  letter-spacing:var(--ds-track-display-xl) !important;
  text-wrap:balance;
}

.designSystem2 .dsStatement h2,
.designSystem2 .dsMediaSplit h2,
.designSystem2 .dsProcess h2,
.designSystem2 .dsManifest h2,
.designSystem2 .dsContact h2{
  margin:var(--ds-gap-eyebrow) 0 0 !important;
  max-width:10.5ch !important;
  font-size:var(--ds-display-l) !important;
  line-height:var(--ds-lh-display-l) !important;
  letter-spacing:var(--ds-track-display-l) !important;
  text-wrap:balance;
}

.designSystem2 .eyebrow{
  margin:0 !important;
  font-size:var(--ds-caption) !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  font-weight:650 !important;
}

.designSystem2 .lead,
.designSystem2 .subpageClosingHeroInner > p,
.designSystem2 .identityPageCopy p,
.designSystem2 .lfIntroCopy p,
.designSystem2 .leadershipOfferCopy p,
.designSystem2 .leadershipMethodSteps p,
.designSystem2 .lfContactActions p{
  font-size:var(--ds-body) !important;
  line-height:var(--ds-lh-body) !important;
  letter-spacing:-.012em !important;
}

.designSystem2 .leadershipMethodSteps strong,
.designSystem2 .lfCredentials strong{
  font-size:var(--ds-heading) !important;
  line-height:var(--ds-lh-heading) !important;
  letter-spacing:var(--ds-track-heading) !important;
}

/* Flow rhythm. */
.designSystem2 .dsHero .lead{
  margin:var(--ds-gap-copy) 0 0 !important;
  max-width:620px !important;
}

.designSystem2 .identityPageCopy,
.designSystem2 .lfIntroCopy,
.designSystem2 .leadershipOfferCopy,
.designSystem2 .lfContactActions{
  padding-top:0 !important;
}

.designSystem2 .identityPageCopy p,
.designSystem2 .lfIntroCopy p,
.designSystem2 .leadershipOfferCopy p,
.designSystem2 .lfContactActions p{
  margin:0 0 24px !important;
}

.designSystem2 .identityPageCopy p:last-of-type,
.designSystem2 .lfIntroCopy p:last-of-type,
.designSystem2 .leadershipOfferCopy p:last-of-type,
.designSystem2 .lfContactActions p:last-of-type{
  margin-bottom:0 !important;
}

.designSystem2 .sectionLink{
  margin-top:var(--ds-gap-cta) !important;
  margin-left:0 !important;
  justify-self:start !important;
}

/* Hero keeps its existing media treatment, but typography is synchronized. */
.designSystem2 .lfHeroContent{
  width:min(
    var(--ds-content-width),
    calc(100% - 2 * var(--ds-page-gutter))
  ) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* Process: no lines, no numbers, stable two-column internal layout. */
.designSystem2 .leadershipMethodSteps{
  display:grid !important;
  gap:34px !important;
  border:0 !important;
}

.designSystem2 .leadershipMethodSteps > div{
  display:grid !important;
  grid-template-columns:minmax(170px,.72fr) minmax(0,1fr) !important;
  gap:clamp(36px,5vw,72px) !important;
  padding:0 !important;
  border:0 !important;
  align-items:start !important;
}

.designSystem2 .leadershipMethodSteps strong,
.designSystem2 .leadershipMethodSteps p{
  margin:0 !important;
}

/* Credentials use typographic grouping, never faux cards or separators. */
.designSystem2 .lfCredentials{
  margin-top:var(--ds-gap-copy) !important;
  display:grid !important;
  gap:26px !important;
  border:0 !important;
}

.designSystem2 .lfCredentials > div{
  padding:0 !important;
  border:0 !important;
}

.designSystem2 .lfCredentials span{
  display:block;
  margin-top:8px !important;
  font-size:var(--ds-body) !important;
  line-height:1.45 !important;
}

/* Manifest is a single synchronized statement. */
.designSystem2 .dsManifest .contentWrap{
  display:block !important;
}

.designSystem2 .dsManifest h2{
  width:auto !important;
  max-width:10.5ch !important;
}

/* Media dimensions are consistent across offer sections. */
.designSystem2 .leadershipOfferMedia{
  min-height:clamp(560px,58vw,760px) !important;
  max-height:760px !important;
  overflow:hidden !important;
}

.designSystem2 .leadershipOfferMedia img{
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  object-fit:cover !important;
}

/* Mobile system. */
@media (max-width:900px){
  .designSystem2{
    --ds-page-gutter:clamp(24px,5.5vw,44px);
    --ds-display-xl:clamp(54px,13vw,78px);
    --ds-display-l:clamp(44px,11vw,66px);
    --ds-heading:clamp(26px,7vw,36px);
    --ds-body:clamp(18px,4.8vw,21px);
    --ds-caption:14px;

    --ds-hero-min:108svh;
    --ds-statement-min:92svh;
    --ds-media-min:initial;
    --ds-process-min:92svh;
    --ds-manifest-min:88svh;
    --ds-contact-min:92svh;
  }

  .designSystem2 .dsSection{
    align-items:flex-start !important;
  }

  .designSystem2 .dsStatement,
  .designSystem2 .dsMediaSplit,
  .designSystem2 .dsProcess,
  .designSystem2 .dsManifest,
  .designSystem2 .dsContact{
    padding-block:clamp(96px,18vw,150px) !important;
  }

  .designSystem2 .identityPageGrid,
  .designSystem2 .lfIntroGrid,
  .designSystem2 .leadershipOfferGrid,
  .designSystem2 .leadershipOfferGridReverse,
  .designSystem2 .leadershipMethodGrid,
  .designSystem2 .lfCredibilityGrid,
  .designSystem2 .lfContactGrid{
    grid-template-columns:1fr !important;
    row-gap:48px !important;
  }

  .designSystem2 .identityPageHeading,
  .designSystem2 .identityPageCopy,
  .designSystem2 .lfIntroGrid > *,
  .designSystem2 .leadershipOfferMedia,
  .designSystem2 .leadershipOfferCopy,
  .designSystem2 .leadershipMethodHeading,
  .designSystem2 .leadershipMethodSteps,
  .designSystem2 .lfCredibilityGrid > *,
  .designSystem2 .lfContactGrid > *,
  .designSystem2 .dsCredibility .lfCredibilityGrid > :first-child,
  .designSystem2 .dsCredibility .lfCredibilityGrid > figure{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
  }

  .designSystem2 .leadershipOfferMedia{
    min-height:430px !important;
    max-height:620px !important;
    order:1 !important;
  }

  .designSystem2 .leadershipOfferCopy{
    order:2 !important;
  }

  .designSystem2 .leadershipMethodSteps > div{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .designSystem2 .dsHero h1{
    max-width:9.2ch !important;
  }

  .designSystem2 .dsStatement h2,
  .designSystem2 .dsMediaSplit h2,
  .designSystem2 .dsProcess h2,
  .designSystem2 .dsManifest h2,
  .designSystem2 .dsContact h2{
    max-width:10ch !important;
  }
}


/* =========================================================
   EXZEED 1.7.1 — Authoritative Responsive Wallpaper Matrix
   Must remain at the end of the stylesheet.
   ========================================================= */

/*
 * Reset an obsolete v1.5.6 mobile rule that forced fixed opacity and
 * prevented the current JavaScript crossfade values from taking effect.
 */
@media (max-width:700px),
       (orientation:portrait) and (min-width:701px) and (max-width:1180px),
       (max-width:1180px) and (max-height:700px){
  .sectionWallpaperLayer[style],
  .sectionWallpaperLayer.isMobileActive156[style]{
    opacity:calc(
      var(--section-wallpaper-opacity,0) *
      var(--section-wallpaper-strength,1)
    ) !important;
  }
}

/* Desktop and tablet landscape: retain the approved master composition. */
@media (min-width:901px) and (orientation:landscape) and (min-height:701px){
  .sectionWallpaperLayer,
  .subpageWallpaper{
    background-size:cover !important;
    background-position:center center !important;
  }
}

/*
 * iPad / tablet portrait.
 * This rule intentionally comes after all broad mobile rules so it cannot
 * inherit the smartphone 122% / 22% crop.
 */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    background-size:auto 103% !important;
    background-position:32% center !important;
  }

  .subpageWallpaper,
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper{
    background-size:auto 103% !important;
    background-position:50% center !important;
  }

  /* Equal visual density across all homepage chapters. */
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    --section-wallpaper-strength:.20 !important;
  }
}

/* Smartphone portrait: retain the approved crop with visible green M01. */
@media (max-width:700px) and (orientation:portrait){
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    background-size:auto 122% !important;
    background-position:22% center !important;
  }
}

/*
 * Smartphone landscape / short viewport.
 * A less aggressive crop keeps the composition recognizable and avoids
 * treating the device like portrait.
 */
@media (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact{
    background-size:auto 112% !important;
    background-position:28% center !important;
  }

  .subpageWallpaper,
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper{
    background-size:auto 106% !important;
    background-position:50% center !important;
  }
}


/* =========================================================
   EXZEED 1.8.0 — DESIGN FREEZE 2.0
   Four section types + responsive quality guardrails.
   ========================================================= */

.designSystem2{
  --freeze-content-width:1280px;
  --freeze-page-gutter:clamp(52px,6vw,92px);
  --freeze-grid-gap:clamp(72px,7vw,118px);
  --freeze-left:42%;
  --freeze-right:58%;
  --freeze-copy-width:620px;
}

/* Overflow and collision guardrails. */
html,body{overflow-x:hidden;}
.designSystem2 main,
.designSystem2 .dsSection,
.designSystem2 .contentWrap,
.designSystem2 .dsSection *{
  min-width:0;
}
.designSystem2 h1,
.designSystem2 h2,
.designSystem2 h3,
.designSystem2 p,
.designSystem2 a{
  overflow-wrap:break-word;
  hyphens:auto;
}

/* Shared subpage boundary. */
.designSystem2 .contentWrap,
.designSystem2 .lfHeroContent,
.designSystem2 .leadershipHeroImageContent{
  width:min(var(--freeze-content-width),calc(100% - 2 * var(--freeze-page-gutter))) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}

/* Four approved section types. */
.designSystem2 .dsEditorial,
.designSystem2 .dsSplit,
.designSystem2 .dsHeroImage,
.designSystem2 .dsStatement{
  position:relative;
  width:100%;
}

/* Editorial: heading left, text right. */
.designSystem2 .dsEditorial .identityPageGrid,
.designSystem2 .dsEditorial .lfIntroGrid{
  display:grid !important;
  grid-template-columns:minmax(0,var(--freeze-left)) minmax(0,var(--freeze-right)) !important;
  gap:var(--freeze-grid-gap) !important;
  align-items:start !important;
}
.designSystem2 .dsEditorial .identityPageHeading,
.designSystem2 .dsEditorial .lfIntroGrid > :first-child{
  grid-column:1 !important;
  align-self:start !important;
}
.designSystem2 .dsEditorial .identityPageCopy,
.designSystem2 .dsEditorial .lfIntroCopy{
  grid-column:2 !important;
  align-self:start !important;
  max-width:var(--freeze-copy-width) !important;
  padding-top:0 !important;
}

/* Split: image and copy start on the same horizontal line. */
.designSystem2 .dsSplit .leadershipOfferGrid,
.designSystem2 .dsSplit .leadershipOfferGridReverse,
.designSystem2 .dsSplit .lfCredibilityGrid{
  display:grid !important;
  grid-template-columns:minmax(0,var(--freeze-left)) minmax(0,var(--freeze-right)) !important;
  gap:var(--freeze-grid-gap) !important;
  align-items:start !important;
}
.designSystem2 .dsSplit .leadershipOfferMedia{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:start !important;
  margin:0 !important;
}
.designSystem2 .dsSplit .leadershipOfferCopy{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  max-width:var(--freeze-copy-width) !important;
  padding-top:0 !important;
}
.designSystem2 .dsSplit .leadershipOfferMedia,
.designSystem2 .dsSplit .leadershipOfferMedia img{
  aspect-ratio:4/5 !important;
  min-height:0 !important;
  max-height:none !important;
}
.designSystem2 .dsSplit .leadershipOfferMedia img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center;
}
.designSystem2 .dsCredibility .lfCredibilityGrid > :first-child{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:start !important;
}
.designSystem2 .dsCredibility .lfCredibilityGrid > figure{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  margin:0 !important;
}

/* Hero Image: full-width image with protected text overlay. */
.designSystem2 .dsHeroImage{
  min-height:112svh !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden;
  color:#fff;
}
.designSystem2 .leadershipHeroImageMedia{
  position:absolute;
  inset:0;
  margin:0;
  z-index:0;
}
.designSystem2 .leadershipHeroImageMedia::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.58) 44%,rgba(0,0,0,.16) 78%,rgba(0,0,0,.06) 100%);
}
.designSystem2 .leadershipHeroImageMedia img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
  filter:grayscale(1);
}
.designSystem2 .leadershipHeroImageContent{
  position:relative;
  z-index:1;
}
.designSystem2 .leadershipHeroImageContent h2{
  margin:24px 0 0 !important;
  max-width:9.8ch !important;
  font-size:var(--ds-display-l) !important;
  line-height:var(--ds-lh-display-l) !important;
  letter-spacing:var(--ds-track-display-l) !important;
}
.designSystem2 .leadershipHeroImageContent p:not(.eyebrow){
  max-width:560px;
  margin:42px 0 0;
  font-size:var(--ds-body);
  line-height:var(--ds-lh-body);
  color:rgba(255,255,255,.86);
}
.designSystem2 .leadershipHeroImageContent .sectionLink{color:#fff;}

/* Statement: pure type, one axis. */
.designSystem2 .dsStatement .contentWrap{
  display:block !important;
}
.designSystem2 .dsStatement h2{
  max-width:10.5ch !important;
}

/* Process is an editorial subtype, with aligned starts. */
.designSystem2 .dsProcess .leadershipMethodGrid,
.designSystem2 .dsContact .lfContactGrid,
.designSystem2 .dsContact .identityPageGrid{
  display:grid !important;
  grid-template-columns:minmax(0,var(--freeze-left)) minmax(0,var(--freeze-right)) !important;
  gap:var(--freeze-grid-gap) !important;
  align-items:start !important;
}
.designSystem2 .dsProcess .leadershipMethodHeading,
.designSystem2 .dsContact .lfContactGrid > :first-child,
.designSystem2 .dsContact .identityPageHeading{
  grid-column:1 !important;
  align-self:start !important;
}
.designSystem2 .dsProcess .leadershipMethodSteps,
.designSystem2 .dsContact .lfContactActions,
.designSystem2 .dsContact .identityPageCopy{
  grid-column:2 !important;
  align-self:start !important;
  max-width:var(--freeze-copy-width) !important;
  padding-top:0 !important;
}

/* Headline/text collision prevention. */
.designSystem2 .dsEditorial h2,
.designSystem2 .dsSplit h2,
.designSystem2 .dsProcess h2,
.designSystem2 .dsContact h2{
  max-width:10ch !important;
}
.designSystem2 .leadershipOfferCopy h2{
  margin-bottom:42px !important;
}
.designSystem2 .leadershipOfferCopy p:first-of-type,
.designSystem2 .identityPageCopy p:first-child,
.designSystem2 .lfIntroCopy p:first-child{
  margin-top:0 !important;
}

/* Homepage podcast with real content only. */
.homepagePodcastGrid{
  align-items:start;
}
.podcastSectionAction{
  margin-top:clamp(40px,5vw,70px);
}

/* Tablet portrait: editorial may stay two-column; image splits stack. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .designSystem2{
    --freeze-page-gutter:clamp(42px,6vw,68px);
    --freeze-grid-gap:clamp(48px,6vw,76px);
    --freeze-left:43%;
    --freeze-right:57%;
  }

  .designSystem2 .dsSplit .leadershipOfferGrid,
  .designSystem2 .dsSplit .leadershipOfferGridReverse,
  .designSystem2 .dsSplit .lfCredibilityGrid{
    grid-template-columns:1fr !important;
    gap:48px !important;
  }
  .designSystem2 .dsSplit .leadershipOfferMedia,
  .designSystem2 .dsSplit .leadershipOfferCopy,
  .designSystem2 .dsCredibility .lfCredibilityGrid > :first-child,
  .designSystem2 .dsCredibility .lfCredibilityGrid > figure{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
  }
  .designSystem2 .dsSplit .leadershipOfferMedia{
    aspect-ratio:16/10 !important;
    order:1 !important;
  }
  .designSystem2 .dsSplit .leadershipOfferCopy{
    order:2 !important;
  }
  .designSystem2 .dsCredibility .lfCredibilityGrid > :first-child{order:2;}
  .designSystem2 .dsCredibility .lfCredibilityGrid > figure{order:1;}
  .designSystem2 .dsHeroImage{min-height:100svh !important;}
}

/* Phones and short landscape: all layouts become intentional single-column compositions. */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .designSystem2{
    --freeze-page-gutter:clamp(22px,5.5vw,38px);
  }

  .designSystem2 .dsEditorial .identityPageGrid,
  .designSystem2 .dsEditorial .lfIntroGrid,
  .designSystem2 .dsSplit .leadershipOfferGrid,
  .designSystem2 .dsSplit .leadershipOfferGridReverse,
  .designSystem2 .dsSplit .lfCredibilityGrid,
  .designSystem2 .dsProcess .leadershipMethodGrid,
  .designSystem2 .dsContact .lfContactGrid,
  .designSystem2 .dsContact .identityPageGrid{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }

  .designSystem2 .dsEditorial .identityPageHeading,
  .designSystem2 .dsEditorial .identityPageCopy,
  .designSystem2 .dsEditorial .lfIntroGrid > *,
  .designSystem2 .dsSplit .leadershipOfferMedia,
  .designSystem2 .dsSplit .leadershipOfferCopy,
  .designSystem2 .dsCredibility .lfCredibilityGrid > *,
  .designSystem2 .dsProcess .leadershipMethodHeading,
  .designSystem2 .dsProcess .leadershipMethodSteps,
  .designSystem2 .dsContact .lfContactGrid > *,
  .designSystem2 .dsContact .identityPageGrid > *{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
  }

  .designSystem2 .dsSplit .leadershipOfferMedia{
    aspect-ratio:4/3 !important;
    order:1 !important;
  }
  .designSystem2 .dsSplit .leadershipOfferCopy{
    order:2 !important;
  }
  .designSystem2 .dsCredibility .lfCredibilityGrid > figure{order:1;}
  .designSystem2 .dsCredibility .lfCredibilityGrid > :first-child{order:2;}

  .designSystem2 .dsHeroImage{
    min-height:100svh !important;
    align-items:flex-end !important;
    padding-block:clamp(92px,18vw,140px) !important;
  }
  .designSystem2 .leadershipHeroImageMedia::after{
    background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.12) 100%);
  }
  .designSystem2 .leadershipHeroImageContent h2{
    max-width:9.2ch !important;
  }
}

/* Ultra-small width safety. */
@media (max-width:390px){
  .designSystem2 .dsHero h1{font-size:clamp(48px,13vw,62px) !important;}
  .designSystem2 .dsEditorial h2,
  .designSystem2 .dsSplit h2,
  .designSystem2 .dsProcess h2,
  .designSystem2 .dsContact h2,
  .designSystem2 .dsStatement h2,
  .designSystem2 .leadershipHeroImageContent h2{
    font-size:clamp(40px,11vw,56px) !important;
  }
}

/* =========================================================
   EXZEED 1.9.0 — Consolidated QA Fix
   Surgical overrides only: existing visual system remains unchanged.
   ========================================================= */

/* Navigation: consistent active state, quiet brand, predictable dismissal. */
.menuLinks a.isActive,
.menuLinks a[aria-current="page"]{
  color:var(--accent) !important;
  opacity:1 !important;
}
.menuLinks a.isActive::after,
.menuLinks a[aria-current="page"]::after{
  background:var(--accent) !important;
}
.menuBottomHome,
.menuBottomHome:hover,
.menuBottomHome:focus-visible,
.menuBottomHome img{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.siteMenu{cursor:default}
.menuInner{cursor:auto}

/* One CTA hover language: label, arrow and rule change together. */
.sectionLink:hover,
.sectionLink:focus-visible{
  color:var(--accent) !important;
  border-bottom-color:var(--accent) !important;
}
.emailLink{
  transition:color var(--motion-base,240ms) var(--ease-standard,ease),border-color var(--motion-base,240ms) var(--ease-standard,ease) !important;
}
.emailLink:hover,
.emailLink:focus-visible{
  color:var(--accent) !important;
  border-bottom-color:var(--accent) !important;
}

/* Shared vertical scale: large enough to breathe, never empty-screen large. */
:root{
  --qa-section-desktop:clamp(96px,8vw,128px);
  --qa-section-tablet:clamp(82px,9vw,112px);
  --qa-section-mobile:clamp(64px,14vw,88px);
}
.homeFinalPage .homeOrigin,
.homeFinalPage .statement,
.homeFinalPage .podcastSection,
.homeFinalPage .connect,
.designSystem2 .dsSection{
  min-height:auto !important;
  padding-block:var(--qa-section-desktop) !important;
}
.homeFinalPage .hero{min-height:100svh !important}

/* Landing page: preserve the established historical left axis. */
.homeFinalPage .contentWrap{
  width:min(1200px,calc(100% - 128px)) !important;
}
.homeFinalPage .heroContent,
.homeFinalPage .identityGrid,
.homeFinalPage .statementContent,
.homeFinalPage .sectionHeader,
.homeFinalPage .homepagePodcastGrid,
.homeFinalPage .podcastSectionAction,
.homeFinalPage .connectContent{
  margin-inline:auto !important;
}

/* Homepage Identity: collision-proof without changing desktop composition. */
.homeFinalPage .identityGrid{
  display:grid !important;
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
  gap:clamp(56px,7vw,104px) !important;
  align-items:start !important;
}
.homeFinalPage .identityHeading,
.homeFinalPage .identityContent{min-width:0 !important}
.homeFinalPage .identityContent{padding-top:0 !important}
.homeFinalPage .identityHeading h2{max-width:9.5ch !important}

/* Podcast landing section mirrors the archive's calm card composition. */
.homeFinalPage .podcastSection .sectionHeader{
  display:block !important;
  max-width:none !important;
}
.homeFinalPage .homepagePodcastGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:clamp(54px,6vw,76px) !important;
  align-items:stretch !important;
}
.homeFinalPage .homepagePodcastGrid .podcastCard{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  transform:none;
}
.homeFinalPage .homepagePodcastGrid .podcastImage{aspect-ratio:1.34/1 !important}
.homeFinalPage .podcastSectionAction{margin-top:clamp(40px,5vw,64px) !important}

/* Podcast archive: a single episode never becomes a billboard. */
.podcastArchive .podcastGrid:has(.podcastCard:only-child){
  grid-template-columns:minmax(0,420px) !important;
  justify-content:start !important;
}
.podcastArchive .podcastCard:only-child{max-width:420px !important}

/* Subpage grid: one stable pair of axes for headline, copy and media. */
.designSystem2{
  --qa-sub-gutter:clamp(64px,7vw,112px);
  --qa-sub-left:minmax(0,44%);
  --qa-sub-right:minmax(0,56%);
  --qa-sub-gap:clamp(56px,7vw,104px);
}
.designSystem2 .contentWrap{
  width:min(1200px,calc(100% - (2 * var(--qa-sub-gutter)))) !important;
}
.designSystem2 .identityPageGrid,
.designSystem2 .lfIntroGrid,
.designSystem2 .leadershipOfferGrid,
.designSystem2 .leadershipOfferGridReverse,
.designSystem2 .leadershipMethodGrid,
.designSystem2 .lfCredibilityGrid{
  grid-template-columns:var(--qa-sub-left) var(--qa-sub-right) !important;
  gap:var(--qa-sub-gap) !important;
  align-items:start !important;
}
.designSystem2 .identityPageHeading,
.designSystem2 .identityPageCopy,
.designSystem2 .lfIntroGrid > *,
.designSystem2 .leadershipOfferMedia,
.designSystem2 .leadershipOfferCopy,
.designSystem2 .leadershipMethodHeading,
.designSystem2 .leadershipMethodSteps,
.designSystem2 .lfCredibilityGrid > *{
  min-width:0 !important;
  align-self:start !important;
  padding-top:0 !important;
}
.designSystem2 .identityPageCopy > :first-child,
.designSystem2 .lfIntroCopy > :first-child,
.designSystem2 .leadershipOfferCopy > :first-child,
.designSystem2 .leadershipMethodSteps > :first-child{margin-top:0 !important}

/* Leadership images: safe default focal points; CMS may replace sources only. */
.leadershipOfferSparring .leadershipOfferMedia img{object-position:50% 34% !important}
.leadershipOfferDevelopment .leadershipOfferMedia img{object-position:50% 24% !important}
.leadershipOfferTeam .leadershipOfferMedia img{object-position:50% 34% !important}
.lfAwardPhoto img{object-position:50% 28% !important}

/* Compact final handoff; no duplicate contact form or contact directory. */
.leadershipContactHandoffInner{
  display:block !important;
  max-width:760px !important;
  margin-left:0 !important;
}
.leadershipContactHandoffInner h2{max-width:11ch !important}
.leadershipContactHandoffInner p:not(.eyebrow){max-width:620px;margin:34px 0 0}
.leadershipContactHandoffInner .sectionLink{margin-top:38px}

/* Tablet portrait receives its own vertical and typographic scale. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage .homeOrigin,
  .homeFinalPage .statement,
  .homeFinalPage .podcastSection,
  .homeFinalPage .connect,
  .designSystem2 .dsSection{
    padding-block:var(--qa-section-tablet) !important;
  }
  .homeFinalPage .contentWrap{
    width:calc(100% - 112px) !important;
  }
  .homeFinalPage .heroContent{
    justify-content:center !important;
    padding-top:clamp(72px,10vh,120px) !important;
  }
  .homeFinalPage .identityGrid{
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
    gap:52px !important;
  }
  .homeFinalPage .identityHeading h2{
    font-size:clamp(54px,7vw,72px) !important;
    line-height:.94 !important;
  }
  .homeFinalPage .identityContent p{
    font-size:clamp(17px,2.05vw,21px) !important;
  }
  .homeFinalPage .homepagePodcastGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .designSystem2{
    --qa-sub-gutter:56px;
    --qa-sub-gap:52px;
    --qa-sub-left:minmax(0,43%);
    --qa-sub-right:minmax(0,57%);
  }
  .designSystem2 .dsEditorial h1,
  .designSystem2 .dsEditorial h2{
    font-size:clamp(52px,7vw,72px) !important;
  }
  .designSystem2 .dsSplit .leadershipOfferGrid,
  .designSystem2 .dsSplit .leadershipOfferGridReverse,
  .designSystem2 .dsSplit .lfCredibilityGrid{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }
  .designSystem2 .dsSplit .leadershipOfferMedia,
  .designSystem2 .dsSplit .leadershipOfferCopy,
  .designSystem2 .dsCredibility .lfCredibilityGrid > *{
    grid-column:1 !important;
    width:100% !important;
    max-width:none !important;
  }
  .designSystem2 .dsSplit .leadershipOfferMedia{
    aspect-ratio:16/10 !important;
  }
  .podcastArchive .podcastGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .podcastArchive .podcastGrid:has(.podcastCard:only-child){
    grid-template-columns:minmax(0,440px) !important;
  }
}

/* Phones: intentional single-column flow, protected gutters and no collisions. */
@media (max-width:700px){
  .homeFinalPage .homeOrigin,
  .homeFinalPage .statement,
  .homeFinalPage .podcastSection,
  .homeFinalPage .connect,
  .designSystem2 .dsSection{
    padding-block:var(--qa-section-mobile) !important;
  }
  .homeFinalPage .contentWrap,
  .designSystem2 .contentWrap,
  .podcastPageHero .contentWrap,
  .podcastArchive .contentWrap{
    width:calc(100% - 44px) !important;
    margin-inline:22px !important;
  }
  .homeFinalPage .heroContent{
    padding-top:clamp(92px,18vh,138px) !important;
  }
  .homeFinalPage .identityGrid,
  .designSystem2 .identityPageGrid,
  .designSystem2 .lfIntroGrid,
  .designSystem2 .leadershipOfferGrid,
  .designSystem2 .leadershipOfferGridReverse,
  .designSystem2 .leadershipMethodGrid,
  .designSystem2 .lfCredibilityGrid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .homeFinalPage .identityHeading,
  .homeFinalPage .identityContent,
  .designSystem2 .identityPageGrid > *,
  .designSystem2 .lfIntroGrid > *,
  .designSystem2 .leadershipOfferGrid > *,
  .designSystem2 .leadershipMethodGrid > *,
  .designSystem2 .lfCredibilityGrid > *{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
  }
  .homeFinalPage .identityHeading h2,
  .designSystem2 h1,
  .designSystem2 h2{
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  .homeFinalPage .homepagePodcastGrid,
  .podcastArchive .podcastGrid,
  .podcastArchive .podcastGrid:has(.podcastCard:only-child){
    grid-template-columns:1fr !important;
  }
  .homeFinalPage .homepagePodcastGrid .podcastCard,
  .podcastArchive .podcastCard,
  .podcastArchive .podcastCard:only-child{
    width:100% !important;
    max-width:100% !important;
  }
  .podcastArchive .podcastImage{aspect-ratio:4/3 !important}
  .designSystem2 .leadershipOfferMedia,
  .designSystem2 .lfPhoto{
    aspect-ratio:4/3 !important;
    overflow:hidden !important;
  }
  .designSystem2 .leadershipOfferMedia img,
  .designSystem2 .lfPhoto img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .leadershipOfferSparring .leadershipOfferMedia img{object-position:50% 28% !important}
  .leadershipOfferDevelopment .leadershipOfferMedia img{object-position:50% 20% !important}
  .lfAwardPhoto img{object-position:50% 24% !important}
  .leadershipContactHandoffInner{max-width:none !important}
}


/* =========================================================
   EXZEED 2.0.0 — LAYOUT MASTER
   Authoritative layout rules only.
   No changes to wallpaper geometry, content, functions or navigation.
   ========================================================= */
.layoutMasterPage{
  --lm-home-content:1200px;--lm-sub-content:1200px;
  --lm-home-gutter:64px;--lm-sub-gutter:clamp(64px,7vw,112px);
  --lm-column-gap:clamp(64px,7vw,108px);
  --lm-left-column:minmax(0,5fr);--lm-right-column:minmax(0,7fr);
  --lm-display-xl:clamp(72px,7.2vw,116px);--lm-display-l:clamp(54px,5.1vw,82px);
  --lm-body:clamp(18px,1.35vw,22px);--lm-caption:clamp(13px,.95vw,16px);
  --lm-display-xl-line:.91;--lm-display-l-line:.93;
  --lm-display-xl-track:-.02em;--lm-display-l-track:-.015em;
  --lm-display-xl-word:.02em;--lm-display-l-word:.015em;
  --lm-left-headline-max:9.25ch;--lm-right-copy-max:620px;
  --lm-copy-offset:clamp(92px,8vw,144px);--lm-stack-gap:clamp(34px,3vw,48px);
  --lm-cta-gap:var(--ex-stack-copy-action,40px);--lm-section-space:var(--ex-section-padding,clamp(112px,10vw,144px));--lm-hero-min:100svh;
}
.layoutMasterPage .contentWrap,.layoutMasterPage .lfHeroContent,.layoutMasterPage .leadershipHeroImageContent{box-sizing:border-box!important}
.homeFinalPage.layoutMasterPage .contentWrap{width:min(var(--lm-home-content),calc(100% - 2 * var(--lm-home-gutter)))!important;margin-inline:auto!important}
.designSystem2.layoutMasterPage .contentWrap,.podcastPage.layoutMasterPage .contentWrap{width:min(var(--lm-sub-content),calc(100% - 2 * var(--lm-sub-gutter)))!important;margin-inline:auto!important}
.homeFinalPage.layoutMasterPage .heroContent,.homeFinalPage.layoutMasterPage .identityGrid,.homeFinalPage.layoutMasterPage .statementContent,.homeFinalPage.layoutMasterPage .sectionHeader,.homeFinalPage.layoutMasterPage .homepagePodcastGrid,.homeFinalPage.layoutMasterPage .podcastSectionAction,.homeFinalPage.layoutMasterPage .connectContent{width:100%!important;max-width:none!important;margin-inline:auto!important;box-sizing:border-box!important}
.layoutMasterPage .dsHero h1,.podcastPage.layoutMasterPage .podcastPageHero h1{font-size:var(--lm-display-xl)!important;line-height:var(--lm-display-xl-line)!important;letter-spacing:var(--lm-display-xl-track)!important;max-width:var(--lm-left-headline-max)!important;text-wrap:balance}
.layoutMasterPage .identityHeading h2,.layoutMasterPage .statement h2,.layoutMasterPage .podcastSection h2,.layoutMasterPage .connect h2,.layoutMasterPage .dsEditorial h2,.layoutMasterPage .dsSplit h2,.layoutMasterPage .dsProcess h2,.layoutMasterPage .dsStatement h2,.layoutMasterPage .dsContact h2,.layoutMasterPage .leadershipHeroImageContent h2{font-size:var(--lm-display-l)!important;line-height:var(--lm-display-l-line)!important;letter-spacing:var(--lm-display-l-track)!important;max-width:var(--lm-left-headline-max)!important;text-wrap:balance}
.layoutMasterPage .eyebrow{font-size:var(--lm-caption)!important}
.layoutMasterPage .identityContent p,.layoutMasterPage .leadershipTeaserCopy p,.layoutMasterPage .identityPageCopy p,.layoutMasterPage .lfIntroCopy p,.layoutMasterPage .leadershipOfferCopy p,.layoutMasterPage .leadershipMethodSteps p,.layoutMasterPage .lfContactActions p,.layoutMasterPage .lead{font-size:var(--lm-body)!important}
.layoutMasterPage h1,.layoutMasterPage h2{min-width:0!important;max-inline-size:var(--lm-left-headline-max)!important;overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;text-wrap:balance!important}
.homeFinalPage.layoutMasterPage .identityGrid,.designSystem2.layoutMasterPage .identityPageGrid,.designSystem2.layoutMasterPage .lfIntroGrid,.designSystem2.layoutMasterPage .leadershipMethodGrid,.designSystem2.layoutMasterPage .lfContactGrid{display:grid!important;grid-template-columns:var(--lm-left-column) var(--lm-right-column)!important;column-gap:var(--lm-column-gap)!important;row-gap:0!important;align-items:start!important}
.homeFinalPage.layoutMasterPage .identityHeading,.designSystem2.layoutMasterPage .identityPageHeading,.designSystem2.layoutMasterPage .lfIntroGrid>:first-child,.designSystem2.layoutMasterPage .leadershipMethodHeading,.designSystem2.layoutMasterPage .lfContactGrid>:first-child{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;align-self:start!important}
.homeFinalPage.layoutMasterPage .identityContent,.designSystem2.layoutMasterPage .identityPageCopy,.designSystem2.layoutMasterPage .lfIntroCopy,.designSystem2.layoutMasterPage .leadershipMethodSteps,.designSystem2.layoutMasterPage .lfContactActions{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:var(--lm-right-copy-max)!important;min-width:0!important;margin:0!important;padding-top:var(--lm-copy-offset)!important;align-self:start!important;justify-self:start!important}
.homeFinalPage.layoutMasterPage .statementContent,.designSystem2.layoutMasterPage .leadershipOfferCopy,.designSystem2.layoutMasterPage .leadershipContactHandoffInner,.podcastPage.layoutMasterPage .podcastPageHero .contentWrap{display:block!important}
.homeFinalPage.layoutMasterPage .leadershipTeaserCopy{max-width:var(--lm-right-copy-max)!important;margin-top:var(--lm-stack-gap)!important}.homeFinalPage.layoutMasterPage .leadershipSectionAction{margin-top:var(--lm-cta-gap)!important}
.designSystem2.layoutMasterPage .leadershipOfferGrid,.designSystem2.layoutMasterPage .leadershipOfferGridReverse,.designSystem2.layoutMasterPage .lfCredibilityGrid{display:grid!important;grid-template-columns:var(--lm-left-column) var(--lm-right-column)!important;column-gap:var(--lm-column-gap)!important;row-gap:0!important;align-items:start!important}
.designSystem2.layoutMasterPage .leadershipOfferMedia,.designSystem2.layoutMasterPage .lfCredibilityGrid>figure{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;align-self:start!important}
.designSystem2.layoutMasterPage .leadershipOfferCopy{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:var(--lm-right-copy-max)!important;min-width:0!important;margin:0!important;padding:0!important;align-self:start!important;justify-self:start!important}
.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>:first-child{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;align-self:start!important}.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>figure{grid-column:2!important;grid-row:1!important}
.layoutMasterPage .lmReverseSplit{display:grid!important;grid-template-columns:var(--lm-left-column) var(--lm-right-column)!important;column-gap:var(--lm-column-gap)!important;align-items:start!important}.layoutMasterPage .lmReverseSplit .lmCopy{grid-column:1!important;padding-top:var(--lm-copy-offset)!important;max-width:var(--lm-right-copy-max)!important}.layoutMasterPage .lmReverseSplit .lmHeading{grid-column:2!important}
.layoutMasterPage .sectionLink{margin-top:var(--lm-cta-gap)!important}
.layoutMasterPage .identityContent p,.layoutMasterPage .identityPageCopy p,.layoutMasterPage .lfIntroCopy p,.layoutMasterPage .leadershipOfferCopy p{margin-top:0!important;margin-bottom:24px!important}.layoutMasterPage .identityContent p:last-of-type,.layoutMasterPage .identityPageCopy p:last-of-type,.layoutMasterPage .lfIntroCopy p:last-of-type,.layoutMasterPage .leadershipOfferCopy p:last-of-type{margin-bottom:0!important}
.homeFinalPage.layoutMasterPage .homeOrigin,.homeFinalPage.layoutMasterPage .statement,.homeFinalPage.layoutMasterPage .podcastSection,.homeFinalPage.layoutMasterPage .connect,.designSystem2.layoutMasterPage .dsSection,.podcastPage.layoutMasterPage .podcastArchive{min-height:auto!important;padding-block:var(--lm-section-space)!important}.homeFinalPage.layoutMasterPage .hero,.designSystem2.layoutMasterPage .dsHero,.podcastPage.layoutMasterPage .podcastPageHero{min-height:var(--lm-hero-min)!important}
@media (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){.layoutMasterPage{--lm-home-gutter:48px;--lm-sub-gutter:48px;--lm-column-gap:56px;--lm-copy-offset:76px;--lm-section-space:clamp(92px,9vw,118px);--lm-display-xl:clamp(64px,7vw,92px);--lm-display-l:clamp(48px,5.4vw,70px)}.layoutMasterPage .contentWrap,.layoutMasterPage .lfHeroContent,.layoutMasterPage .leadershipHeroImageContent{padding-right:var(--nav-safe-mobile,96px)!important}}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){.layoutMasterPage{--lm-home-gutter:56px;--lm-sub-gutter:56px;--lm-column-gap:0;--lm-copy-offset:0;--lm-stack-gap:40px;--lm-section-space:clamp(84px,9vw,108px);--lm-display-xl:clamp(58px,7.6vw,82px);--lm-display-l:clamp(48px,6.7vw,70px);--lm-left-headline-max:10ch}.homeFinalPage.layoutMasterPage .identityGrid,.designSystem2.layoutMasterPage .identityPageGrid,.designSystem2.layoutMasterPage .lfIntroGrid,.designSystem2.layoutMasterPage .leadershipMethodGrid,.designSystem2.layoutMasterPage .lfContactGrid,.designSystem2.layoutMasterPage .leadershipOfferGrid,.designSystem2.layoutMasterPage .leadershipOfferGridReverse,.designSystem2.layoutMasterPage .lfCredibilityGrid{grid-template-columns:1fr!important;row-gap:var(--lm-stack-gap)!important}.homeFinalPage.layoutMasterPage .identityHeading,.homeFinalPage.layoutMasterPage .identityContent,.designSystem2.layoutMasterPage .identityPageHeading,.designSystem2.layoutMasterPage .identityPageCopy,.designSystem2.layoutMasterPage .lfIntroGrid>*,.designSystem2.layoutMasterPage .leadershipMethodHeading,.designSystem2.layoutMasterPage .leadershipMethodSteps,.designSystem2.layoutMasterPage .lfContactGrid>*,.designSystem2.layoutMasterPage .leadershipOfferMedia,.designSystem2.layoutMasterPage .leadershipOfferCopy,.designSystem2.layoutMasterPage .lfCredibilityGrid>*,.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>:first-child,.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>figure{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;padding-top:0!important}.designSystem2.layoutMasterPage .leadershipOfferMedia,.designSystem2.layoutMasterPage .lfCredibilityGrid>figure{order:1!important}.designSystem2.layoutMasterPage .leadershipOfferCopy,.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>:first-child{order:2!important}.homeFinalPage.layoutMasterPage .heroContent{padding-top:clamp(96px,11vh,138px)!important}}
@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){.layoutMasterPage{--lm-home-gutter:22px;--lm-sub-gutter:22px;--lm-column-gap:0;--lm-copy-offset:0;--lm-stack-gap:34px;--lm-section-space:clamp(68px,14vw,90px);--lm-display-xl:clamp(50px,13vw,72px);--lm-display-l:clamp(42px,11vw,62px);--lm-body:clamp(18px,4.7vw,21px);--lm-caption:14px;--lm-left-headline-max:10ch}.homeFinalPage.layoutMasterPage .contentWrap,.designSystem2.layoutMasterPage .contentWrap,.podcastPage.layoutMasterPage .contentWrap{width:calc(100% - 2 * var(--lm-home-gutter))!important;margin-inline:var(--lm-home-gutter)!important;padding-left:0!important;padding-right:0!important}.homeFinalPage.layoutMasterPage .identityGrid,.designSystem2.layoutMasterPage .identityPageGrid,.designSystem2.layoutMasterPage .lfIntroGrid,.designSystem2.layoutMasterPage .leadershipMethodGrid,.designSystem2.layoutMasterPage .lfContactGrid,.designSystem2.layoutMasterPage .leadershipOfferGrid,.designSystem2.layoutMasterPage .leadershipOfferGridReverse,.designSystem2.layoutMasterPage .lfCredibilityGrid,.layoutMasterPage .lmReverseSplit{grid-template-columns:1fr!important;row-gap:var(--lm-stack-gap)!important}.homeFinalPage.layoutMasterPage .identityHeading,.homeFinalPage.layoutMasterPage .identityContent,.designSystem2.layoutMasterPage .identityPageGrid>*,.designSystem2.layoutMasterPage .lfIntroGrid>*,.designSystem2.layoutMasterPage .leadershipMethodGrid>*,.designSystem2.layoutMasterPage .lfContactGrid>*,.designSystem2.layoutMasterPage .leadershipOfferGrid>*,.designSystem2.layoutMasterPage .leadershipOfferGridReverse>*,.designSystem2.layoutMasterPage .lfCredibilityGrid>*,.layoutMasterPage .lmReverseSplit>*{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;padding-top:0!important}.designSystem2.layoutMasterPage .leadershipOfferMedia,.designSystem2.layoutMasterPage .lfCredibilityGrid>figure{order:1!important}.designSystem2.layoutMasterPage .leadershipOfferCopy,.designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid>:first-child{order:2!important}.homeFinalPage.layoutMasterPage .heroContent{padding-top:clamp(98px,18vh,142px)!important}}
@media (max-width:390px){.layoutMasterPage{--lm-display-xl:clamp(46px,12.5vw,58px);--lm-display-l:clamp(38px,10.8vw,52px)}}


/* =========================================================
   EXZEED 2.1.0 — DESIGN FREEZE CANDIDATE
   Confirmed typography, stage, subpage and focal-point rules.
   ========================================================= */
.layoutMasterPage{
  --lm-desktop-content-start:clamp(172px,12vw,230px);
  --lm-desktop-content-end:clamp(76px,6vw,116px);
  --lm-headline-split:9.75ch;
  --lm-headline-wide:16ch;
  --lm-headline-hero:13ch;
  --lm-copy-offset:clamp(118px,9vw,164px);
  --lm-stage-min:calc(100svh - 1px);
  --lm-final-stage-min:100svh;
  --lm-final-before:clamp(150px,17vh,230px);
  --lm-final-after:clamp(120px,14vh,190px);
}

/* Desktop and iPad landscape: the content line sits clearly to the right
   of the opening wordmark and leaves the established right brand frame free. */
@media (min-width:901px) and (orientation:landscape), (min-width:1181px){
  .homeFinalPage.layoutMasterPage .contentWrap,
  .designSystem2.layoutMasterPage .contentWrap,
  .podcastPage.layoutMasterPage .contentWrap,
  .contactDestinationPage.layoutMasterPage .contentWrap{
    width:min(1200px,calc(100% - var(--lm-desktop-content-start) - var(--lm-desktop-content-end))) !important;
    margin-left:var(--lm-desktop-content-start) !important;
    margin-right:var(--lm-desktop-content-end) !important;
  }
}

/* Headline composition: natural word wrapping first. Hyphenation is not a
   normal design device. Wide/stack/hero headings get a larger measure. */
.layoutMasterPage h1,
.layoutMasterPage h2{
  -webkit-hyphens:none !important;
  hyphens:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  text-wrap:balance;
}
.layoutMasterPage .identityHeading h2,
.layoutMasterPage .identityPageHeading h1,
.layoutMasterPage .lfIntroGrid h2,
.layoutMasterPage .leadershipMethodHeading h2{
  max-inline-size:var(--lm-headline-split) !important;
}
.layoutMasterPage .statementContent h2,
.layoutMasterPage .identityStackContent h2,
.layoutMasterPage .subpageClosingHero h2,
.layoutMasterPage .lfManifesto h2,
.layoutMasterPage .leadershipHeroImageContent h2,
.layoutMasterPage .subpageImageHeroContent h2,
.layoutMasterPage .sectionHeader h2{
  max-inline-size:var(--lm-headline-wide) !important;
}
.layoutMasterPage .subpageImageHero h1,
.layoutMasterPage .lfHero h1,
.layoutMasterPage .podcastPageHero h1,
.layoutMasterPage .contactDestination h1{
  max-inline-size:var(--lm-headline-hero) !important;
}

/* Same hero typography on Identity, Leadership and Podcast. */
.layoutMasterPage .subpageImageHero h1,
.layoutMasterPage .lfHero h1,
.podcastPage.layoutMasterPage .podcastPageHero h1{
  font-size:var(--lm-display-xl) !important;
  line-height:var(--lm-display-xl-line) !important;
  letter-spacing:var(--lm-display-xl-track) !important;
}

/* Subpage image hero: image + headline + optional intro, no eyebrow or CTA. */
.subpageImageHero,
.layoutMasterPage .lfHero{
  position:relative;
  min-height:100svh !important;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:0 !important;
}
.subpageImageHeroMedia,
.layoutMasterPage .lfHeroMedia{
  position:absolute;
  inset:0;
  margin:0;
}
.subpageImageHeroMedia{
  opacity:var(--hero-media-opacity,1);
  transition:opacity .28s ease;
}
.subpageImageHeroMedia::after,
.layoutMasterPage .lfHeroMedia::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.03) 100%);
}
.subpageImageHeroMedia img,
.layoutMasterPage .lfHeroMedia img{
  width:100%;height:100%;object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
}
.subpageImageHeroMedia img{
  filter:grayscale(var(--hero-image-grayscale,1));
}
.subpageImageHeroContent,
.layoutMasterPage .lfHeroContent{
  position:relative;
  z-index:1;
  color:#fff;
  padding-bottom:clamp(86px,10vh,142px);
}
.subpageImageHeroContent .lead,
.layoutMasterPage .lfHeroContent .lead{
  max-width:650px;
  margin-top:clamp(30px,3vw,46px);
}

/* Identity storytelling rhythm: split, then an intentionally wide stack. */
.identityStackContent{display:block !important;}
.identityStackContent .identityPageHeading{max-width:none !important;}
.identityStackContent .identityPageCopy{
  max-width:720px !important;
  padding-top:0 !important;
  margin-top:clamp(42px,5vw,72px) !important;
}

/* Right-hand explanatory copy begins clearly lower than the headline. */
.homeFinalPage.layoutMasterPage .identityContent,
.designSystem2.layoutMasterPage .identityPageCopy,
.designSystem2.layoutMasterPage .lfIntroCopy,
.designSystem2.layoutMasterPage .leadershipMethodSteps,
.designSystem2.layoutMasterPage .lfContactActions{
  padding-top:var(--lm-copy-offset) !important;
}

/* Podcast landing layout: intro first, cards/rondel below it. */
.homeFinalPage.layoutMasterPage .podcastSection .sectionHeader{
  display:block !important;
  max-width:900px !important;
}
.homeFinalPage.layoutMasterPage .podcastSection .sectionIntro{
  max-width:620px;
  margin-top:clamp(26px,3vw,42px);
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(20px,2.5vw,34px) !important;
  margin-top:clamp(54px,7vw,92px) !important;
  align-items:stretch;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid .podcastCard{
  width:100% !important;
  max-width:none !important;
}
.homeFinalPage.layoutMasterPage .podcastSectionAction{
  margin-top:clamp(40px,5vw,64px) !important;
}

/* CMS-controlled focal points. */
.designSystem2 .leadershipOfferMedia img,
.designSystem2 .lfPhoto img,
.designSystem2 .leadershipHeroImageMedia img{
  object-position:var(--focus-x,50%) var(--focus-y,50%) !important;
}

/* Section presentation without scroll snapping. Short editorial sections are
   staged; content-heavy sections remain content-driven. */
html{scroll-snap-type:none !important;}
.homeFinalPage.layoutMasterPage .hero,
.homeFinalPage.layoutMasterPage .homeOrigin,
.homeFinalPage.layoutMasterPage .statement,
.designSystem2.layoutMasterPage .identityChapter,
.designSystem2.layoutMasterPage .lfIntro,
.designSystem2.layoutMasterPage .lfManifesto{
  min-height:var(--lm-stage-min) !important;
  display:flex;
  align-items:center;
}
.designSystem2.layoutMasterPage .leadershipOffer,
.designSystem2.layoutMasterPage .leadershipMethod,
.designSystem2.layoutMasterPage .lfCredibility,
.homeFinalPage.layoutMasterPage .podcastSection{
  min-height:auto !important;
}

/* Closing heroes are distinct final pages that link to /contact. */
/* Subpage closing geometry is canonicalized in the 4.1.5 master block.
   Keep only component-internal typography here; no height/alignment/padding geometry. */
.subpageClosingHeroInner{display:block !important;}
.subpageClosingHeroInner h2{max-width:14ch !important;}
.subpageClosingHeroInner p{max-width:620px;margin:clamp(34px,4vw,54px) 0 0;color:var(--muted);}
.subpageClosingHeroInner .sectionLink{margin-top:clamp(34px,4vw,50px) !important;}

/* Homepage closing section: more air before and after, ending as its own hero. */
.homeFinalPage.layoutMasterPage .connect{
  min-height:100svh !important;
  padding-top:var(--lm-final-before) !important;
  padding-bottom:var(--lm-final-after) !important;
  display:flex;
  align-items:center;
}

/* Independent final destination: only headline, mail and social links. */
.contactDestinationPage .contentWrap{
  width:min(1200px,calc(100% - 128px));
  margin-inline:auto;
}
.contactDestination{
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(110px,14vh,190px) 0 clamp(130px,16vh,220px);
}
.contactDestinationInner h1{
  margin:0;
  font-size:var(--lm-display-xl);
  line-height:var(--lm-display-xl-line);
  letter-spacing:var(--lm-display-xl-track);
}
.contactDestinationInner .emailLink{display:inline-block;margin-top:clamp(70px,9vh,120px);}
.contactDestinationInner .connectUtilityLinks{margin-top:clamp(34px,5vh,58px);}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .layoutMasterPage{--lm-copy-offset:0;--lm-headline-split:16ch;--lm-headline-wide:18ch;--lm-headline-hero:14ch;}
  .layoutMasterPage h1,.layoutMasterPage h2{max-inline-size:100% !important;}
  .subpageImageHeroContent,.layoutMasterPage .lfHeroContent{padding-bottom:clamp(80px,9vh,120px);}
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid .podcastCard:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 10px) !important;}
  .designSystem2 .leadershipOfferMedia{aspect-ratio:1/1 !important;}
  .leadershipOfferSparring .leadershipOfferMedia{aspect-ratio:4/5 !important;}
  .homeFinalPage.layoutMasterPage .connect{min-height:auto !important;}
}

@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage{
    --lm-display-xl:clamp(42px,10.8vw,62px);
    --lm-display-l:clamp(36px,9.5vw,54px);
    --lm-copy-offset:0;
    --lm-headline-split:100%;--lm-headline-wide:100%;--lm-headline-hero:100%;
  }
  .layoutMasterPage h1,.layoutMasterPage h2{max-inline-size:100% !important;}
  .subpageImageHero,.layoutMasterPage .lfHero{min-height:100svh !important;}
  .subpageImageHeroMedia::after,.layoutMasterPage .lfHeroMedia::after{background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.12) 75%);}
  .subpageImageHeroContent,.layoutMasterPage .lfHeroContent{padding-bottom:clamp(70px,10vh,100px);}
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    display:flex !important;
    overflow-x:auto;
    scroll-snap-type:none;
    gap:18px !important;
    margin-right:calc(-1 * var(--lm-home-gutter));
    padding-right:var(--lm-home-gutter);
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid .podcastCard{
    flex:0 0 min(82vw,330px);
  }
  .designSystem2 .leadershipOfferMedia,.designSystem2 .lfPhoto{aspect-ratio:1/1 !important;}
  .leadershipOfferSparring .leadershipOfferMedia{aspect-ratio:4/5 !important;}
  .homeFinalPage.layoutMasterPage .connect{min-height:auto !important;}
  .contactDestinationPage .contentWrap{width:calc(100% - 44px);margin-inline:22px;}
}

/* Only on genuinely narrow phones may the browser use German hyphenation as
   a last fallback after full-width composition and reduced display sizing. */
@media (max-width:380px){
  .layoutMasterPage h1,.layoutMasterPage h2{-webkit-hyphens:auto !important;hyphens:auto !important;}
}

/* =========================================================
   EXZEED 2.1.1 — Homepage Podcast Visibility Hotfix
   Scope: homepage preview only. Archive, feed and CMS unchanged.
   ========================================================= */
.homeFinalPage.layoutMasterPage main > .podcastSection{
  display:block !important;
  position:relative !important;
  overflow:visible !important;
  height:auto !important;
  min-height:0 !important;
  contain:none !important;
}
.homeFinalPage.layoutMasterPage main > .podcastSection > .sectionHeader,
.homeFinalPage.layoutMasterPage main > .podcastSection > .homepagePodcastGrid,
.homeFinalPage.layoutMasterPage main > .podcastSection > .podcastSectionAction{
  position:relative !important;
  z-index:2 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:1px !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid > .podcastCard{
  display:block !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:1px !important;
  transform:none;
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch;
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid > .podcastCard{
    flex:0 0 min(82vw,330px) !important;
  }
}

/* =========================================================
   EXZEED 2.1.2 — Responsive Podcast Carousel Hotfix
   Replaces the fixed homepage grid with one contained,
   manually scrollable carousel on every viewport.
   ========================================================= */
.homeFinalPage.layoutMasterPage main > .podcastSection{
  overflow:hidden !important;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  gap:clamp(18px,2vw,30px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scroll-padding-inline:0;
  padding:0 clamp(26px,4vw,58px) clamp(18px,2vw,28px) 0 !important;
  scrollbar-width:none;
  touch-action:pan-x pan-y;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid::-webkit-scrollbar{
  display:none;
}
.homeFinalPage.layoutMasterPage .homepagePodcastGrid > .podcastCard{
  flex:0 0 clamp(280px,30%,380px) !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.homeFinalPage.layoutMasterPage .podcastSectionAction{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    display:flex !important;
    grid-template-columns:none !important;
    padding-right:clamp(38px,7vw,76px) !important;
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid > .podcastCard,
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid .podcastCard:last-child:nth-child(odd){
    flex:0 0 clamp(300px,46%,430px) !important;
    width:auto !important;
    max-width:none !important;
    grid-column:auto !important;
  }
}

@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    display:flex !important;
    margin-right:0 !important;
    padding-right:clamp(42px,14vw,76px) !important;
    gap:18px !important;
    scroll-snap-type:x proximity !important;
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid > .podcastCard{
    flex:0 0 min(82vw,340px) !important;
    width:auto !important;
    max-width:none !important;
  }
}

/* =========================================================
   EXZEED 2.1.3 — Contained homepage podcast carousel
   Scope: homepage podcast preview only.
   ========================================================= */
.homeFinalPage.layoutMasterPage .homepagePodcastCarousel{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  gap:clamp(18px,2vw,28px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 0 clamp(18px,2vw,26px) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
  scroll-snap-type:x proximity !important;
  scroll-padding-inline:0 !important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid::-webkit-scrollbar{display:none}
.homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid>.podcastCard{
  flex:0 0 calc((100% - 2 * clamp(18px,2vw,28px)) / 3) !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
  box-sizing:border-box !important;
}
.homeFinalPage.layoutMasterPage .homepagePodcastDots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:24px;
  margin-top:clamp(4px,1vw,10px);
}
.homeFinalPage.layoutMasterPage .homepagePodcastDots button{
  appearance:none;
  border:0;
  width:8px;
  height:8px;
  padding:0;
  border-radius:999px;
  background:rgba(17,17,17,.24);
  cursor:pointer;
  transition:width .2s ease,background-color .2s ease,transform .2s ease;
}
.homeFinalPage.layoutMasterPage .homepagePodcastDots button:hover,
.homeFinalPage.layoutMasterPage .homepagePodcastDots button:focus-visible{
  background:rgba(17,17,17,.55);
  transform:scale(1.12);
  outline:none;
}
.homeFinalPage.layoutMasterPage .homepagePodcastDots button.is-active{
  width:24px;
  background:#111;
}
.homeFinalPage.layoutMasterPage .podcastSectionAction{
  margin-top:clamp(28px,3vw,44px) !important;
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid>.podcastCard{
    flex-basis:calc((100% - clamp(18px,2vw,28px)) / 2) !important;
  }
}
@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid{
    gap:18px !important;
    padding-right:clamp(34px,12vw,58px) !important;
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastCarousel .homepagePodcastGrid>.podcastCard{
    flex:0 0 min(82vw,340px) !important;
  }
  .homeFinalPage.layoutMasterPage .homepagePodcastDots{
    justify-content:flex-start;
  }
}
@media (prefers-reduced-motion:reduce){
  .homeFinalPage.layoutMasterPage .homepagePodcastDots button{transition:none}
}


/* =========================================================
   EXZEED 2.1.4 — RESTORED PODCAST RONDELL
   Shared CI component for homepage and podcast subpage.
   ========================================================= */

.layoutMasterPage .podcastCarousel{
  width:min(
    var(--lm-home-content,1200px),
    calc(100% - (2 * var(--lm-home-gutter,64px)))
  ) !important;
  max-width:none !important;
  min-width:0 !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.podcastPage.layoutMasterPage .podcastCarousel{
  width:min(
    var(--lm-sub-content,1200px),
    calc(100% - (2 * var(--lm-sub-gutter,clamp(64px,7vw,112px))))
  ) !important;
}

.layoutMasterPage .podcastCarousel .podcastRail{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  gap:clamp(18px,2vw,24px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 0 clamp(18px,2vw,26px) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x proximity !important;
  scroll-padding-inline:0 !important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  box-sizing:border-box !important;
}
.layoutMasterPage .podcastCarousel .podcastRail::-webkit-scrollbar{display:none}

.layoutMasterPage .podcastCarousel .podcastCard{
  flex:0 0 calc((100% - (2 * clamp(18px,2vw,24px))) / 3) !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  scroll-snap-align:start;
  box-sizing:border-box !important;
}

/* Dots represent visible carousel pages, not individual cards. */
.layoutMasterPage .podcastCarousel .railDots{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:24px;
  margin-top:clamp(6px,1vw,12px);
}
.layoutMasterPage .podcastCarousel .railDots[hidden]{display:none !important}
.layoutMasterPage .podcastCarousel .railDots button{
  appearance:none;
  border:0;
  width:8px;
  height:8px;
  padding:0;
  border-radius:999px;
  background:rgba(17,17,17,.24);
  cursor:pointer;
  transition:width .2s ease,background-color .2s ease,transform .2s ease;
}
.layoutMasterPage .podcastCarousel .railDots button:hover,
.layoutMasterPage .podcastCarousel .railDots button:focus-visible{
  background:rgba(17,17,17,.55);
  transform:scale(1.12);
  outline:none;
}
.layoutMasterPage .podcastCarousel .railDots button.is-active{
  width:24px;
  background:#111;
}

.podcastPage.layoutMasterPage .podcastArchive{
  overflow:hidden;
}
.podcastPage.layoutMasterPage .podcastArchiveCarousel{
  padding-top:0;
}
.podcastPage.layoutMasterPage .podcastArchiveCarousel .podcastCardBody{
  min-height:220px;
}

/* Tablet portrait: two cards, still exactly on the page grid. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .layoutMasterPage .podcastCarousel{
    width:calc(100% - (2 * var(--lm-home-gutter,56px))) !important;
  }
  .podcastPage.layoutMasterPage .podcastCarousel{
    width:calc(100% - (2 * var(--lm-sub-gutter,56px))) !important;
  }
  .layoutMasterPage .podcastCarousel .podcastCard{
    flex-basis:calc((100% - clamp(18px,2vw,24px)) / 2) !important;
  }
}

/* Mobile: one card plus a controlled preview of the next. */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage .podcastCarousel,
  .podcastPage.layoutMasterPage .podcastCarousel{
    width:calc(100% - 44px) !important;
    margin-inline:22px !important;
  }
  .layoutMasterPage .podcastCarousel .podcastRail{
    gap:18px !important;
    padding-right:clamp(30px,10vw,48px) !important;
  }
  .layoutMasterPage .podcastCarousel .podcastCard{
    flex:0 0 min(82vw,340px) !important;
  }
  .layoutMasterPage .podcastCarousel .railDots{
    justify-content:center;
  }
  .podcastPage.layoutMasterPage .podcastArchiveCarousel .podcastCardBody{
    min-height:190px;
  }
}

@media (prefers-reduced-motion:reduce){
  .layoutMasterPage .podcastCarousel .railDots button{transition:none}
}


/* =========================================================
   EXZEED 2.2.0 — UNIFIED PODCAST PAGE
   One destination, latest-three homepage teaser, grid-safe CTA.
   ========================================================= */

/* Homepage: CTA always follows the same horizontal master axis. */
.homeFinalPage.layoutMasterPage .podcastSectionAction{
  width:min(
    var(--lm-home-content,1200px),
    calc(100% - (2 * var(--lm-home-gutter,64px)))
  ) !important;
  max-width:none !important;
  margin:clamp(38px,4vw,60px) auto 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.homeFinalPage.layoutMasterPage .podcastSectionAction .sectionLink{
  margin-left:0 !important;
}

/* One podcast page: hero, selected episode, recommendations. */
.podcastUnifiedPage .episodeContent h2{
  font-size:var(--lm-display-l);
  line-height:var(--lm-display-l-line);
  letter-spacing:var(--lm-display-l-track);
  margin:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.podcastUnifiedPage .podcastMoreHeading{
  margin-bottom:clamp(38px,5vw,68px) !important;
}
.podcastUnifiedPage .podcastMoreHeading h2{
  font-size:var(--lm-display-l);
  letter-spacing:var(--lm-display-l-track);
  margin:0;
}
.podcastUnifiedPage .moreEpisodes{overflow:hidden}
.podcastUnifiedPage .podcastArchiveCarousel .podcastCardBody{
  min-height:180px;
}

/* More responsive CTA axes. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .podcastSectionAction{
    width:calc(100% - (2 * var(--lm-home-gutter,56px))) !important;
  }
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .podcastSectionAction{
    width:calc(100% - 44px) !important;
    margin-left:22px !important;
    margin-right:22px !important;
  }
  .podcastUnifiedPage .episodeContent h2{
    font-size:var(--lm-display-l);
  }
}


/* =========================================================
   EXZEED 2.2.1 — PODCAST CTA + FEED PERFORMANCE
   Homepage podcast CTA remains centered on every viewport.
   ========================================================= */
.homeFinalPage.layoutMasterPage .podcastSectionAction{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:min(
    var(--lm-home-content,1200px),
    calc(100% - (2 * var(--lm-home-gutter,64px)))
  ) !important;
  margin:clamp(38px,4vw,60px) auto 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.homeFinalPage.layoutMasterPage .podcastSectionAction .sectionLink{
  margin-inline:auto !important;
  text-align:center !important;
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .podcastSectionAction{
    width:calc(100% - (2 * var(--lm-home-gutter,56px))) !important;
    margin-inline:auto !important;
  }
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .homeFinalPage.layoutMasterPage .podcastSectionAction{
    width:calc(100% - 44px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* =========================================================
   EXZEED 2.2.3 — REGRESSION REPAIR / SCOPED LOGO SAFE ZONE
   Restores the complete stable 2.2.1 geometry. The menu-logo
   safety distance is applied only to right-side copy columns,
   never to master containers, grids, images or carousels.
   ========================================================= */

:root{
  --lm-right-copy-logo-gap:clamp(44px,4.2vw,72px);
}

/* Free-standing corner navigation only. The existing column start,
   image sizes, headline columns and overall master width remain intact. */
@media (min-width:1181px) and (orientation:landscape),
       (min-width:701px) and (max-width:1180px)
       and (orientation:landscape) and (min-height:701px){

  .homeFinalPage.layoutMasterPage .identityContent,
  .homeFinalPage.layoutMasterPage .leadershipTeaserCopy,
  .designSystem2.layoutMasterPage .identityPageCopy,
  .designSystem2.layoutMasterPage .lfIntroCopy,
  .designSystem2.layoutMasterPage .leadershipOfferCopy,
  .designSystem2.layoutMasterPage .leadershipMethodSteps,
  .designSystem2.layoutMasterPage .lfContactActions{
    max-width:min(
      var(--lm-right-copy-max,620px),
      calc(var(--lm-right-copy-max,620px) - var(--lm-right-copy-logo-gap))
    ) !important;
  }
}

/* Fixed white/mobile header: retain the unchanged responsive master. */
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  :root{--lm-right-copy-logo-gap:0px}
}


/* ============================================================
   EXZEED 4.0 — RESPONSIVE HARDENING LAYER
   Preservation boundary: no redesign. The established 2.2.3
   layout, wallpaper, navigation, typography and safe-zone geometry
   remain the visual source of truth.
   ============================================================ */
:root{--exzeed-green:#c6cc03}
html{
  overflow-x:clip;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{overflow-x:clip}
img,svg,video{max-width:100%}
.heroContent h1,
.statementContent h2,
.subpageImageHeroContent h1,
.lfHeroContent h1{
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
.identityGrid>*,
.identityPageGrid>*,
.lfIntroGrid>*,
.leadershipOfferGrid>*,
.leadershipOfferGridReverse>*,
.lfCredibilityGrid>*{
  min-width:0;
}
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  .heroContent h1,
  .statementContent h2,
  .subpageImageHeroContent h1,
  .lfHeroContent h1{
    -webkit-hyphens:none;
    hyphens:none;
    overflow-wrap:anywhere;
  }
}

/* 4.0.5 system consolidation: one ordering, spacing and mobile media contract. */
.cmsOrderedSections{
  display:flex;
  flex-direction:column;
}
.cmsOrderedSections > .cmsSectionOrder{
  order:var(--cms-order,0);
}
.layoutMasterPage{
  --lm-eyebrow-title-gap:var(--stack-eyebrow-title,20px);
  --lm-title-body-gap:var(--stack-title-copy,32px);
  --lm-body-cta-gap:var(--stack-copy-action,40px);
}
/* Focal point is data-driven on every viewport. */
.layoutMasterPage .leadershipOfferMedia img,
.layoutMasterPage .subpageImageHeroMedia img,
.layoutMasterPage .lfPhoto img{
  object-position:var(--focus-x,50%) var(--focus-y,50%) !important;
}
/* Body copy never uses automatic hyphenation in the EXZEED master. */
.layoutMasterPage p,
.layoutMasterPage li{
  -webkit-hyphens:none !important;
  hyphens:none !important;
}
/* Same semantic headline-to-copy gap across approved master blocks. */
.layoutMasterPage .leadershipOfferCopy > h2 + p,
.layoutMasterPage .subpageImageHeroContent > h2 + .lead,
.layoutMasterPage .heroContent > h1 + .lead,
.layoutMasterPage .sectionHeader > h2 + .sectionIntro,
.layoutMasterPage .episodeContent > h2 + .episodeAuthor,
.layoutMasterPage .subpageClosingHeroInner > h2 + p{
  margin-top:var(--lm-title-body-gap) !important;
}
.layoutMasterPage .leadershipOfferCopy > p + .sectionLink,
.layoutMasterPage .subpageImageHeroContent > .lead + .sectionLink,
.layoutMasterPage .subpageClosingHeroInner > p + .sectionLink{
  margin-top:var(--lm-body-cta-gap) !important;
}
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  /* Every approved split block stacks image first, copy second on mobile,
     independent of the page on which the block was inserted. */
  .layoutMasterPage .leadershipOfferGrid,
  .layoutMasterPage .leadershipOfferGridReverse{
    display:grid !important;
    grid-template-columns:1fr !important;
    row-gap:var(--lm-stack-gap) !important;
  }
  .layoutMasterPage .leadershipOfferGrid > *,
  .layoutMasterPage .leadershipOfferGridReverse > *{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .layoutMasterPage .leadershipOfferMedia{
    display:block !important;
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:4/3 !important;
    overflow:hidden !important;
  }
  .layoutMasterPage .leadershipOfferMedia img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:var(--focus-x,50%) var(--focus-y,50%) !important;
  }
  .layoutMasterPage .leadershipOfferCopy{
    order:2 !important;
  }
  /* Editorial two-column blocks use the same semantic headline/body gap when stacked. */
  .homeFinalPage.layoutMasterPage .identityGrid,
  .designSystem2.layoutMasterPage .identityPageGrid,
  .designSystem2.layoutMasterPage .lfIntroGrid,
  .designSystem2.layoutMasterPage .leadershipMethodGrid,
  .designSystem2.layoutMasterPage .lfContactGrid{
    row-gap:var(--lm-title-body-gap) !important;
  }
  .layoutMasterPage h1,
  .layoutMasterPage h2{
    -webkit-hyphens:none !important;
    hyphens:none !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sectionWallpaperLayer,.siteMenu,*{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* EXZEED 4.0.6 — system patch: renderer parity, responsive type and carousel snap. */
/* image_right is the true desktop mirror of image_left. Mobile keeps image first. */
@media (min-width:1181px), (min-width:701px) and (orientation:landscape) and (min-height:701px){
  .designSystem2.layoutMasterPage .leadershipOfferGridReverse .leadershipOfferCopy{
    grid-column:1 !important;
    grid-row:1 !important;
    max-width:var(--lm-right-copy-max) !important;
  }
  .designSystem2.layoutMasterPage .leadershipOfferGridReverse .leadershipOfferMedia{
    grid-column:2 !important;
    grid-row:1 !important;
  }
}

/* One semantic Headline + Text rhythm. No section-name-specific spacing. */
.designSystem2.layoutMasterPage .dsEditorial .identityPageHeading > h2{
  margin-bottom:0 !important;
}
.designSystem2.layoutMasterPage .dsEditorial .identityPageCopy{
  margin-top:0 !important;
}
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  .designSystem2.layoutMasterPage .dsEditorial .identityPageGrid{
    row-gap:var(--lm-title-body-gap) !important;
  }
  /* Proper language-aware German compound-word hyphenation in headings.
     Body copy remains explicitly non-hyphenated by the master contract. */
  .layoutMasterPage h1,
  .layoutMasterPage h2{
    -webkit-hyphens:auto !important;
    hyphens:auto !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
}

/* Podcast cards always settle on a card after touch/trackpad movement. */
.layoutMasterPage .podcastRail{
  scroll-snap-type:x mandatory !important;
  scroll-padding-inline:0 !important;
}
.layoutMasterPage .podcastCard{
  scroll-snap-align:start !important;
  scroll-snap-stop:always;
}

/* One description container: collapsed text is replaced by the full text. */
.episodeDescriptionToggle{
  display:flex;
  flex-direction:column;
  margin-top:var(--space-5);
}
.episodeDescriptionToggle summary{order:2;margin-top:18px}
.episodeDescriptionToggle .episodeDescription{order:1;margin-top:0}
.episodeDescriptionToggle .episodeDescriptionExpanded,
.episodeDescriptionToggle .episodeLessLabel{display:none}
.episodeDescriptionToggle[open] .episodeDescriptionCollapsed,
.episodeDescriptionToggle[open] .episodeMoreLabel{display:none}
.episodeDescriptionToggle[open] .episodeDescriptionExpanded,
.episodeDescriptionToggle[open] .episodeLessLabel{display:block}


/* =========================================================
   EXZEED 4.0.7 — QA closure patch
   Scope: confirmed 4.0.6 regressions only. Master geometry unchanged.
   ========================================================= */
/* True desktop mirror; DOM order cannot be neutralised by legacy grid rules. */
@media (min-width:1181px), (min-width:701px) and (orientation:landscape) and (min-height:701px){
  .designSystem2.layoutMasterPage .leadershipOfferGridReverse{grid-template-columns:var(--lm-left-column) var(--lm-right-column)!important}
  .designSystem2.layoutMasterPage .leadershipOfferGridReverse>.leadershipOfferCopy{grid-column:1!important;grid-row:1!important;order:1!important}
  .designSystem2.layoutMasterPage .leadershipOfferGridReverse>.leadershipOfferMedia{grid-column:2!important;grid-row:1!important;order:2!important}
}
/* Missing media is a valid editorial state: no broken image or empty media frame. */
.designSystem2.layoutMasterPage .dsSplitNoMedia .leadershipOfferGrid,
.designSystem2.layoutMasterPage .dsSplitNoMedia .leadershipOfferGridReverse{grid-template-columns:1fr!important}
.designSystem2.layoutMasterPage .dsSplitNoMedia .leadershipOfferCopy{grid-column:1!important;max-width:var(--lm-right-copy-max)!important}

/* German mobile headings: language-aware hyphenation, never per-character emergency wrapping. */
@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage h1,.layoutMasterPage h2,.layoutMasterPage h3{
    overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important;
  }
}

/* iPhone landscape: wallpaper covers the physical viewport; content stays inside safe area + EXZEED gutter. */
@media (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .sectionWallpaperLayer,.subpageWallpaper{background-size:cover!important;background-position:center center!important}
  .homeFinalPage.layoutMasterPage .contentWrap,
  .designSystem2.layoutMasterPage .contentWrap,
  .podcastPage.layoutMasterPage .contentWrap{
    width:auto!important;
    margin-left:max(var(--lm-home-gutter),calc(env(safe-area-inset-left,0px) + var(--lm-home-gutter)))!important;
    margin-right:max(var(--lm-home-gutter),calc(env(safe-area-inset-right,0px) + var(--lm-home-gutter)))!important;
  }
  .siteHeader{padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}
}

/* Podcast carousel: active card settles on the carousel centre axis. Edge padding lets first/last cards centre too. */
@media (max-width:700px),(orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage .podcastRail,
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid{
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:50%!important;
  }
  .layoutMasterPage .podcastCard,
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid>.podcastCard{scroll-snap-align:center!important;scroll-snap-stop:always!important}
  .layoutMasterPage .podcastRail::before,.layoutMasterPage .podcastRail::after,
  .homeFinalPage.layoutMasterPage .homepagePodcastGrid::before,.homeFinalPage.layoutMasterPage .homepagePodcastGrid::after{
    content:"";flex:0 0 max(0px,calc(50% - min(41vw,170px)))!important;
  }
}

/* Podcast description: one teaser OR one full text, one toggle label. */
.episodeDescriptionToggle{display:flex!important;flex-direction:column!important;margin-top:var(--space-5)!important}
.episodeDescriptionToggle .episodeDescription{order:1!important;margin-top:0!important}
.episodeDescriptionButton{order:2!important;margin-top:18px!important;background:none!important;border:0!important;padding:0!important;font:inherit!important;cursor:pointer!important;text-align:left!important}
.episodeDescriptionToggle [hidden]{display:none!important}


/* =========================================================
   EXZEED 4.0.8 — master-safe QA correction patch
   Only confirmed open items; passed 4.0.7 systems are regression guards.
   ========================================================= */
/* Semantic split direction: renderer type, not DOM accident, owns desktop placement. */
@media (min-width:1181px), (min-width:701px) and (orientation:landscape) and (min-height:701px){
  .designSystem2.layoutMasterPage .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferCopy{
    grid-column:1!important;grid-row:1!important;order:1!important;justify-self:start!important;
  }
  .designSystem2.layoutMasterPage .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferMedia{
    grid-column:2!important;grid-row:1!important;order:2!important;justify-self:stretch!important;
  }
}
/* Podcast toggle: neutralise obsolete details/open display rules from earlier releases. */
.episodeDescriptionToggle .episodeDescriptionExpanded:not([hidden]),
.episodeDescriptionToggle .episodeLessLabel:not([hidden]),
.episodeDescriptionToggle .episodeMoreLabel:not([hidden]){display:block!important}
.episodeDescriptionToggle .episodeDescriptionCollapsed:not([hidden]){display:block!important}

/* Credentials: on stacked viewports copy owns the full content axis; image can never overlap it. */
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  .designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid > :first-child,
  .designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid > figure{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important}
  .designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid > figure{order:1!important;position:relative!important}
  .designSystem2.layoutMasterPage .dsCredibility .lfCredibilityGrid > :first-child{order:2!important;position:relative!important}
  .designSystem2.layoutMasterPage .dsCredibility h2{max-width:none!important;width:100%!important}
}
/* Hero complement: master geometry without the green M01 accent. */
.subpageWallpaper.heroComplementWallpaper{
  background-image:url('/assets/img/wallpaper-system/wallpaper_master_darkonly-v408.svg')!important;
}


/* =========================================================
   EXZEED 4.0.9 — three confirmed QA corrections only
   1) semantic Text-left/Image-right, 2) podcast artwork anchor,
   3) stable per-section wallpaper masks + exact complements.
   ========================================================= */

/* 1. Section type owns desktop placement on every page context. */
@media (min-width:701px) and (orientation:landscape){
  .layoutMasterPage .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferCopy{
    grid-column:1!important;grid-row:1!important;order:1!important;justify-self:start!important;
  }
  .layoutMasterPage .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferMedia{
    grid-column:2!important;grid-row:1!important;order:2!important;justify-self:stretch!important;
  }
}

/* 2. Expanded podcast copy may grow only downward; artwork never recentres vertically. */
.podcastUnifiedPage .episodeGrid > .episodeArtwork{align-self:start!important}

/* 3. Dynamic homepage wallpaper variants. Geometry is unchanged; only complete predefined motif units differ. */
.sectionWallpaperVariant01{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_01_background-v409.svg')}
.sectionWallpaperVariant02{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_02_background-v409.svg')}
.sectionWallpaperVariant03{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_03_background-v409.svg')}
.sectionWallpaperVariant04{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_04_background-v409.svg')}
.sectionWallpaperVariant05{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_05_background-v409.svg')}
.sectionWallpaperVariant06{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_06_background-v409.svg')}
.sectionWallpaperVariant07{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_07_background-v409.svg')}
.sectionWallpaperVariant08{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_08_background-v409.svg')}
.sectionWallpaperVariant09{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_09_background-v409.svg')}
.sectionWallpaperVariant10{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_10_background-v409.svg')}
.sectionWallpaperVariant11{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_11_background-v409.svg')}
.sectionWallpaperVariant12{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_12_background-v409.svg')}
.sectionWallpaperVariant13{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_13_background-v409.svg')}
.sectionWallpaperVariant14{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_14_background-v409.svg')}
.sectionWallpaperVariant15{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_15_background-v409.svg')}
.sectionWallpaperVariant16{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_16_background-v409.svg')}
.sectionWallpaperVariant17{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_17_background-v409.svg')}
.sectionWallpaperVariant18{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_18_background-v409.svg')}
.sectionWallpaperVariant19{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_19_background-v409.svg')}
.dynamicForegroundWallpaper01{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_01_foreground-v409.svg')!important}
.dynamicForegroundWallpaper02{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_02_foreground-v409.svg')!important}
.dynamicForegroundWallpaper03{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_03_foreground-v409.svg')!important}
.dynamicForegroundWallpaper04{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_04_foreground-v409.svg')!important}
.dynamicForegroundWallpaper05{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_05_foreground-v409.svg')!important}
.dynamicForegroundWallpaper06{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_06_foreground-v409.svg')!important}
.dynamicForegroundWallpaper07{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_07_foreground-v409.svg')!important}
.dynamicForegroundWallpaper08{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_08_foreground-v409.svg')!important}
.dynamicForegroundWallpaper09{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_09_foreground-v409.svg')!important}
.dynamicForegroundWallpaper10{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_10_foreground-v409.svg')!important}
.dynamicForegroundWallpaper11{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_11_foreground-v409.svg')!important}
.dynamicForegroundWallpaper12{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_12_foreground-v409.svg')!important}
.dynamicForegroundWallpaper13{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_13_foreground-v409.svg')!important}
.dynamicForegroundWallpaper14{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_14_foreground-v409.svg')!important}
.dynamicForegroundWallpaper15{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_15_foreground-v409.svg')!important}
.dynamicForegroundWallpaper16{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_16_foreground-v409.svg')!important}
.dynamicForegroundWallpaper17{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_17_foreground-v409.svg')!important}
.dynamicForegroundWallpaper18{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_18_foreground-v409.svg')!important}
.dynamicForegroundWallpaper19{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_19_foreground-v409.svg')!important}

.dynamicForegroundWallpaper{opacity:.18!important}
/* Hero has no hidden dark motif; its complement is intentionally empty. Green M01 never appears on subpages. */
.subpageWallpaper.heroComplementWallpaper{background-image:none!important}


/* 4.0.9 dynamic wallpaper responsive parity: same master crop matrix as existing homepage states. */
@media (min-width:901px) and (orientation:landscape) and (min-height:701px){
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{background-size:cover!important;background-position:center center!important}
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{background-size:auto 103%!important;background-position:32% center!important;--section-wallpaper-strength:.20!important}
}
@media (max-width:700px) and (orientation:portrait){
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{background-size:auto 122%!important;background-position:22% center!important}
}
@media (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{background-size:auto 112%!important;background-position:28% center!important}
}


/* =========================================================
   EXZEED 4.0.10 — controlled wallpaper masks + podcast collapse UX
   Scope: wallpaper assignment/complements and collapse return only.
   Master geometry, crop matrix, typography and passed systems unchanged.
   ========================================================= */
.sectionWallpaperVariant01{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_01_background-v410.svg')}
.sectionWallpaperVariant02{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_02_background-v410.svg')}
.sectionWallpaperVariant03{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_03_background-v410.svg')}
.sectionWallpaperVariant04{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_04_background-v410.svg')}
.sectionWallpaperVariant05{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_05_background-v410.svg')}
.sectionWallpaperVariant06{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_06_background-v410.svg')}
.sectionWallpaperVariant07{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_07_background-v410.svg')}
.sectionWallpaperVariant08{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_08_background-v410.svg')}
.sectionWallpaperVariant09{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_09_background-v410.svg')}
.sectionWallpaperVariant10{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_10_background-v410.svg')}
.sectionWallpaperVariant11{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_11_background-v410.svg')}
.sectionWallpaperVariant12{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_12_background-v410.svg')}
.sectionWallpaperVariant13{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_13_background-v410.svg')}
.sectionWallpaperVariant14{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_14_background-v410.svg')}
.sectionWallpaperVariant15{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_15_background-v410.svg')}
.sectionWallpaperVariant16{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_16_background-v410.svg')}
.sectionWallpaperVariant17{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_17_background-v410.svg')}
.sectionWallpaperVariant18{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_18_background-v410.svg')}
.sectionWallpaperVariant19{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_19_background-v410.svg')}
.sectionWallpaperVariant20{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_20_background-v410.svg')}
.sectionWallpaperVariant21{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_21_background-v410.svg')}
.sectionWallpaperVariant22{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_22_background-v410.svg')}
.sectionWallpaperVariant23{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_23_background-v410.svg')}
.sectionWallpaperVariant24{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_24_background-v410.svg')}
.sectionWallpaperVariant25{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_25_background-v410.svg')}
.sectionWallpaperVariant26{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_26_background-v410.svg')}
.sectionWallpaperVariant27{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_27_background-v410.svg')}
.sectionWallpaperVariant28{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_28_background-v410.svg')}
.sectionWallpaperVariant29{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_29_background-v410.svg')}
.sectionWallpaperVariant30{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_30_background-v410.svg')}
.sectionWallpaperVariant31{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_31_background-v410.svg')}
.sectionWallpaperVariant32{--section-wallpaper-strength:.20;background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_32_background-v410.svg')}
.dynamicForegroundWallpaper01{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_01_foreground-v410.svg')!important}
.dynamicForegroundWallpaper02{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_02_foreground-v410.svg')!important}
.dynamicForegroundWallpaper03{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_03_foreground-v410.svg')!important}
.dynamicForegroundWallpaper04{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_04_foreground-v410.svg')!important}
.dynamicForegroundWallpaper05{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_05_foreground-v410.svg')!important}
.dynamicForegroundWallpaper06{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_06_foreground-v410.svg')!important}
.dynamicForegroundWallpaper07{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_07_foreground-v410.svg')!important}
.dynamicForegroundWallpaper08{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_08_foreground-v410.svg')!important}
.dynamicForegroundWallpaper09{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_09_foreground-v410.svg')!important}
.dynamicForegroundWallpaper10{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_10_foreground-v410.svg')!important}
.dynamicForegroundWallpaper11{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_11_foreground-v410.svg')!important}
.dynamicForegroundWallpaper12{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_12_foreground-v410.svg')!important}
.dynamicForegroundWallpaper13{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_13_foreground-v410.svg')!important}
.dynamicForegroundWallpaper14{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_14_foreground-v410.svg')!important}
.dynamicForegroundWallpaper15{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_15_foreground-v410.svg')!important}
.dynamicForegroundWallpaper16{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_16_foreground-v410.svg')!important}
.dynamicForegroundWallpaper17{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_17_foreground-v410.svg')!important}
.dynamicForegroundWallpaper18{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_18_foreground-v410.svg')!important}
.dynamicForegroundWallpaper19{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_19_foreground-v410.svg')!important}
.dynamicForegroundWallpaper20{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_20_foreground-v410.svg')!important}
.dynamicForegroundWallpaper21{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_21_foreground-v410.svg')!important}
.dynamicForegroundWallpaper22{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_22_foreground-v410.svg')!important}
.dynamicForegroundWallpaper23{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_23_foreground-v410.svg')!important}
.dynamicForegroundWallpaper24{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_24_foreground-v410.svg')!important}
.dynamicForegroundWallpaper25{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_25_foreground-v410.svg')!important}
.dynamicForegroundWallpaper26{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_26_foreground-v410.svg')!important}
.dynamicForegroundWallpaper27{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_27_foreground-v410.svg')!important}
.dynamicForegroundWallpaper28{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_28_foreground-v410.svg')!important}
.dynamicForegroundWallpaper29{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_29_foreground-v410.svg')!important}
.dynamicForegroundWallpaper30{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_30_foreground-v410.svg')!important}
.dynamicForegroundWallpaper31{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_31_foreground-v410.svg')!important}
.dynamicForegroundWallpaper32{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_32_foreground-v410.svg')!important}

/* Collapsing a long podcast description restores the episode context without changing layout. */
.podcastUnifiedPage .episodeContent{scroll-margin-top:clamp(96px,12vh,140px)}

/* =========================================================
   EXZEED 4.0.14 — Mobile Portrait Brand Wallpaper Master
   Scope: wallpaper assets/portrait parity only. Hero and all landscape
   compositions remain unchanged. Verified master geometry is reused;
   mobile core assets alter x-position only, never y/rotation/unit scale.
   ========================================================= */

/* Portrait rule: a subpage uses its parent main-page wallpaper.
   Landscape/desktop keeps the approved positive/negative complement system. */
@media (orientation:portrait) and (max-width:1180px){
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_identity_background-v165.svg') !important;
  }
  .leadershipForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_leadership_background-v150.svg') !important;
  }
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_podcast_background-v150.svg') !important;
  }
  .contactForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_contact_background-v150.svg') !important;
  }

  .dynamicForegroundWallpaper01{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_01_background-v410.svg')!important}
  .dynamicForegroundWallpaper02{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_02_background-v410.svg')!important}
  .dynamicForegroundWallpaper03{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_03_background-v410.svg')!important}
  .dynamicForegroundWallpaper04{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_04_background-v410.svg')!important}
  .dynamicForegroundWallpaper05{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_05_background-v410.svg')!important}
  .dynamicForegroundWallpaper06{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_06_background-v410.svg')!important}
  .dynamicForegroundWallpaper07{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_07_background-v410.svg')!important}
  .dynamicForegroundWallpaper08{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_08_background-v410.svg')!important}
  .dynamicForegroundWallpaper09{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_09_background-v410.svg')!important}
  .dynamicForegroundWallpaper10{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_10_background-v410.svg')!important}
  .dynamicForegroundWallpaper11{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_11_background-v410.svg')!important}
  .dynamicForegroundWallpaper12{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_12_background-v410.svg')!important}
  .dynamicForegroundWallpaper13{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_13_background-v410.svg')!important}
  .dynamicForegroundWallpaper14{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_14_background-v410.svg')!important}
  .dynamicForegroundWallpaper15{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_15_background-v410.svg')!important}
  .dynamicForegroundWallpaper16{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_16_background-v410.svg')!important}
  .dynamicForegroundWallpaper17{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_17_background-v410.svg')!important}
  .dynamicForegroundWallpaper18{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_18_background-v410.svg')!important}
  .dynamicForegroundWallpaper19{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_19_background-v410.svg')!important}
  .dynamicForegroundWallpaper20{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_20_background-v410.svg')!important}
  .dynamicForegroundWallpaper21{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_21_background-v410.svg')!important}
  .dynamicForegroundWallpaper22{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_22_background-v410.svg')!important}
  .dynamicForegroundWallpaper23{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_23_background-v410.svg')!important}
  .dynamicForegroundWallpaper24{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_24_background-v410.svg')!important}
  .dynamicForegroundWallpaper25{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_25_background-v410.svg')!important}
  .dynamicForegroundWallpaper26{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_26_background-v410.svg')!important}
  .dynamicForegroundWallpaper27{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_27_background-v410.svg')!important}
  .dynamicForegroundWallpaper28{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_28_background-v410.svg')!important}
  .dynamicForegroundWallpaper29{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_29_background-v410.svg')!important}
  .dynamicForegroundWallpaper30{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_30_background-v410.svg')!important}
  .dynamicForegroundWallpaper31{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_31_background-v410.svg')!important}
  .dynamicForegroundWallpaper32{background-image:url('/assets/img/wallpaper-system/wallpaper_dynamic_32_background-v410.svg')!important}
}

/* Smartphone portrait gets the curated EXZEED mobile compositions.
   IMPORTANT: Hero is intentionally absent from this override: its original
   master asset, 122% scale and approved mobile focal position stay untouched. */
@media (max-width:700px) and (orientation:portrait){
  .sectionWallpaperIdentity,
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_identity-v414.svg') !important;
    background-size:auto 122% !important;
    background-position:50% center !important;
  }

  .sectionWallpaperLeadership,
  .leadershipForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_expertise-v414.svg') !important;
    background-size:auto 122% !important;
    background-position:50% center !important;
  }

  .sectionWallpaperPodcast,
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_podcast-v414.svg') !important;
    background-size:auto 122% !important;
    background-position:50% center !important;
  }

  .sectionWallpaperContact{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_connect-v414.svg') !important;
    background-size:auto 122% !important;
    background-position:50% center !important;
  }

  /* Dynamic main-page sections must use the same visual density as the
     established core mobile states. This closes the Test/Test Prozess bug. */
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{
    --section-wallpaper-strength:1 !important;
  }

  /* Dynamic subpages inherit the same smartphone crop as their parent
     main-page dynamic wallpaper after the positive-asset substitution above. */
  .dynamicForegroundWallpaper{
    background-size:auto 122% !important;
    background-position:22% center !important;
  }
}

/* =========================================================
   EXZEED 4.0.15 — Authoritative Smartphone Portrait Wallpaper Standard
   Scope is smartphone portrait only. Desktop/tablet landscape and all
   positive/negative landscape complement behavior remain unchanged.
   ========================================================= */
@media (max-width:700px) and (orientation:portrait){
  :root{
    /* Single CI measure for every gray EXZEED wallpaper motif on smartphone portrait.
       The approved visual reference is the 4.0.14 Expertise subpage state. */
    --exzeed-mobile-gray-wallpaper-strength:.14;
  }

  /* Hero keeps its approved mobile scale/focal position. The v415 Hero asset is
     geometrically identical to the approved master: only the dark group uses
     the shared gray measure; green M01 remains at its approved contrast. */
  .sectionWallpaperHero{
    --section-wallpaper-strength:1 !important;
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_hero-v415.svg') !important;
    background-size:auto 122% !important;
    background-position:22% center !important;
  }

  /* One fixed gray measure for all gray main-page wallpaper states. */
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact,
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{
    --section-wallpaper-strength:var(--exzeed-mobile-gray-wallpaper-strength) !important;
  }

  /* One fixed gray measure for all gray subpage wallpaper states. */
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper{
    opacity:var(--exzeed-mobile-gray-wallpaper-strength) !important;
  }

  /* Core portrait compositions: full-viewport-width portrait canvases derived
     by whitespace cropping from the master. No motif rotation, y movement or
     individual rescaling. Top geometry remains anchored to the top edge. */
  .sectionWallpaperIdentity,
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_identity-v415.svg') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  .sectionWallpaperLeadership,
  .leadershipForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_expertise-v415.svg') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  .sectionWallpaperPodcast,
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_podcast-v415.svg') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  .sectionWallpaperContact{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_connect-v415.svg') !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  /* Portrait subpage parity remains binding. Dynamic/custom subpages keep the
     same positive parent state; their existing asset allocation is untouched. */
}


/* =========================================================
   EXZEED 4.0.17 — Approved Smartphone Portrait Standard Wallpaper
   Source: approved mobile Hero v17 geometry.
   Scope: smartphone portrait ONLY. Desktop, tablet portrait and every landscape
   positive/negative composition remain untouched.
   ========================================================= */
@media (max-width:700px) and (orientation:portrait){
  :root{
    /* One single contrast measure for every approved mobile monogram, including green M01. */
    --exzeed-mobile-wallpaper-strength:.14;
  }

  /* All approved smartphone canvases share the exact v17 coordinate system. */
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact,
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{
    --section-wallpaper-strength:var(--exzeed-mobile-wallpaper-strength) !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper{
    opacity:var(--exzeed-mobile-wallpaper-strength) !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  /* Binding core dramaturgy. Only M01/M02/M04/M09/M11/M12 exist in these assets. */
  .sectionWallpaperHero{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_hero-v417.svg') !important;
  }
  .sectionWallpaperIdentity,
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_identity-v417.svg') !important;
  }
  .sectionWallpaperLeadership,
  .leadershipForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_expertise-v417.svg') !important;
  }
  .sectionWallpaperPodcast,
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_podcast-v417.svg') !important;
  }
  .sectionWallpaperContact,
  .contactForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_connect-v417.svg') !important;
  }

  /* Existing position-based custom allocation remains unchanged:
     custom 1..6 = variant 29,25,23,19,08,31. Mobile only swaps the artwork
     to combinations from the same six approved mobile monograms. */
  .sectionWallpaperVariant29,
  .dynamicForegroundWallpaper29{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_01-v417.svg') !important;
  }
  .sectionWallpaperVariant25,
  .dynamicForegroundWallpaper25{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_02-v417.svg') !important;
  }
  .sectionWallpaperVariant23,
  .dynamicForegroundWallpaper23{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_03-v417.svg') !important;
  }
  .sectionWallpaperVariant19,
  .dynamicForegroundWallpaper19{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_04-v417.svg') !important;
  }
  .sectionWallpaperVariant08,
  .dynamicForegroundWallpaper08{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_05-v417.svg') !important;
  }
  .sectionWallpaperVariant31,
  .dynamicForegroundWallpaper31{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_06-v417.svg') !important;
  }
}

/* =========================================================
   EXZEED 4.0.18 — Smartphone portrait wallpaper fit + contrast
   Scope: smartphone portrait ONLY. Desktop, tablet portrait and every landscape
   composition remain frozen and untouched.
   ========================================================= */
@media (max-width:700px) and (orientation:portrait){
  :root{
    /* Layer strength is .20. Every gray motif in the v418 SVGs carries the
       common .85 factor => .17 effective gray contrast. Hero M01 remains at
       full SVG opacity => .20 effective green accent contrast. */
    --exzeed-mobile-wallpaper-strength:.20;
  }

  /* Use the currently visible iOS/Android viewport rather than the large
     viewport. Existing 100vh/100lvh declarations remain the compatibility
     fallback if dvh is not supported. This keeps the fixed wallpaper stage
     aligned with the actual lower screen edge while browser chrome is open. */
  .sectionWallpaperStage,
  .subpageWallpaper{
    height:100dvh !important;
    min-height:100dvh !important;
  }

  .sectionWallpaperHero{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_hero-v418.svg') !important;
  }
  .sectionWallpaperIdentity,
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_identity-v418.svg') !important;
  }
  .sectionWallpaperLeadership,
  .leadershipForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_expertise-v418.svg') !important;
  }
  .sectionWallpaperPodcast,
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_podcast-v418.svg') !important;
  }
  .sectionWallpaperContact,
  .contactForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_connect-v418.svg') !important;
  }

  .sectionWallpaperVariant29,
  .dynamicForegroundWallpaper29{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_01-v418.svg') !important;
  }
  .sectionWallpaperVariant25,
  .dynamicForegroundWallpaper25{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_02-v418.svg') !important;
  }
  .sectionWallpaperVariant23,
  .dynamicForegroundWallpaper23{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_03-v418.svg') !important;
  }
  .sectionWallpaperVariant19,
  .dynamicForegroundWallpaper19{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_04-v418.svg') !important;
  }
  .sectionWallpaperVariant08,
  .dynamicForegroundWallpaper08{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_05-v418.svg') !important;
  }
  .sectionWallpaperVariant31,
  .dynamicForegroundWallpaper31{
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_custom_06-v418.svg') !important;
  }
}


/* =========================================================
   EXZEED 4.0.24 — Mobile Wallpaper Constraint Engine
   AUTHORITATIVE smartphone portrait wallpaper contract.

   Invariants:
   1) three immutable group coordinate systems: LEFT / TOP / RIGHT
   2) shared scale only; no group or motif gets an individual scale
   3) LEFT anchored top-left, TOP top-right, RIGHT bottom-right
   4) runtime scale guarantees group-box safe space on a separating axis
   5) only visibility/group asset selection varies by section
   6) wallpaper stage begins below the fixed mobile header and ends at 100dvh
   ========================================================= */
@media (max-width:700px) and (orientation:portrait){
  :root{
    --exzeed-mobile-wallpaper-strength:.20;
    --exzeed-left-w:195px;
    --exzeed-left-h:453px;
    --exzeed-top-w:177px;
    --exzeed-top-h:143px;
    --exzeed-right-w:154px;
    --exzeed-right-h:376px;
  }

  .sectionWallpaperStage,
  .subpageWallpaper{
    top:var(--mobile-header-height) !important;
    height:calc(100vh - var(--mobile-header-height)) !important;
    height:calc(100dvh - var(--mobile-header-height)) !important;
    min-height:calc(100vh - var(--mobile-header-height)) !important;
    min-height:calc(100dvh - var(--mobile-header-height)) !important;
  }

  /* Reset every historic smartphone crop. v4.0.24 is the sole geometry owner. */
  .sectionWallpaperLayer,
  .subpageWallpaper,
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper{
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-size:initial !important;
    background-position:initial !important;
  }

  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact,
  .sectionWallpaperVariant29,
  .sectionWallpaperVariant25,
  .sectionWallpaperVariant23,
  .sectionWallpaperVariant19,
  .sectionWallpaperVariant08,
  .sectionWallpaperVariant31{
    --section-wallpaper-strength:var(--exzeed-mobile-wallpaper-strength) !important;
  }

  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper29,
  .dynamicForegroundWallpaper25,
  .dynamicForegroundWallpaper23,
  .dynamicForegroundWallpaper19,
  .dynamicForegroundWallpaper08,
  .dynamicForegroundWallpaper31{
    opacity:var(--exzeed-mobile-wallpaper-strength) !important;
  }

  /* Hero: LEFT 4/1/2 · TOP 9 · RIGHT 11/12 */
  .sectionWallpaperHero{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-hero-124.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-1112.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right top,right bottom !important;
  }

  /* Identity: 2 · 11 · 12 */
  .sectionWallpaperIdentity,
  .identityForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-2.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-1112.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right bottom !important;
  }

  /* Expertise: 4 · 12 */
  .sectionWallpaperLeadership,
  .leadershipForegroundWallpaper,
  .sectionWallpaperVariant25,
  .dynamicForegroundWallpaper25{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-4.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-12.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right bottom !important;
  }

  /* Podcast: 9 · 11 */
  .sectionWallpaperPodcast,
  .podcastForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-11.svg') !important;
    background-size:var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:right top,right bottom !important;
  }

  /* Connect: 2 · 4 · 9 · 11 · 12 */
  .sectionWallpaperContact,
  .contactForegroundWallpaper{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-24.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-1112.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right top,right bottom !important;
  }

  /* Existing custom sequence, same six approved motifs only. */
  .sectionWallpaperVariant29,
  .dynamicForegroundWallpaper29{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-2.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-11.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right top,right bottom !important;
  }
  .sectionWallpaperVariant23,
  .dynamicForegroundWallpaper23{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-2.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-12.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right top,right bottom !important;
  }
  .sectionWallpaperVariant19,
  .dynamicForegroundWallpaper19{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-2.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h) !important;
    background-position:left top,right top !important;
  }
  .sectionWallpaperVariant08,
  .dynamicForegroundWallpaper08{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-4.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-1112.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:left top,right bottom !important;
  }
  .sectionWallpaperVariant31,
  .dynamicForegroundWallpaper31{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/left-4.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg') !important;
    background-size:var(--exzeed-left-w) var(--exzeed-left-h),var(--exzeed-top-w) var(--exzeed-top-h) !important;
    background-position:left top,right top !important;
  }
}

/* =========================================================
   EXZEED 4.0.25 — Mobile custom-section content-safe compositions
   Scope: smartphone portrait, custom states #1/#2 only.
   Constraint engine geometry remains untouched.

   Reason:
   The first two custom states are text-heavy. Their previous LEFT groups
   occupied the same visual zone as the copy. Mobile therefore uses only the
   already validated TOP / RIGHT anchors for these two states. No monogram is
   moved, rotated or independently scaled.
   ========================================================= */
@media (max-width:700px) and (orientation:portrait){
  /* Custom #1 / variant29: TEST — TOP 9 + RIGHT 11/12.
     Left and central copy zone stays intentionally open. */
  .sectionWallpaperVariant29,
  .dynamicForegroundWallpaper29{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-1112.svg') !important;
    background-size:var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:right top,right bottom !important;
  }

  /* Custom #2 / variant25: TEST PROZESS — TOP 9 + RIGHT 12.
     Removes M04 from the text/process column without changing its geometry
     anywhere else (Expertise still remains M04 + M12). */
  .sectionWallpaperVariant25,
  .dynamicForegroundWallpaper25{
    background-image:url('/assets/img/wallpaper-system/mobile-groups-v424/top-9.svg'),url('/assets/img/wallpaper-system/mobile-groups-v424/right-12.svg') !important;
    background-size:var(--exzeed-top-w) var(--exzeed-top-h),var(--exzeed-right-w) var(--exzeed-right-h) !important;
    background-position:right top,right bottom !important;
  }
}


/* =========================================================
   EXZEED 4.0.26 — Mobile Geometry + Contrast Parity Contract
   AUTHORITATIVE for all mobile layouts.

   Geometry invariant:
   For one given viewport, every visible monogram uses the same geometry
   on every homepage section and its corresponding subpage. Section state
   changes visibility only. Portrait uses the v4.0.24 group registry;
   landscape preserves the verified master geometry/crop for every state.

   Contrast invariant (fully active wallpaper state):
   gray  = .85 × .20 × .60 = .102 visible alpha-equivalent
   green = 1.00 × .20 × .60 = .120 visible alpha-equivalent
   Landscape gray-only assets therefore use .17 × .60 = .102.
   ========================================================= */

/* Shared mobile optical layer. Browser/orientation must not alter contrast. */
@media (max-width:700px) and (orientation:portrait),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  :root{
    --exzeed-mobile-active-strength:.20;
    --exzeed-mobile-gray-strength:.17;
    --exzeed-mobile-softener-alpha:.40;
  }
  .sectionWallpaperStage::after,
  .subpageWallpaper::after{
    background:rgba(255,255,255,var(--exzeed-mobile-softener-alpha)) !important;
  }
}

/* Portrait geometry registry: one map per viewport, shared by every state. */
@media (max-width:700px) and (orientation:portrait){
  .sectionWallpaperHero,
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact,
  .sectionWallpaperVariant29,
  .sectionWallpaperVariant25,
  .sectionWallpaperVariant23,
  .sectionWallpaperVariant19,
  .sectionWallpaperVariant08,
  .sectionWallpaperVariant31{
    --section-wallpaper-strength:var(--exzeed-mobile-active-strength) !important;
  }
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper29,
  .dynamicForegroundWallpaper25,
  .dynamicForegroundWallpaper23,
  .dynamicForegroundWallpaper19,
  .dynamicForegroundWallpaper08,
  .dynamicForegroundWallpaper31{
    opacity:var(--exzeed-mobile-active-strength) !important;
  }
}

/* Smartphone landscape: same verified master coordinates/crop for every state,
   while matching portrait contrast exactly. Geometry is NOT redesigned. */
@media (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .sectionWallpaperStage,
  .subpageWallpaper{
    width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
  }

  .sectionWallpaperLayer,
  .subpageWallpaper,
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  /* Hero has mixed gray + green, so gray attenuation lives inside the SVG. */
  .sectionWallpaperHero{
    --section-wallpaper-strength:var(--exzeed-mobile-active-strength) !important;
    background-image:url('/assets/img/wallpaper-system/wallpaper_mobile_landscape_hero-v426.svg') !important;
  }

  /* Every gray-only main-page mobile landscape state has the same active contrast. */
  .sectionWallpaperIdentity,
  .sectionWallpaperLeadership,
  .sectionWallpaperPodcast,
  .sectionWallpaperContact,
  .sectionWallpaperLayer[class*="sectionWallpaperVariant"]{
    --section-wallpaper-strength:var(--exzeed-mobile-gray-strength) !important;
  }

  /* Every gray-only subpage mobile landscape state has the exact same contrast. */
  .identityForegroundWallpaper,
  .leadershipForegroundWallpaper,
  .podcastForegroundWallpaper,
  .contactForegroundWallpaper,
  .dynamicForegroundWallpaper{
    opacity:var(--exzeed-mobile-gray-strength) !important;
  }
}


/* =========================================================
   EXZEED 4.0.28 — Wallpaper Runtime Contract
   One source of truth: wallpaper_runtime_manifest-v428.json.
   Section-specific CSS selectors are legacy compatibility only; runtime
   data attributes below own dynamic desktop assets and all portrait geometry.
   New CMS sections require no new CSS rule.
   ========================================================= */
.sectionWallpaperLayer[data-wallpaper-variant],
.subpageWallpaper[data-wallpaper-variant]{
  background-image:var(--exzeed-desktop-wallpaper) !important;
}

@media (max-width:700px) and (orientation:portrait){
  .sectionWallpaperLayer[data-mobile-wallpaper],
  .subpageWallpaper[data-mobile-wallpaper]{
    background-image:var(--exzeed-mobile-wallpaper-images,none) !important;
    background-size:var(--exzeed-mobile-wallpaper-sizes,initial) !important;
    background-position:var(--exzeed-mobile-wallpaper-positions,initial) !important;
    background-repeat:no-repeat !important;
  }
  .sectionWallpaperLayer[data-mobile-wallpaper]{
    --section-wallpaper-strength:var(--exzeed-mobile-active-strength,var(--exzeed-mobile-wallpaper-strength,.20)) !important;
  }
  .subpageWallpaper[data-mobile-wallpaper]{
    opacity:var(--exzeed-mobile-active-strength,var(--exzeed-mobile-wallpaper-strength,.20)) !important;
  }
}

/* =========================================================
   EXZEED 4.1.0 — MASTER HARDENING
   Single canonical layer for navigation hierarchy, typography roles,
   responsive modes, headline wrapping and vertical section rhythm.
   It replaces the accumulated 4.0.29–4.0.36 override tail.
   Wallpaper runtime/geometry, CMS data logic and routing are untouched.
   ========================================================= */
:root{
  /* Neutral spacing primitives. */
  --ex-space-1:8px;
  --ex-space-2:12px;
  --ex-space-3:18px;
  --ex-space-4:24px;
  --ex-space-5:34px;
  --ex-space-6:48px;
  --ex-space-7:68px;
  --ex-space-8:96px;

  /* Semantic internal stack spacing. */
  --ex-stack-eyebrow-title:var(--stack-eyebrow-title,20px);
  --ex-stack-title-copy:var(--stack-title-copy,32px);
  --ex-stack-copy-action:var(--stack-copy-action,40px);

  /* Exactly one regular-section vertical token. */
  --ex-section-padding:clamp(112px,10vw,144px);

  /* Navigation typography roles. */
  --ex-nav-primary-size:clamp(34px,3vw,54px);
  --ex-nav-primary-line:1.12;
  --ex-nav-primary-track:-.045em;
  --ex-nav-child-size:clamp(21px,1.86vw,34px);
  --ex-nav-child-line:1.15;
  --ex-nav-child-track:-.01em;
}

.layoutMasterPage{
  --lm-paragraph-gap:var(--ex-space-4);
  --lm-cta-gap:var(--ex-stack-copy-action);
  --lm-section-space:var(--ex-section-padding);
  --lm-eyebrow-title-gap:var(--ex-stack-eyebrow-title);
  --lm-title-body-gap:var(--ex-stack-title-copy);
  --lm-body-cta-gap:var(--ex-stack-copy-action);
}

/* ---------- Typography contract ---------- */
/* XL is stage-defining only: Page Hero / Homepage Hero. */
.layoutMasterPage main > .hero:first-child h1,
.layoutMasterPage main > .pageHero:first-child h1,
.layoutMasterPage main > .subpageImageHero:first-child h1,
.layoutMasterPage main > .lfHero:first-child h1{
  font-size:var(--lm-display-xl) !important;
  line-height:var(--lm-display-xl-line) !important;
  letter-spacing:var(--lm-display-xl-track) !important;
}

/* L is the canonical section-headline role. */
.layoutMasterPage .identityHeading h2,
.layoutMasterPage .statementContent h2,
.layoutMasterPage .statement h2,
.layoutMasterPage .podcastSection h2,
.layoutMasterPage .podcastSelectedEpisode .episodeContent h2,
.layoutMasterPage .podcastMoreHeading h2,
.layoutMasterPage .connect h2,
.layoutMasterPage .dsEditorial h2,
.layoutMasterPage .dsSplit h2,
.layoutMasterPage .dsProcess h2,
.layoutMasterPage .dsStatement h2,
.layoutMasterPage .dsContact h2,
.layoutMasterPage .leadershipHeroImageContent h2,
.layoutMasterPage .subpageImageHeroContent h2,
.layoutMasterPage .subpageClosingHeroInner h2,
.layoutMasterPage .dsHero h2{
  font-size:var(--lm-display-l) !important;
  line-height:var(--lm-display-l-line) !important;
  letter-spacing:var(--lm-display-l-track) !important;
}

.layoutMasterPage .eyebrow{font-size:var(--lm-caption) !important}
.layoutMasterPage .lead,
.layoutMasterPage .identityContent p,
.layoutMasterPage .leadershipTeaserCopy p,
.layoutMasterPage .identityPageCopy p,
.layoutMasterPage .lfIntroCopy p,
.layoutMasterPage .leadershipOfferCopy p,
.layoutMasterPage .leadershipMethodSteps p,
.layoutMasterPage .lfContactActions p,
.layoutMasterPage .subpageClosingHeroInner > p{
  font-size:var(--lm-body) !important;
}

/* One headline wrapping contract. Desktop/landscape never breaks arbitrarily. */
.layoutMasterPage h1,
.layoutMasterPage h2{
  text-wrap:balance !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  -webkit-hyphens:none !important;
  hyphens:none !important;
}
.layoutMasterPage p,
.layoutMasterPage li{
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none !important;
  hyphens:none !important;
}

/* ---------- Two-model section rhythm ---------- */
/* Every normal direct content block uses exactly the same equal top/bottom spacing. */
.layoutMasterPage main > section:not(.hero):not(.pageHero):not(.subpageImageHero):not(.lfHero):not(.connect):not(.contactDestination),
.layoutMasterPage main > article{
  padding-top:var(--ex-section-padding) !important;
  padding-bottom:var(--ex-section-padding) !important;
  min-height:auto !important;
  height:auto !important;
  box-sizing:border-box;
}

/* Only Page Hero and Connect/Footer-contact stages are full viewport height. */
.layoutMasterPage main > .hero:first-child,
.layoutMasterPage main > .pageHero:first-child,
.layoutMasterPage main > .subpageImageHero:first-child,
.layoutMasterPage main > .lfHero:first-child,
.layoutMasterPage main > .connect,
.layoutMasterPage main > .contactDestination{
  min-height:100vh !important;
  height:100vh !important;
  box-sizing:border-box;
}
.layoutMasterPage main > .connect,
.layoutMasterPage main > .contactDestination{
  padding-top:0 !important;
  padding-bottom:0 !important;
  display:flex;
  align-items:center;
}
@supports (height:100dvh){
  .layoutMasterPage main > .hero:first-child,
  .layoutMasterPage main > .pageHero:first-child,
  .layoutMasterPage main > .subpageImageHero:first-child,
  .layoutMasterPage main > .lfHero:first-child,
  .layoutMasterPage main > .connect,
  .layoutMasterPage main > .contactDestination{
    min-height:100dvh !important;
    height:100dvh !important;
  }
}


/* =========================================================
   EXZEED 4.1.27 — CLOSING CTA MASTER
   The closing composition must not shrink to its copy width. Every
   closing_cta uses the same 620px measure, centred inside the asymmetric
   subpage content frame reserved between wordmark and monogram.
   ========================================================= */
@media (min-width:901px) and (orientation:landscape), (min-width:1181px){
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage{
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:center !important;
    padding-left:var(--lm-desktop-content-start) !important;
    padding-right:var(--lm-desktop-content-end) !important;
  }
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage > .subpageClosingHeroInner{
    inline-size:min(620px,100%) !important;
    width:min(620px,100%) !important;
    max-width:620px !important;
    margin-inline:0 !important;
  }
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage{
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:center !important;
    padding-left:var(--lm-sub-gutter) !important;
    padding-right:var(--lm-sub-gutter) !important;
  }
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage > .subpageClosingHeroInner{
    inline-size:min(620px,100%) !important;
    width:min(620px,100%) !important;
    max-width:620px !important;
    margin-inline:0 !important;
  }
}

@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage{
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:stretch !important;
    padding-left:var(--lm-home-gutter) !important;
    padding-right:var(--lm-home-gutter) !important;
  }
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage > .subpageClosingHeroInner{
    inline-size:100% !important;
    width:100% !important;
    max-width:none !important;
    margin-inline:0 !important;
  }
}

/* =========================================================
   EXZEED 4.1.28 — FINAL CTA / CONNECT AXIS PARITY
   Closing CTA and the real homepage Connect section use one
   identical global text axis. The 620px closing measure remains
   stable, but is no longer centred inside the remaining frame.
   This block intentionally follows 4.1.27's width hardening.
   ========================================================= */
@media (min-width:901px) and (orientation:landscape), (min-width:1181px){
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage{
    justify-items:start !important;
    padding-left:calc(var(--lm-desktop-content-start) + var(--exzeed-home-axis-inset)) !important;
    padding-right:var(--lm-desktop-content-end) !important;
  }
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.layoutMasterPage:not(.homeFinalPage) #main > .subpageClosingHero.exzeedSubpageClosingStage{
    justify-items:start !important;
    padding-left:calc(var(--lm-sub-gutter) + var(--exzeed-home-axis-inset)) !important;
    padding-right:var(--lm-sub-gutter) !important;
  }
}

/* ---------- Menu hierarchy ---------- */
.menuGroup{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.menuParentToggle{
  appearance:none;border:0;background:transparent;padding:0;margin:0;color:#111;
  cursor:pointer;text-align:left;font:inherit;display:flex;align-items:center;gap:.4em;
}
.menuInner .menuLinks > a,
.menuParentToggle{
  font-size:var(--ex-nav-primary-size) !important;
  line-height:var(--ex-nav-primary-line) !important;
  letter-spacing:var(--ex-nav-primary-track) !important;
  font-weight:610 !important;
}
.menuParentMark{font-size:.46em;font-weight:400;transition:transform .2s ease;transform-origin:center}
.menuParentToggle[aria-expanded="true"] .menuParentMark{transform:rotate(45deg)}
.menuChildren{display:flex;flex-direction:column;gap:10px;padding:10px 0 4px 2px}
.menuChildren[hidden]{display:none !important}
.menuInner .menuLinks .menuChild{
  font-size:var(--ex-nav-child-size) !important;
  line-height:var(--ex-nav-child-line) !important;
  letter-spacing:var(--ex-nav-child-track) !important;
  font-weight:500 !important;text-transform:none !important;opacity:.78;
}
.menuInner .menuLinks .menuChild:hover,
.menuInner .menuLinks .menuChild:focus-visible,
.menuInner .menuLinks .menuChild.isActive{opacity:1;color:var(--accent)}

/* Groups are controls, never active routes. */
.menuParentToggle,
.menuParentToggle.isActive,
.menuParentToggle[aria-expanded="true"]{color:#111 !important}
.menuParentToggle:focus-visible{color:#111 !important;outline:2px solid var(--accent);outline-offset:5px}
@media (hover:hover) and (pointer:fine){.menuParentToggle:hover{color:var(--accent) !important}}
@media (hover:none), (pointer:coarse){
  .menuParentToggle:hover,.menuParentToggle:active,.menuParentToggle:focus{color:#111 !important}
}

/* =========================================================
   EXZEED 4.1.26 — final master authorities
   ========================================================= */

/* A saved section tone is the only contrast source. Experimental pixel/body
   classes are intentionally neutralized so wordmark and monogram cannot drift. */
body .adaptiveBrandElement.desktopBrandHome .desktopWordmarkMark,
body .adaptiveBrandElement.brandMenuTrigger .brandMenuMonogram{
  background-color:currentColor !important;
}
.adaptiveBrandElement{color:#111 !important;}
.adaptiveBrandElement.isOnDark{color:#fff !important;}
body.menuOpen .desktopBrandHome{color:#111 !important;}
body.menuOpen .brandMenuTrigger{color:var(--accent) !important;}

/* Hero copy follows the same explicit light/dark tone as the headline. */
.layoutMasterPage .subpageImageHero.heroTextTone-light .subpageImageHeroContent .lead{
  color:rgba(255,255,255,.86) !important;
}
.layoutMasterPage .subpageImageHero.heroTextTone-dark .subpageImageHeroContent .lead{
  color:rgba(17,17,17,.78) !important;
}


/* Remove duplicate lower wordmark whenever the fixed top wordmark is present. */
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  .menuBottomHome{display:none !important}
}

/* ---------- Four approved responsive modes ---------- */
/* Tablet landscape */
@media (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  :root{
    --ex-section-padding:104px;
    --ex-nav-primary-size:clamp(34px,3.8vw,50px);
    --ex-nav-child-size:clamp(21px,2.36vw,31px);
  }
}

/* Tablet portrait */
@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  :root{
    --ex-section-padding:104px;
    --ex-nav-primary-size:clamp(44px,6vw,62px);
    --ex-nav-primary-line:1.02;
    --ex-nav-child-size:clamp(27px,3.72vw,38.5px);
    --ex-nav-child-line:1.15;
  }
  .layoutMasterPage h1,.layoutMasterPage h2{
    -webkit-hyphens:auto !important;
    hyphens:auto !important;
  }
}

/* Mobile + short landscape */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  :root{
    --ex-section-padding:88px;
    --ex-nav-primary-size:clamp(38px,11vw,52px);
    --ex-nav-primary-line:1.02;
    --ex-nav-child-size:clamp(23.5px,6.82vw,32.25px);
    --ex-nav-child-line:1.15;
  }
  .layoutMasterPage h1,.layoutMasterPage h2{
    -webkit-hyphens:auto !important;
    hyphens:auto !important;
  }
}


/* =========================================================
   EXZEED 4.1.1 — PAGE-TYPE SECTION GEOMETRY MASTER
   Homepage = immersive chapters; Subpages = editorial rhythm.
   ========================================================= */

/* Shared safe-space token. It protects content from viewport edges;
   it does not define the homepage chapter height. */
:root{
  --ex-subpage-section-padding:clamp(112px,10vw,144px);
  --ex-home-section-safe-padding:clamp(72px,7vw,112px);
}

/* HOMEPAGE
   One top-level section = one narrative chapter = one wallpaper state.
   Every chapter occupies AT LEAST one dynamic viewport. It may grow when
   content requires more space. Never clip content to preserve 100dvh. */
.homeFinalPage.layoutMasterPage main > section,
.homeFinalPage.layoutMasterPage main > article{
  min-height:100vh !important;
  height:auto !important;
  box-sizing:border-box;
  padding-top:var(--ex-home-section-safe-padding) !important;
  padding-bottom:var(--ex-home-section-safe-padding) !important;
}
@supports (height:100dvh){
  .homeFinalPage.layoutMasterPage main > section,
  .homeFinalPage.layoutMasterPage main > article{
    min-height:100dvh !important;
  }
}

/* Homepage hero and Connect remain full-stage chapters, but never use a
   fixed height: zoom, translated copy and small-height devices may grow. */
.homeFinalPage.layoutMasterPage main > .hero:first-child,
.homeFinalPage.layoutMasterPage main > .pageHero:first-child,
.homeFinalPage.layoutMasterPage main > .subpageImageHero:first-child,
.homeFinalPage.layoutMasterPage main > .lfHero:first-child,
.homeFinalPage.layoutMasterPage main > .connect,
.homeFinalPage.layoutMasterPage main > .contactDestination{
  height:auto !important;
  min-height:100vh !important;
}
@supports (height:100dvh){
  .homeFinalPage.layoutMasterPage main > .hero:first-child,
  .homeFinalPage.layoutMasterPage main > .pageHero:first-child,
  .homeFinalPage.layoutMasterPage main > .subpageImageHero:first-child,
  .homeFinalPage.layoutMasterPage main > .lfHero:first-child,
  .homeFinalPage.layoutMasterPage main > .connect,
  .homeFinalPage.layoutMasterPage main > .contactDestination{
    min-height:100dvh !important;
  }
}

/* SUBPAGES
   Only Page Hero and Connect/Contact finale receive a viewport stage.
   Normal content sections use one identical top/bottom editorial spacing. */
.layoutMasterPage:not(.homeFinalPage) main > section:not(.hero):not(.pageHero):not(.subpageImageHero):not(.lfHero):not(.connect):not(.contactDestination),
.layoutMasterPage:not(.homeFinalPage) main > article{
  min-height:auto !important;
  height:auto !important;
  padding-top:var(--ex-subpage-section-padding) !important;
  padding-bottom:var(--ex-subpage-section-padding) !important;
  box-sizing:border-box;
}
.layoutMasterPage:not(.homeFinalPage) main > .hero:first-child,
.layoutMasterPage:not(.homeFinalPage) main > .pageHero:first-child,
.layoutMasterPage:not(.homeFinalPage) main > .subpageImageHero:first-child,
.layoutMasterPage:not(.homeFinalPage) main > .lfHero:first-child,
.layoutMasterPage:not(.homeFinalPage) main > .connect,
.layoutMasterPage:not(.homeFinalPage) main > .contactDestination{
  min-height:100vh !important;
  height:auto !important;
  box-sizing:border-box;
}
@supports (height:100dvh){
  .layoutMasterPage:not(.homeFinalPage) main > .hero:first-child,
  .layoutMasterPage:not(.homeFinalPage) main > .pageHero:first-child,
  .layoutMasterPage:not(.homeFinalPage) main > .subpageImageHero:first-child,
  .layoutMasterPage:not(.homeFinalPage) main > .lfHero:first-child,
  .layoutMasterPage:not(.homeFinalPage) main > .connect,
  .layoutMasterPage:not(.homeFinalPage) main > .contactDestination{
    min-height:100dvh !important;
  }
}

/* Natural scrolling is mandatory. Do not introduce full-page mandatory snap. */
.homeFinalPage,
.layoutMasterPage{
  scroll-snap-type:none !important;
}

/* Approved responsive safe spacing. Homepage remains 100dvh minimum in every mode. */
@media (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  :root{
    --ex-subpage-section-padding:104px;
    --ex-home-section-safe-padding:72px;
  }
}
@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  :root{
    --ex-subpage-section-padding:104px;
    --ex-home-section-safe-padding:72px;
  }
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  :root{
    --ex-subpage-section-padding:88px;
    --ex-home-section-safe-padding:56px;
  }
}

/* =========================================================
   EXZEED 4.1.2 — HOMEPAGE VIEWPORT FLEX FIX
   Safari/iPad hardening for the vertical CMS flex container.
   One homepage chapter must never flex-shrink below one viewport.
   ========================================================= */
.homeFinalPage.layoutMasterPage main.cmsOrderedSections > .cmsSectionOrder{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box;
}
@supports (height:100dvh){
  .homeFinalPage.layoutMasterPage main.cmsOrderedSections > .cmsSectionOrder{
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}
/* Content can exceed one viewport; never clip it to preserve the stage. */
.homeFinalPage.layoutMasterPage main.cmsOrderedSections > .cmsSectionOrder{
  overflow:visible;
}

/* =========================================================
   EXZEED 4.1.3 — HOMEPAGE VIEWPORT BASIS FIX
   Canonical homepage chapter geometry.
   Safari/iPad: viewport size is the flex BASIS, not only min-height.
   This prevents content-height flex sizing from collapsing chapters.
   ========================================================= */
.homeFinalPage.layoutMasterPage main.cmsOrderedSections > .cmsSectionOrder{
  flex-grow:0 !important;
  flex-shrink:0 !important;
  flex-basis:100vh !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box;
  overflow:visible;
}
@supports (height:100dvh){
  .homeFinalPage.layoutMasterPage main.cmsOrderedSections > .cmsSectionOrder{
    flex-basis:100dvh !important;
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* =========================================================
   EXZEED 4.1.5 — SUBPAGE CLOSING STAGE HARDENING
   Canonical geometry mirrors the proven homepage stage model:
   viewport is the flex BASIS, shrinking is forbidden, content may grow.
   The stage remains in normal document flow; the footer follows after it.
   ========================================================= */
.layoutMasterPage:not(.homeFinalPage) main.cmsOrderedSections > .exzeedSubpageClosingStage{
  flex-grow:0 !important;
  flex-shrink:0 !important;
  flex-basis:100vh !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  inline-size:100%;
  box-sizing:border-box;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:stretch !important;
  padding-top:var(--ex-subpage-section-padding) !important;
  padding-bottom:var(--ex-subpage-section-padding) !important;
}
@supports (height:100dvh){
  .layoutMasterPage:not(.homeFinalPage) main.cmsOrderedSections > .exzeedSubpageClosingStage{
    flex-basis:100dvh !important;
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* EXZEED 4.1.8 — Hero image art-direction controls. */
.layoutMasterPage .subpageImageHero.heroTextTone-light .subpageImageHeroContent{color:#fff;}
.layoutMasterPage .subpageImageHero.heroTextTone-dark .subpageImageHeroContent{color:#111;}
.layoutMasterPage .subpageImageHero.heroTextTone-light .subpageImageHeroContent .sectionLink{color:#fff;}
.layoutMasterPage .subpageImageHero.heroTextTone-dark .subpageImageHeroContent .sectionLink{color:#111;}

/* =========================================================
   EXZEED 4.1.14 — 404 brand experience
   Variant 2: typography-led, master-grid aligned and built only from the
   existing responsive wallpaper system. No new motif geometry is introduced.
   ========================================================= */
.error404Page .error404Stage{
  min-height:100svh !important;
  min-height:100dvh !important;
  padding:clamp(132px,12vh,184px) 0 clamp(92px,9vh,132px) !important;
  display:flex !important;
  align-items:center !important;
}
.error404Page .error404Grid{
  display:grid !important;
  grid-template-columns:var(--lm-left-column) var(--lm-right-column) !important;
  column-gap:var(--lm-column-gap) !important;
  align-items:center !important;
  width:100% !important;
}
.error404Page .error404Copy{
  grid-column:1;
  min-width:0;
  max-width:var(--lm-right-copy-max);
  position:relative;
  z-index:1;
}
.error404Page .error404Copy h1{
  margin:0 !important;
  max-inline-size:10ch !important;
  font-size:var(--lm-display-xl) !important;
  line-height:var(--lm-display-xl-line) !important;
  letter-spacing:var(--lm-display-xl-track) !important;
  text-wrap:balance !important;
}
.error404Page .error404Copy .lead{
  margin:var(--ds-gap-copy) 0 0 !important;
  max-width:var(--lm-right-copy-max) !important;
  color:var(--ink) !important;
}
.error404Page .error404Copy .sectionLink{
  margin-top:var(--lm-cta-gap) !important;
}
.error404Page .error404Code{
  grid-column:2;
  justify-self:end;
  align-self:center;
  color:rgba(11,11,11,.055);
  font-size:clamp(180px,24vw,420px);
  font-weight:720;
  line-height:.72;
  letter-spacing:-.085em;
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
@media (orientation:portrait) and (max-width:1180px){
  .error404Page .error404Stage{
    padding-top:clamp(150px,18vh,220px) !important;
  }
  .error404Page .error404Grid{
    grid-template-columns:1fr !important;
  }
  .error404Page .error404Copy{
    grid-column:1;
    grid-row:1;
    max-width:620px;
  }
  .error404Page .error404Code{
    grid-column:1;
    grid-row:1;
    justify-self:end;
    align-self:end;
    font-size:clamp(190px,43vw,390px);
    color:rgba(11,11,11,.045);
  }
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .error404Page .error404Stage{
    min-height:100dvh !important;
    padding:clamp(124px,20vh,156px) 0 clamp(64px,10vh,88px) !important;
  }
  .error404Page .error404Grid{
    grid-template-columns:1fr !important;
  }
  .error404Page .error404Copy{
    grid-column:1;
    grid-row:1;
    max-width:100%;
  }
  .error404Page .error404Copy h1{
    max-inline-size:10ch !important;
  }
  .error404Page .error404Code{
    grid-column:1;
    grid-row:1;
    justify-self:end;
    align-self:end;
    font-size:clamp(140px,45vw,250px);
    color:rgba(11,11,11,.04);
  }
}

.layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{
  margin-left:auto;
  margin-right:0;
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
@media (min-width:701px){
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{
    width:min(52%,720px);
    margin-left:auto;
  }
}

/* Contrast veil follows both text tone and text side. */
.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-left .subpageImageHeroMedia::after{
  background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.03) 100%);
}
.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-right .subpageImageHeroMedia::after{
  background:linear-gradient(270deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.03) 100%);
}
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-left .subpageImageHeroMedia::after{
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.02) 100%);
}
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-right .subpageImageHeroMedia::after{
  background:linear-gradient(270deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.02) 100%);
}

/* Optional opacity fade on the complete photo layer (including its contrast veil),
   revealing the native EXZEED wallpaper underneath. */
.layoutMasterPage .subpageImageHero.heroFade-to_left .subpageImageHeroMedia{
  -webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--hero-fade-strength,70%)),rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--hero-fade-strength,70%)),rgba(0,0,0,0) 100%);
}
.layoutMasterPage .subpageImageHero.heroFade-to_right .subpageImageHeroMedia{
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--hero-fade-strength,70%)),rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--hero-fade-strength,70%)),rgba(0,0,0,0) 100%);
}
.layoutMasterPage .subpageImageHero.heroFade-none .subpageImageHeroMedia{
  -webkit-mask-image:none;
  mask-image:none;
}
@media (max-width:700px){
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{margin-left:0;margin-right:0;}
  /* On narrow screens text remains in the safe left reading column. */
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{width:auto;margin-left:0;}
}


/* =========================================================
   EXZEED 4.1.15 — Menu child ordering + typography freeze
   Ensures legacy public subpages and all approved CMS blocks
   inherit the same CI text sizes without exceptions.
   ========================================================= */
.layoutMasterPage{
  --lm-heading-m:clamp(30px,3vw,48px);
  --lm-heading-s:clamp(22px,2vw,32px);
  --lm-heading-m-line:1;
  --lm-heading-s-line:1.08;
  --lm-heading-m-track:-.04em;
  --lm-heading-s-track:-.03em;
}

.layoutMasterPage .lead,
.layoutMasterPage .sectionIntro,
.layoutMasterPage .statementGrid p,
.layoutMasterPage .richText p,
.layoutMasterPage .identityContent p,
.layoutMasterPage .leadershipTeaserCopy p,
.layoutMasterPage .identityPageCopy p,
.layoutMasterPage .lfIntroCopy p,
.layoutMasterPage .leadershipOfferCopy p,
.layoutMasterPage .leadershipMethodSteps p,
.layoutMasterPage .lfContactActions p,
.layoutMasterPage .contentCard p,
.layoutMasterPage .podcastCardBody p,
.layoutMasterPage .podcastPreviewFooter p,
.layoutMasterPage .subpageClosingHeroInner > p,
.layoutMasterPage .error404Copy .lead{
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
}

.layoutMasterPage .contentCard h3,
.layoutMasterPage .podcastCardBody h3,
.layoutMasterPage .podcastPreviewItem h3,
.layoutMasterPage .lfOfferRows h3{
  font-size:var(--lm-heading-m) !important;
  line-height:var(--lm-heading-m-line) !important;
  letter-spacing:var(--lm-heading-m-track) !important;
}

.layoutMasterPage .leadershipMethodSteps strong,
.layoutMasterPage .lfCredentials strong{
  font-size:var(--lm-heading-s) !important;
  line-height:var(--lm-heading-s-line) !important;
  letter-spacing:var(--lm-heading-s-track) !important;
}

.layoutMasterPage.legacyPublicPage .pageHero .contentWrap,
.layoutMasterPage.legacyPublicPage .pageBody .contentWrap{
  max-width:none;
}

.layoutMasterPage.legacyPublicPage .pageBody .richText{
  max-width:620px;
}

.layoutMasterPage.legacyPublicPage .inlineCta.sectionLink{
  display:inline-flex;
}

.menuChildRow td:first-child input{
  padding-left:18px;
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .layoutMasterPage{
    --lm-heading-m:clamp(28px,4.8vw,42px);
    --lm-heading-s:clamp(21px,3.2vw,28px);
  }
}

@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage{
    --lm-heading-m:clamp(28px,8.2vw,40px);
    --lm-heading-s:clamp(20px,6vw,26px);
  }

  .menuChildRow td:first-child input{
    padding-left:12px;
  }
}


/* 4.1.15 final 404 composition: one decorative code, XL headline, calmer wallpaper. */
.error404Page > .subpageWallpaper{
  opacity:.10 !important;
}
.error404Page .error404Copy h1{
  font-size:var(--lm-display-xl) !important;
  line-height:var(--lm-display-xl-line) !important;
  letter-spacing:var(--lm-display-xl-track) !important;
  margin:0 !important;
}
.error404Page .error404Code{
  color:rgba(11,11,11,.04) !important;
}
@media (orientation:portrait) and (max-width:1180px){
  .error404Page > .subpageWallpaper{opacity:.085 !important;}
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .error404Page > .subpageWallpaper{opacity:.075 !important;}
}


/* =========================================================
   EXZEED 4.1.16 — 404 simplification
   The HTTP status remains 404; no visible error number is required.
   The existing EXZEED wallpaper is the sole decorative visual.
   ========================================================= */
.error404Page .error404Grid{
  display:block !important;
}
.error404Page .error404Copy{
  width:min(100%,720px) !important;
  max-width:720px !important;
}
.error404Page .error404Code{
  display:none !important;
}
.error404Page > .subpageWallpaper{
  opacity:.115 !important;
}
@media (orientation:portrait) and (max-width:1180px){
  .error404Page .error404Copy{max-width:640px !important;}
  .error404Page > .subpageWallpaper{opacity:.10 !important;}
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .error404Page .error404Copy{max-width:100% !important;}
  .error404Page > .subpageWallpaper{opacity:.09 !important;}
}


/* =========================================================
   EXZEED 4.1.17 — Interaction parity + true 404 viewport stage
   - Structural menu groups use the same pointer feedback language on
     desktop AND hybrid pointer devices (e.g. iPad + trackpad/mouse).
   - The 404 stage is a genuine full viewport before the footer begins.
   ========================================================= */

/* Master interaction parity for top-level group controls.
   `any-hover` / `any-pointer` is intentional: iPadOS can keep touch as the
   primary pointer while a trackpad or mouse is available. */
.menuParentToggle{
  transition:
    color var(--motion-base,240ms) var(--ease-standard,ease),
    opacity var(--motion-base,240ms) var(--ease-standard,ease),
    transform var(--motion-base,240ms) var(--ease-standard,ease) !important;
}
@media (any-hover:hover) and (any-pointer:fine){
  .menuParentToggle:hover{
    color:var(--accent) !important;
    opacity:.78 !important;
    transform:translateX(2px) !important;
  }
}
/* Expanded groups remain structural/black whenever the pointer is not
   currently hovering them; current-destination green remains child-only. */
.menuParentToggle[aria-expanded="true"]:not(:hover){
  color:#111 !important;
  opacity:1 !important;
  transform:none !important;
}

/* 404 is a Page-Hero equivalent: one complete viewport, then footer.
   This selector deliberately outranks the generic subpage section rule. */
.error404Page.layoutMasterPage .error404Main > .error404Stage{
  min-height:100vh !important;
  height:auto !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
}
@supports (height:100dvh){
  .error404Page.layoutMasterPage .error404Main > .error404Stage{
    min-height:100dvh !important;
  }
}


/* =========================================================
   EXZEED 4.1.18 — GLOBAL FIRST-STAGE MASTER
   Binding rule across Home, core pages, dynamic subpages and 404:
   first block = Page Hero = at least one complete viewport.
   Podcast is the sole structural exception and may start with the approved
   carousel/rondell; when Podcast starts with a Hero, that Hero is fullscreen.
   ========================================================= */

/* Structural safety net: every non-Podcast page keeps its first block below
   the footer for at least one full viewport, even if legacy markup/classes
   are encountered. The CMS separately enforces that this block is a Hero. */
.layoutMasterPage:not(.podcastPage) #main > :first-child{
  flex-shrink:0 !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box !important;
}
@supports (height:100dvh){
  .layoutMasterPage:not(.podcastPage) #main > :first-child{
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* Podcast exception: a Hero remains a full viewport; a first carousel/rondell
   is intentionally allowed to keep its editorial carousel geometry. */
.podcastPage.layoutMasterPage main > .hero:first-child,
.podcastPage.layoutMasterPage main > .pageHero:first-child,
.podcastPage.layoutMasterPage main > .subpageImageHero:first-child,
.podcastPage.layoutMasterPage main > .lfHero:first-child{
  flex-shrink:0 !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box !important;
}
@supports (height:100dvh){
  .podcastPage.layoutMasterPage main > .hero:first-child,
  .podcastPage.layoutMasterPage main > .pageHero:first-child,
  .podcastPage.layoutMasterPage main > .subpageImageHero:first-child,
  .podcastPage.layoutMasterPage main > .lfHero:first-child{
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* 404 is not a special vertical model anymore: it is a canonical Page Hero.
   Keep the main in normal flow and guarantee the footer starts only after the
   complete first viewport. */
.error404Page.layoutMasterPage .error404Main{
  display:block !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  padding-top:0 !important;
  box-sizing:border-box !important;
}
.error404Page.layoutMasterPage .error404Main > .error404Stage.pageHero{
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
}
@supports (height:100dvh){
  .error404Page.layoutMasterPage .error404Main,
  .error404Page.layoutMasterPage .error404Main > .error404Stage.pageHero{
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* On fixed-header portrait/mobile layouts the header overlays the stage.
   The first-stage viewport itself remains 100dvh; do not shorten it by the
   header height, otherwise the footer becomes visible in the opening screen. */
@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  .error404Page.layoutMasterPage > .error404Main{
    padding-top:var(--mobile-header-height) !important;
  }
  .error404Page.layoutMasterPage .error404Main > .error404Stage.pageHero{
    margin-top:calc(-1 * var(--mobile-header-height)) !important;
    padding-top:calc(var(--mobile-header-height) + clamp(88px,10vh,132px)) !important;
  }
}

/* =========================================================
   EXZEED 4.1.19 — UNIVERSAL VIEWPORT SECTION MASTER
   Binding geometry: every public top-level section is one narrative stage
   and occupies at least one complete viewport. Content may grow beyond it.
   Podcast keeps only its structural exception: its first block may be the
   approved rondell instead of a Hero; the rondell is still a viewport stage.
   ========================================================= */

/* The public `#main` id is the authoritative boundary. The ID intentionally
   outranks historical component/page-specific min-height rules. */
body #main > section,
body #main > article{
  flex-basis:100vh !important;
  flex-shrink:0 !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
  box-sizing:border-box !important;
}
@supports (height:100dvh){
  body #main > section,
  body #main > article{
    flex-basis:100dvh !important;
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* Hero blocks own their internal stage geometry. They must never inherit the
   regular content-section padding token through the historic `.dsSection`
   rule. This fixes Image Hero and CMS Hero parity on all subpages. */
body.layoutMasterPage #main > .hero.dsSection,
body.layoutMasterPage #main > .pageHero.dsSection,
body.layoutMasterPage #main > .subpageImageHero.dsSection,
body.layoutMasterPage #main > .lfHero.dsSection{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* The 404 is a normal first viewport stage; no independent height model. */
.error404Page.layoutMasterPage #main > .error404Stage.pageHero{
  flex-basis:100vh !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  height:auto !important;
}
@supports (height:100dvh){
  .error404Page.layoutMasterPage #main > .error404Stage.pageHero{
    flex-basis:100dvh !important;
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}


/* =========================================================
   EXZEED 4.1.21 — Stable Section Anchor Master
   Section IDs are CMS data, not visual styling. The scroll margin keeps a
   directly addressed section clear of the persistent navigation chrome.
   ========================================================= */
.layoutMasterPage main > section[id],
.layoutMasterPage main > article[id]{
  scroll-margin-top:96px;
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage main > section[id],
  .layoutMasterPage main > article[id]{
    scroll-margin-top:82px;
  }
}


/* =========================================================
   EXZEED 4.1.22 — Viewport Stage Centering + Exact Anchors
   The 4.1.19 viewport master defined stage height. This layer completes the
   contract: every normal CMS stage centers its composition vertically, and a
   hash target aligns to the true viewport start rather than being shifted by
   legacy header scroll margins. Hero/image-art-direction stages keep their own
   internal composition rules.
   ========================================================= */

/* A section anchor identifies the stage itself. Because every public stage is
   at least one viewport high and the persistent navigation is an overlay, an
   additional scroll margin would move the stage centre below the viewport
   centre. Exact stage alignment therefore uses zero offset on every device. */
.layoutMasterPage #main > section[id],
.layoutMasterPage #main > article[id]{
  scroll-margin-top:0 !important;
}

/* CMS content stages share one vertical composition rule. Historical block
   types had different display models (Identity/Statement were centred while
   Split/Process/Credentials were content-start aligned). Grid centres one or
   multiple direct content wrappers without changing their internal grids.
   Hero and art-directed image stages remain explicitly excluded. */
body.layoutMasterPage #main > .cmsSectionOrder:not(.hero):not(.pageHero):not(.subpageImageHero):not(.lfHero):not(.dsHeroImage){
  display:grid !important;
  align-content:center !important;
}

/* Fullscreen Contact remains a stage but uses the same exact centring model. */
body.layoutMasterPage #main > .cmsSectionOrder.connect{
  display:grid !important;
  align-content:center !important;
}

/* Podcast may contain several direct wrappers (heading, rail, CTA). They form
   one centred composition inside the viewport instead of starting at the top. */
body.layoutMasterPage #main > .cmsSectionOrder.podcastSection{
  display:grid !important;
  align-content:center !important;
}


/* =========================================================
   EXZEED 4.1.23 — Eyebrow Master + Podcast Stage Stack
   One eyebrow typography role across every page/block and one explicit
   Header -> Carousel -> CTA flow for podcast stages. Historic podcast margins
   are neutralised here so components cannot overlap at viewport centring.
   ========================================================= */

/* One semantic eyebrow role everywhere. CMS copy remains human-readable;
   presentation is system-owned and therefore always uppercase. Context may
   still own the colour, but never size/weight/tracking/casing. */
body.layoutMasterPage .eyebrow{
  font-size:var(--lm-caption) !important;
  font-weight:650 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  line-height:1.25 !important;
}

/* The complete podcast composition is a single stage child. Its internal
   rhythm comes only from row-gap; legacy margin chains no longer participate. */
body.layoutMasterPage #main > .podcastSection > .podcastStageInner{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  align-content:center !important;
  row-gap:clamp(38px,4.2vw,64px) !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

body.layoutMasterPage #main > .podcastSection > .podcastStageInner > .sectionHeader,
body.layoutMasterPage #main > .podcastSection > .podcastStageInner > .podcastRailWrap,
body.layoutMasterPage #main > .podcastSection > .podcastStageInner > .podcastSectionAction{
  position:relative !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  min-width:0 !important;
}

/* The header owns only its title-to-intro spacing. */
body.layoutMasterPage #main > .podcastSection .sectionHeader{
  display:block !important;
}
body.layoutMasterPage #main > .podcastSection .sectionHeader > .sectionIntro{
  margin-top:var(--lm-title-body-gap) !important;
  margin-bottom:0 !important;
}

/* Carousel wrapper does not inherit old top spacing. Dots stay part of the
   carousel block, so they can never collide with the CTA below. */
body.layoutMasterPage #main > .podcastSection .podcastRailWrap{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.layoutMasterPage #main > .podcastSection .podcastCarousel .railDots{
  margin-top:clamp(10px,1.2vw,18px) !important;
  margin-bottom:0 !important;
}

/* CTA is the final row. The link itself carries no additional vertical margin;
   stage spacing is exclusively controlled by podcastStageInner row-gap. */
body.layoutMasterPage #main > .podcastSection .podcastSectionAction{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.layoutMasterPage #main > .podcastSection .podcastSectionAction .sectionLink{
  margin-top:0 !important;
}

/* One homepage card body contract; older 178/190/220/230px layers must not
   change the stage unpredictably. Titles remain clamped by the existing UX
   rule and cards stretch consistently across the rail. */
.homeFinalPage.layoutMasterPage #main > .podcastSection .podcastCardBody{
  min-height:210px !important;
  box-sizing:border-box !important;
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.layoutMasterPage #main > .podcastSection > .podcastStageInner{
    row-gap:44px !important;
  }
}

@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.layoutMasterPage #main > .podcastSection > .podcastStageInner{
    row-gap:34px !important;
  }
  .homeFinalPage.layoutMasterPage #main > .podcastSection .podcastCardBody{
    min-height:190px !important;
  }
}


/* =========================================================
   EXZEED 4.1.24 — MOBILE FLOW REGRESSION GUARD
   Regression-only patch. Desktop/tablet geometry is intentionally untouched.

   Root cause fixed:
   - 4.1.19 used a definite 100dvh flex-basis for every stage.
   - On narrow stacked layouts, content-heavy sections can be taller than one
     viewport. A definite flex basis keeps the flex item's layout slot at one
     viewport while overflow remains visible, so the following stage can begin
     underneath overflowing copy/CTA content.
   - Smartphone/short-landscape returns to the proven intrinsic flex-basis
     model: auto content height + a 100dvh minimum. Therefore "one section = at
     least one viewport" remains true while long mobile content grows normally.

   The Hero CTA group also owns its internal spacing. Individual section-link
   margins must not be added again between repeated Hero CTAs on Mobile.
   ========================================================= */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body #main > section,
  body #main > article{
    flex:0 0 auto !important;
    flex-basis:auto !important;
    flex-grow:0 !important;
    flex-shrink:0 !important;
    min-height:100vh !important;
    min-block-size:100vh !important;
    height:auto !important;
    block-size:auto !important;
    overflow:visible !important;
  }

  /* Repeater spacing belongs to the group, not to each child CTA. This restores
     the compact mobile rhythm without altering the global CTA component. */
  body.layoutMasterPage #main > .hero .heroActions.sectionNavigation,
  body.layoutMasterPage #main > .pageHero .heroActions.sectionNavigation,
  body.layoutMasterPage #main > .subpageImageHero .heroActions.sectionNavigation,
  body.layoutMasterPage #main > .lfHero .heroActions.sectionNavigation{
    gap:18px !important;
  }
  body.layoutMasterPage #main > .hero .heroActions > .sectionLink,
  body.layoutMasterPage #main > .pageHero .heroActions > .sectionLink,
  body.layoutMasterPage #main > .subpageImageHero .heroActions > .sectionLink,
  body.layoutMasterPage #main > .lfHero .heroActions > .sectionLink{
    margin-top:0 !important;
  }
}

@supports (height:100dvh){
  @media (max-width:700px),
         (orientation:landscape) and (max-height:700px) and (max-width:1180px){
    body #main > section,
    body #main > article{
      min-height:100dvh !important;
      min-block-size:100dvh !important;
    }
  }
}


/* =========================================================
   EXZEED 4.1.29 — EDITORIAL ALIGNMENT + HERO AUTHORING MASTER
   Final binding layer for reusable CMS blocks:
   - optical two-column centring on wide layouts
   - one Statement/Connect/Closing axis
   - CMS-controlled vertical Image-Hero placement
   - safe authored Hero headline breaks
   ========================================================= */

/* A manual CMS break is structural. Its surrounding text stays escaped and
   each authored line may still wrap naturally when the viewport is narrow. */
.layoutMasterPage .cmsHeadlineBreak{
  display:block !important;
}

/* Headline-left / copy-right blocks use the canonical master columns. The
   complete blocks are optically centred against one another; historic fixed
   copy offsets no longer move the right-hand text down independently. */
@media (min-width:1181px),
       (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  body.layoutMasterPage #main > .dsEditorial > .identityPageGrid,
  body.layoutMasterPage #main > .dsEditorial > .lfIntroGrid,
  .homeFinalPage.layoutMasterPage #main > .homeOrigin > .identityGrid{
    display:grid !important;
    grid-template-columns:var(--lm-left-column) var(--lm-right-column) !important;
    column-gap:var(--lm-column-gap) !important;
    row-gap:0 !important;
    align-items:center !important;
  }
  body.layoutMasterPage #main > .dsEditorial > .identityPageGrid > *,
  body.layoutMasterPage #main > .dsEditorial > .lfIntroGrid > *,
  .homeFinalPage.layoutMasterPage #main > .homeOrigin > .identityGrid > *{
    align-self:center !important;
    padding-top:0 !important;
  }
  body.layoutMasterPage #main > .dsEditorial > .identityPageCopy,
  body.layoutMasterPage #main > .dsEditorial .lfIntroCopy,
  .homeFinalPage.layoutMasterPage #main > .homeOrigin .identityContent{
    max-width:var(--lm-right-copy-max) !important;
    justify-self:start !important;
  }
}

/* Statement is a focused single-column block, therefore it shares the same
   visible text axis as Connect and the closing CTA on wide screens. */
@media (min-width:901px) and (orientation:landscape), (min-width:1181px){
  body.layoutMasterPage #main > .statement > .statementContent{
    padding-left:var(--exzeed-home-axis-inset) !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
}
@media (max-width:900px), (orientation:portrait) and (max-width:1180px){
  body.layoutMasterPage #main > .statement > .statementContent{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Image-Hero vertical presets act on the complete content block. They are
   intentionally later and more specific than historic dsHeroImage rules. */
body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-top{
  align-items:flex-start !important;
  padding-top:clamp(118px,15vh,176px) !important;
  padding-bottom:clamp(64px,8vh,104px) !important;
}
body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-center{
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-bottom{
  align-items:flex-end !important;
  padding-top:clamp(64px,8vh,104px) !important;
  padding-bottom:clamp(76px,10vh,124px) !important;
}

@media (max-width:700px),
       (orientation:portrait) and (min-width:701px) and (max-width:1180px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-top{
    padding-top:clamp(108px,16vh,152px) !important;
    padding-bottom:64px !important;
  }
  body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-center{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  body.layoutMasterPage #main > .subpageImageHero.heroTextVertical-bottom{
    padding-top:72px !important;
    padding-bottom:clamp(64px,10vh,96px) !important;
  }
}


/* =========================================================
   EXZEED 4.1.30 — PAGE STATE + COPY + STATEMENT + HERO AXES
   - Navigation highlights destinations, never homepage sections.
   - CMS textarea breaks are rendered safely by the PHP master.
   - Statements use the approved wide single-column measure.
   - Image Heroes expose distinct left, centre and mirrored right positions.
   ========================================================= */

.layoutMasterPage{
  --lm-statement-headline-max:20ch;
  --lm-statement-copy-max:820px;
}

body.layoutMasterPage #main > .statement > .statementContent{
  max-width:none !important;
}
body.layoutMasterPage #main > .statement > .statementContent > h2{
  width:min(100%,var(--lm-statement-copy-max)) !important;
  max-width:var(--lm-statement-headline-max) !important;
  max-inline-size:var(--lm-statement-headline-max) !important;
}
body.layoutMasterPage #main > .statement > .statementContent > .leadershipTeaserCopy{
  width:min(100%,var(--lm-statement-copy-max)) !important;
  max-width:var(--lm-statement-copy-max) !important;
}

/* Desktop and iPad landscape: centre keeps the exact former `right`
   geometry. The new right preset mirrors left by aligning copy and actions
   to the opposite content edge. */
@media (min-width:701px) and (orientation:landscape), (min-width:1181px){
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent > *{
    width:min(52%,720px) !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    text-align:right !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{
    width:min(52%,720px) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .heroActions{
    justify-content:flex-end !important;
  }
}

/* Centre and right both need contrast on the image's right half. */
.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-center .subpageImageHeroMedia::after,
.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-right .subpageImageHeroMedia::after{
  background:linear-gradient(270deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.03) 100%) !important;
}
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-center .subpageImageHeroMedia::after,
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-right .subpageImageHeroMedia::after{
  background:linear-gradient(270deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.02) 100%) !important;
}

/* Narrow layouts keep the safe left reading axis regardless of the desktop
   art-direction preset. */
@media (max-width:700px),
       (orientation:portrait) and (max-width:1180px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage{
    --lm-statement-headline-max:100%;
    --lm-statement-copy-max:100%;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent,
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent > *,
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .heroActions{
    justify-content:flex-start !important;
  }
}


/* =========================================================
   EXZEED 4.1.31 — CORRECTED IMAGE-HERO HORIZONTAL SEMANTICS
   Final mapping requested after 4.1.30:
   right = former centre, centre = former left, left = mirrored right.
   ========================================================= */
@media (min-width:701px) and (orientation:landscape), (min-width:1181px){
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent > *{
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .heroActions{
    justify-content:flex-start !important;
  }

  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{
    width:min(52%,720px) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .heroActions{
    justify-content:flex-start !important;
  }

  .layoutMasterPage .subpageImageHero.heroTextPosition-left .subpageImageHeroContent{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:right !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .subpageImageHeroContent > *{
    width:min(52%,720px) !important;
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:right !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .heroActions{
    justify-content:flex-end !important;
  }
}

.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-center .subpageImageHeroMedia::after,
.layoutMasterPage .subpageImageHero.heroTextTone-light.heroTextPosition-left .subpageImageHeroMedia::after{
  background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.03) 100%) !important;
}
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-center .subpageImageHeroMedia::after,
.layoutMasterPage .subpageImageHero.heroTextTone-dark.heroTextPosition-left .subpageImageHeroMedia::after{
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.02) 100%) !important;
}

@media (max-width:700px),
       (orientation:portrait) and (max-width:1180px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .subpageImageHeroContent,
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent,
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent{
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .subpageImageHeroContent > *,
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .subpageImageHeroContent > *,
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .subpageImageHeroContent > *{
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage .subpageImageHero.heroTextPosition-left .heroActions,
  .layoutMasterPage .subpageImageHero.heroTextPosition-center .heroActions,
  .layoutMasterPage .subpageImageHero.heroTextPosition-right .heroActions{
    justify-content:flex-start !important;
  }
}


/* =========================================================
   EXZEED 4.1.32 — HEADLINE SPACING + TABLET PORTRAIT GRID
   - The master keeps exactly two display headline roles: XL (hero/stage)
     and L (all regular section headlines).
   - Tracking is opened and word spacing is slightly increased through the
     two global design-token pairs only; font sizes and line heights stay put.
   - Statement blocks on iPad/tablet portrait retain the canonical content
     gutter instead of expanding to the viewport edge.
   ========================================================= */

/* Two headline roles, one spacing authority. */
.layoutMasterPage main > .hero:first-child h1,
.layoutMasterPage main > .pageHero:first-child h1,
.layoutMasterPage main > .subpageImageHero:first-child h1,
.layoutMasterPage main > .lfHero:first-child h1,
.podcastPage.layoutMasterPage .podcastPageHero h1,
.error404Page.layoutMasterPage .error404Copy h1{
  letter-spacing:var(--lm-display-xl-track) !important;
  word-spacing:var(--lm-display-xl-word) !important;
}

.layoutMasterPage .identityHeading h2,
.layoutMasterPage .statementContent h2,
.layoutMasterPage .statement h2,
.layoutMasterPage .podcastSection h2,
.layoutMasterPage .podcastSelectedEpisode .episodeContent h2,
.layoutMasterPage .podcastMoreHeading h2,
.layoutMasterPage .connect h2,
.layoutMasterPage .dsEditorial h2,
.layoutMasterPage .dsSplit h2,
.layoutMasterPage .dsProcess h2,
.layoutMasterPage .dsStatement h2,
.layoutMasterPage .dsContact h2,
.layoutMasterPage .leadershipHeroImageContent h2,
.layoutMasterPage .subpageImageHeroContent h2,
.layoutMasterPage .subpageClosingHeroInner h2,
.layoutMasterPage .dsHero h2{
  letter-spacing:var(--lm-display-l-track) !important;
  word-spacing:var(--lm-display-l-word) !important;
}

/* Tablet portrait must use the same protected content frame as the rest of
   the master. 4.1.29 correctly removed the desktop axis inset, but the older
   statementContent width:100% rule then exposed the viewport edge. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.homeFinalPage.layoutMasterPage #main > .statement > .statementContent{
    width:calc(100% - (2 * var(--lm-home-gutter))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  body.designSystem2.layoutMasterPage #main > .statement > .statementContent{
    width:calc(100% - (2 * var(--lm-sub-gutter))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   EXZEED 4.1.33 — BODY TYPOGRAPHY + STATEMENT CTA CMS
   - Closing CTA copy is part of the canonical Body role (lm-body / 1.62),
     not a component-specific text size.
   - Statement CTA fields are exposed by the CMS schema; the renderer already
     supported them, so existing Identity/Statement CTAs remain editable.
   ========================================================= */


/* ============================================================
   EXZEED 4.1.34 — PROCESS / LIST CONTENT FLOW
   - Process sections are content-driven and can never protrude into the
     preceding section, even with long CMS content.
   - The block uses the full approved 1200px master width instead of the
     narrow split-column contract.
   - Headline, intro and outro are optional. Bullet points remain semantic
     list items and use a two-column typographic grid only on wide screens.
   ============================================================ */
body.designSystem2.layoutMasterPage #main > .dsProcess{
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  padding-block:var(--lm-section-space) !important;
  overflow:clip !important;
  align-items:initial !important;
}

body.designSystem2.layoutMasterPage #main > .dsProcess > .processFlow{
  display:block !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:min(var(--lm-sub-content),calc(100% - 2 * var(--lm-sub-gutter))) !important;
  max-width:none !important;
  margin-inline:auto !important;
  padding:0 !important;
}

body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader{
  display:block !important;
  width:100% !important;
  max-width:900px !important;
  margin:0 !important;
  padding:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader h2{
  max-width:16ch !important;
  margin-top:var(--lm-eyebrow-title-gap) !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader > h2:first-child{
  margin-top:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processIntro,
body.designSystem2.layoutMasterPage #main > .dsProcess .processOutro p{
  max-width:820px !important;
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
  letter-spacing:var(--lm-body-track,normal) !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processIntro{
  margin:var(--lm-title-body-gap) 0 0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processList{
  list-style:none !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:clamp(56px,7vw,104px) !important;
  row-gap:clamp(28px,3.2vw,44px) !important;
  width:100% !important;
  max-width:none !important;
  margin:clamp(54px,6vw,82px) 0 0 !important;
  padding:0 !important;
  border:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processList > li{
  position:relative !important;
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  break-inside:avoid;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processList > li::before{
  content:"•";
  grid-column:1;
  font-size:1.05em;
  line-height:1.12;
  font-weight:700;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processItemCopy{
  grid-column:2;
  min-width:0;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processItemCopy strong{
  display:block;
  margin:0 !important;
  font-size:var(--lm-heading-s) !important;
  line-height:var(--lm-heading-s-line) !important;
  letter-spacing:var(--lm-heading-s-track) !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processItemCopy p{
  margin:12px 0 0 !important;
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processOutro{
  width:100% !important;
  max-width:820px !important;
  margin:clamp(50px,5.5vw,76px) 0 0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processOutro p{
  margin:0 !important;
}

@media (max-width:900px){
  body.designSystem2.layoutMasterPage #main > .dsProcess .processList{
    grid-template-columns:1fr !important;
  }
}

@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.designSystem2.layoutMasterPage #main > .dsProcess > .processFlow{
    width:calc(100% - 2 * var(--lm-sub-gutter)) !important;
    margin-inline:auto !important;
  }
}

@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.designSystem2.layoutMasterPage #main > .dsProcess > .processFlow{
    width:calc(100% - 2 * var(--lm-home-gutter)) !important;
    margin-inline:var(--lm-home-gutter) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader,
  body.designSystem2.layoutMasterPage #main > .dsProcess .processIntro,
  body.designSystem2.layoutMasterPage #main > .dsProcess .processOutro{
    max-width:none !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsProcess .processList{
    margin-top:clamp(42px,10vw,58px) !important;
    row-gap:28px !important;
  }
}
/* 4.1.34 flow edge cases: optional header fields must not create phantom gaps. */
body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader > .processIntro:first-child,
body.designSystem2.layoutMasterPage #main > .dsProcess .processFlow > .processList:first-child,
body.designSystem2.layoutMasterPage #main > .dsProcess .processFlow > .processOutro:first-child{
  margin-top:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsProcess .processHeader > .eyebrow + .processIntro{
  margin-top:var(--lm-eyebrow-title-gap) !important;
}

/* =========================================================
   EXZEED 4.1.35 — UNIVERSAL CMS SECTION FLOW CONTRACT
   - One flow rule for every reusable CMS block on every viewport.
   - A stage is at least one viewport high, but its flex basis is intrinsic.
     Content therefore enlarges the section instead of overflowing above or
     below a fixed 100dvh layout slot.
   - This promotes the proven 4.1.24 mobile regression fix to the global
     Layout Master and supersedes the old definite 100vh/100dvh flex basis.
   - Component-specific composition (Hero art direction, grids, media, etc.)
     stays untouched; only top-level section flow ownership is centralized.
   ========================================================= */

/* Every CMS-authored top-level block owns its complete in-flow content box.
   `flex-basis:auto` is the critical invariant: `min-height` defines the stage,
   while intrinsic content defines any additional height that is required. */
body.layoutMasterPage #main.cmsOrderedSections > .cmsSectionOrder{
  flex:0 0 auto !important;
  flex-basis:auto !important;
  flex-grow:0 !important;
  flex-shrink:0 !important;
  height:auto !important;
  block-size:auto !important;
  min-height:100vh !important;
  min-block-size:100vh !important;
  box-sizing:border-box !important;
  min-width:0 !important;
}

@supports (height:100dvh){
  body.layoutMasterPage #main.cmsOrderedSections > .cmsSectionOrder{
    min-height:100dvh !important;
    min-block-size:100dvh !important;
  }
}

/* Content-heavy normal sections must grow; clipping is never the mechanism
   used to hide a flow error. Art-directed Hero/media overflow rules remain
   component-owned and are intentionally not changed here. */
body.designSystem2.layoutMasterPage #main.cmsOrderedSections > .dsProcess{
  overflow:visible !important;
}

/* Structural sections themselves never create inter-section spacing through
   margins. All vertical rhythm lives inside the section via master padding. */
body.layoutMasterPage #main.cmsOrderedSections > .cmsSectionOrder{
  margin-block:0 !important;
}

/* =========================================================
   EXZEED 4.1.36 — TEXT-HERO POSITION PARITY
   - "Hero ohne Bild" exposes the same horizontal (left/centre/right)
     and vertical (top/centre/bottom) text-position choices as Image Hero.
   - Existing text Heroes default to centre/centre, preserving their current
     visual placement until an editor explicitly chooses another preset.
   - Narrow responsive layouts keep the same safe left reading axis used by
     Image Hero; the vertical preset remains user-controlled.
   ========================================================= */

/* Vertical positioning belongs to the complete text composition. The regular
   text Hero already owns a safe, viewport-aware internal stage, so changing
   justify-content moves the whole composition without introducing fixed
   heights or taking content out of document flow. */
body.layoutMasterPage #main > .hero.heroTextVertical-top > .heroContent{
  justify-content:flex-start !important;
}
body.layoutMasterPage #main > .hero.heroTextVertical-center > .heroContent{
  justify-content:center !important;
}
body.layoutMasterPage #main > .hero.heroTextVertical-bottom > .heroContent{
  justify-content:flex-end !important;
}

/* Podcast/core page Heroes use the section's existing safe padding as their
   vertical stage instead of the home Hero's internal flex stage. */
body.layoutMasterPage #main > .pageHero.heroTextVertical-top{
  align-items:flex-start !important;
}
body.layoutMasterPage #main > .pageHero.heroTextVertical-center{
  align-items:center !important;
}
body.layoutMasterPage #main > .pageHero.heroTextVertical-bottom{
  align-items:flex-end !important;
}

/* Wide layouts mirror the final 4.1.31 Image-Hero semantics:
   centre = established reading axis; right = right half, left-aligned copy;
   left = mirrored right half with right-aligned copy. */
@media (min-width:701px) and (orientation:landscape), (min-width:1181px){
  .layoutMasterPage #main > .hero.heroTextPosition-center > .heroContent,
  .layoutMasterPage #main > .pageHero.heroTextPosition-center > .contentWrap,
  .layoutMasterPage #main > .hero.heroTextPosition-right > .heroContent,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right > .contentWrap,
  .layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .layoutMasterPage #main > .hero.heroTextPosition-center > .heroContent > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-center > .contentWrap > *{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }

  .layoutMasterPage #main > .hero.heroTextPosition-right > .heroContent > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right > .contentWrap > *{
    width:min(52%,720px) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage #main > .hero.heroTextPosition-right .heroActions,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right .heroActions{
    justify-content:flex-start !important;
  }

  .layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap > *{
    width:min(52%,720px) !important;
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:right !important;
  }
  .layoutMasterPage #main > .hero.heroTextPosition-left .heroActions,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left .heroActions{
    justify-content:flex-end !important;
  }
}

/* Same responsive safety contract as Image Hero: horizontal art direction is
   collapsed to the protected left reading axis on phone, tablet portrait and
   short landscape screens. No content is allowed to approach the menu/logo
   safe zone just because a desktop preset was selected. */
@media (max-width:700px),
       (orientation:portrait) and (max-width:1180px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent,
  .layoutMasterPage #main > .hero.heroTextPosition-center > .heroContent,
  .layoutMasterPage #main > .hero.heroTextPosition-right > .heroContent,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap,
  .layoutMasterPage #main > .pageHero.heroTextPosition-center > .contentWrap,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right > .contentWrap{
    align-items:flex-start !important;
    text-align:left !important;
  }
  .layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent > *,
  .layoutMasterPage #main > .hero.heroTextPosition-center > .heroContent > *,
  .layoutMasterPage #main > .hero.heroTextPosition-right > .heroContent > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-center > .contentWrap > *,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right > .contentWrap > *{
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .layoutMasterPage #main > .hero.heroTextPosition-left .heroActions,
  .layoutMasterPage #main > .hero.heroTextPosition-center .heroActions,
  .layoutMasterPage #main > .hero.heroTextPosition-right .heroActions,
  .layoutMasterPage #main > .pageHero.heroTextPosition-left .heroActions,
  .layoutMasterPage #main > .pageHero.heroTextPosition-center .heroActions,
  .layoutMasterPage #main > .pageHero.heroTextPosition-right .heroActions{
    justify-content:flex-start !important;
  }
}

/* =========================================================
   EXZEED 4.1.37 — HERO CENTRE/CENTRE GEOMETRY PARITY
   - Image Hero remains the approved positional source of truth.
   - Text Hero now uses the same headline measure, copy measure and vertical
     stage geometry instead of inheriting the historic narrow dsHero measure
     and the old translated/internal-min-height centring model.
   - The fix is restricted to CMS subpage Heroes; Homepage art direction is
     not silently re-authored by this compatibility correction.
   ========================================================= */

/* The text-only subpage Hero must not carry the historic 1.x translate or
   internal viewport-height centring. Position belongs to the Hero stage, as
   it already does for the Image Hero. */
body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero > .heroContent{
  transform:none !important;
  min-height:0 !important;
  min-block-size:0 !important;
  height:auto !important;
  block-size:auto !important;
  justify-content:flex-start !important;
  padding-top:0 !important;
  padding-bottom:clamp(86px,10vh,142px) !important;
}

/* Both Hero types use exactly the same stage-level vertical anchors. */
body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-top{
  align-items:flex-start !important;
  padding-top:clamp(118px,15vh,176px) !important;
  padding-bottom:clamp(64px,8vh,104px) !important;
}
body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-center{
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-bottom{
  align-items:flex-end !important;
  padding-top:clamp(64px,8vh,104px) !important;
  padding-bottom:clamp(76px,10vh,124px) !important;
}

/* Wide Hero composition: the previous text-only Hero still inherited the
   9.25ch regular-left headline measure while Image Hero used the canonical
   13ch Hero measure. That changed line wrapping and therefore made the same
   centre/centre coordinates look different. One Hero measure now owns both. */
@media (min-width:701px) and (orientation:landscape), (min-width:1181px){
  body.dynamicSubpage.layoutMasterPage #main > .hero.dsHero:first-child h1,
  body.dynamicSubpage.layoutMasterPage #main > .subpageImageHero:first-child h1{
    max-width:var(--lm-headline-hero) !important;
    max-inline-size:var(--lm-headline-hero) !important;
  }
}

/* Copy width and title-to-copy rhythm are also composition geometry and must
   not change when only the Hero media mode changes. */
body.dynamicSubpage.layoutMasterPage #main > .hero.dsHero:first-child .lead,
body.dynamicSubpage.layoutMasterPage #main > .subpageImageHero:first-child .lead{
  max-width:650px !important;
  max-inline-size:650px !important;
}
body.dynamicSubpage.layoutMasterPage #main > .hero.dsHero:first-child h1 + .lead,
body.dynamicSubpage.layoutMasterPage #main > .subpageImageHero:first-child h1 + .lead{
  margin-top:var(--lm-title-body-gap) !important;
}

/* Keep the Image-Hero responsive vertical offsets as the common contract for
   text-only Heroes as well. Horizontal presets continue to collapse to the
   protected left reading axis on narrow layouts as defined in 4.1.36. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero > .heroContent{
    padding-bottom:clamp(80px,9vh,120px) !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-top{
    padding-top:clamp(108px,16vh,152px) !important;
    padding-bottom:64px !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-center{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-bottom{
    padding-top:72px !important;
    padding-bottom:clamp(64px,10vh,96px) !important;
  }
}

@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero > .heroContent{
    padding-bottom:clamp(70px,10vh,100px) !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-top{
    padding-top:clamp(108px,16vh,152px) !important;
    padding-bottom:64px !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-center{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  body.dynamicSubpage.designSystem2.layoutMasterPage #main > .hero.dsHero.heroTextVertical-bottom{
    padding-top:72px !important;
    padding-bottom:clamp(64px,10vh,96px) !important;
  }
  body.dynamicSubpage.layoutMasterPage #main > .hero.dsHero:first-child h1,
  body.dynamicSubpage.layoutMasterPage #main > .subpageImageHero:first-child h1{
    max-width:100% !important;
    max-inline-size:100% !important;
  }
  body.dynamicSubpage.layoutMasterPage #main > .hero.dsHero:first-child .lead,
  body.dynamicSubpage.layoutMasterPage #main > .subpageImageHero:first-child .lead{
    max-width:100% !important;
    max-inline-size:100% !important;
  }
}

/* =========================================================
   EXZEED 4.1.38 — TRUE LEFT HERO ALIGNMENT
   - "Left" means a real left reading axis, not a typographic mirror of Right.
   - Image Hero and text-only Hero share the exact same rule.
   - The composition stays in the left half of the master grid so generous
     negative space remains on the right; copy and actions are left-aligned.
   - Centre/Right and all narrow-layout safety rules remain unchanged.
   ========================================================= */
@media (min-width:701px) and (orientation:landscape), (min-width:1181px){
  body.layoutMasterPage #main > .subpageImageHero.heroTextPosition-left .subpageImageHeroContent,
  body.layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent,
  body.layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap{
    align-items:flex-start !important;
    text-align:left !important;
  }

  body.layoutMasterPage #main > .subpageImageHero.heroTextPosition-left .subpageImageHeroContent > *,
  body.layoutMasterPage #main > .hero.heroTextPosition-left > .heroContent > *,
  body.layoutMasterPage #main > .pageHero.heroTextPosition-left > .contentWrap > *{
    width:min(52%,720px) !important;
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
  }

  body.layoutMasterPage #main > .subpageImageHero.heroTextPosition-left .heroActions,
  body.layoutMasterPage #main > .hero.heroTextPosition-left .heroActions,
  body.layoutMasterPage #main > .pageHero.heroTextPosition-left .heroActions{
    justify-content:flex-start !important;
  }
}

/* =========================================================
   EXZEED 4.1.40 — HEADLINE-ANCHORED SPLIT CENTERING MASTER
   - Headline-left / copy-right sections use a semantic shared contract.
   - Eyebrow occupies its own row above the headline.
   - The copy/CTA column shares the headline row and is vertically centred
     against the headline itself, never against eyebrow + headline together.
   - If copy is taller than the headline, the shared row grows and both start
     on the same top edge: copy can therefore never begin above the headline.
   - Portrait/tablet/mobile keep the existing stacked master flow.
   ========================================================= */
@media (min-width:1181px),
       (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  body.layoutMasterPage #main > .lmHeadlineCopyGrid,
  body.layoutMasterPage #main > section > .lmHeadlineCopyGrid{
    display:grid !important;
    grid-template-columns:var(--lm-left-column) var(--lm-right-column) !important;
    grid-template-rows:auto auto !important;
    column-gap:var(--lm-column-gap) !important;
    row-gap:0 !important;
    align-items:start !important;
  }

  /* The semantic heading wrapper must not create a third alignment box. */
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading{
    display:contents !important;
  }

  /* Eyebrow remains above the headline and owns the inter-row spacing. */
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading > .eyebrow{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:end !important;
    justify-self:start !important;
    width:100% !important;
    max-width:100% !important;
    margin-bottom:var(--lm-eyebrow-title-gap) !important;
  }

  /* Headline is the actual vertical anchor for the right-hand copy. */
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading > h1,
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading > h2,
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading > h3{
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:start !important;
    justify-self:start !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
  }

  /* Same row as the headline = centred when shorter, top-aligned when taller. */
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmCopy{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:start !important;
    width:100% !important;
    max-width:var(--lm-right-copy-max) !important;
    min-width:0 !important;
    margin:0 !important;
    padding-top:0 !important;
  }
}

/* Narrow layouts stay structural and stacked; display:contents is wide-only. */
@media (max-width:700px),
       (orientation:portrait) and (max-width:1180px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmHeading{
    display:block !important;
  }
  body.layoutMasterPage #main .lmHeadlineCopyGrid > .lmCopy{
    padding-top:0 !important;
  }
}

/* =========================================================
   EXZEED 4.1.41 — REFERENCES CARD + MEDIA-SCOPE MASTER
   - References are a dedicated CMS block backed by one global library.
   - Cards are deliberately fixed-size within each responsive master mode.
   - Maximum horizontal density is three cards; four preview items are 2x2.
   - Logos use a fixed contain-zone and automatic monochrome presentation.
   - No client name, body copy or case-study chrome is added to the card.
   - The universal 4.1.35 section-flow contract remains authoritative.
   ========================================================= */

body.layoutMasterPage #main > .referencesSection{
  padding-block:var(--lm-section-space) !important;
  overflow:visible !important;
}

body.layoutMasterPage #main > .referencesSection > .referencesStage{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-content:center !important;
  row-gap:clamp(42px,4.8vw,68px) !important;
  margin:0 !important;
  padding:0 !important;
}

body.layoutMasterPage #main > .referencesSection .referencesHeader{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
body.layoutMasterPage #main > .referencesSection .referencesHeader h2{
  margin:0 !important;
  max-width:var(--lm-left-headline-max) !important;
  font-size:var(--lm-display-l) !important;
  line-height:var(--lm-display-l-line) !important;
  letter-spacing:var(--lm-display-l-track) !important;
  word-spacing:var(--lm-display-l-word) !important;
  text-wrap:balance;
}
body.layoutMasterPage #main > .referencesSection .referencesHeader .eyebrow + h2{
  margin-top:var(--lm-eyebrow-title-gap) !important;
}
body.layoutMasterPage #main > .referencesSection .referencesHeader .sectionIntro{
  margin-top:var(--lm-title-body-gap) !important;
  margin-bottom:0 !important;
  max-width:690px !important;
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
  letter-spacing:var(--lm-body-track,normal) !important;
}

.referencesGridWrap{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.referencesGrid{
  --reference-card-w:360px;
  --reference-card-h:240px;
  --reference-logo-w:190px;
  --reference-logo-h:76px;
  display:grid;
  gap:24px;
  justify-content:center;
  align-items:stretch;
  width:100%;
}
.referencesGridPreview[data-count="1"]{grid-template-columns:var(--reference-card-w)}
.referencesGridPreview[data-count="2"]{grid-template-columns:repeat(2,var(--reference-card-w))}
.referencesGridPreview[data-count="3"]{grid-template-columns:repeat(3,var(--reference-card-w))}
.referencesGridPreview[data-count="4"]{grid-template-columns:repeat(2,var(--reference-card-w))}
.referencesGridArchive{grid-template-columns:repeat(3,var(--reference-card-w))}
.referencesGridArchive[data-count="1"]{grid-template-columns:var(--reference-card-w)}
.referencesGridArchive[data-count="2"]{grid-template-columns:repeat(2,var(--reference-card-w))}
.referencesGridArchive[data-count="3"]{grid-template-columns:repeat(3,var(--reference-card-w))}
.referencesGridArchive[data-count="4"]{grid-template-columns:repeat(2,var(--reference-card-w))}

.referenceCard{
  width:var(--reference-card-w);
  height:var(--reference-card-h);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:34px 32px 30px;
  color:var(--ink);
  text-decoration:none;
  text-align:center;
  border-radius:var(--radius);
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.045);
  border:1px solid rgba(17,17,17,.055);
  overflow:hidden;
}
.referenceCard.is-linked{
  cursor:pointer;
  transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard);
}
.referenceCard.is-linked:hover,
.referenceCard.is-linked:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 13px 34px rgba(0,0,0,.075);
  border-color:rgba(17,17,17,.10);
}
.referenceLogoZone{
  width:var(--reference-logo-w);
  height:var(--reference-logo-h);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.referenceLogoZone img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:grayscale(1) contrast(1.05);
}
.referenceLogoFallback{
  display:none;
}
.referenceProject{
  display:block;
  max-width:28ch;
  font-size:var(--lm-body);
  line-height:1.45;
  font-weight:400;
  letter-spacing:var(--lm-body-track,normal);
  text-transform:none;
  color:var(--muted);
  text-wrap:balance;
}
.referencesSectionAction{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.referencesSectionAction .sectionLink{
  margin-top:0 !important;
}

/* A dedicated archive uses the same card object, never a second card design. */
.referencesArchivePage .referencesArchiveHero .heroContent > .eyebrow{
  margin-bottom:var(--lm-eyebrow-title-gap) !important;
}
.referencesArchivePage .referencesArchiveHero .heroContent > .lead{
  max-width:690px !important;
}

/* iPad / medium landscape: keep three cards possible, but reduce the fixed
   card object rather than stretching it fluidly. Four remains 2x2. */
@media (min-width:1001px) and (max-width:1180px) and (orientation:landscape){
  .referencesGrid{
    --reference-card-w:250px;
    --reference-card-h:195px;
    --reference-logo-w:164px;
    --reference-logo-h:66px;
    gap:22px;
  }
  .referenceCard{gap:22px;padding:30px 26px 26px}
}

/* Compact landscape tablets also use two columns so the fixed cards never
   collide with the navigation safe area. */
@media (min-width:701px) and (max-width:1000px) and (orientation:landscape) and (min-height:701px){
  .referencesGrid{
    --reference-card-w:300px;
    --reference-card-h:210px;
    --reference-logo-w:170px;
    --reference-logo-h:68px;
    grid-template-columns:repeat(2,var(--reference-card-w)) !important;
    gap:22px;
  }
  .referencesGridPreview[data-count="1"]{grid-template-columns:var(--reference-card-w) !important}
  .referencesGridPreview[data-count="2"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridPreview[data-count="3"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridPreview[data-count="3"] > .referenceCard:last-child{grid-column:1 / -1;justify-self:center}
  .referencesGridPreview[data-count="4"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridArchive{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridArchive[data-count="1"]{grid-template-columns:var(--reference-card-w) !important}
  .referencesGridArchive[data-count="3"] > .referenceCard:last-child{grid-column:1 / -1;justify-self:center}
}

/* Tablet portrait and narrower medium layouts: maximum two columns. A third
   preview card is centred on its own row. */
@media (min-width:701px) and (max-width:900px),
       (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .referencesGrid{
    --reference-card-w:280px;
    --reference-card-h:205px;
    --reference-logo-w:170px;
    --reference-logo-h:68px;
    grid-template-columns:repeat(2,var(--reference-card-w)) !important;
    gap:22px;
  }
  .referencesGridPreview[data-count="1"]{grid-template-columns:var(--reference-card-w) !important}
  .referencesGridPreview[data-count="2"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridPreview[data-count="3"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridPreview[data-count="3"] > .referenceCard:last-child{
    grid-column:1 / -1;
    justify-self:center;
  }
  .referencesGridPreview[data-count="4"]{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridArchive{grid-template-columns:repeat(2,var(--reference-card-w)) !important}
  .referencesGridArchive[data-count="1"]{grid-template-columns:var(--reference-card-w) !important}
  .referencesGridArchive[data-count="3"] > .referenceCard:last-child{grid-column:1 / -1;justify-self:center}
  .referenceCard{gap:22px;padding:30px 28px 26px}
}

/* Phone / short landscape: one protected reading column. Width becomes
   viewport-safe, but max-width preserves the same designed card size. */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  body.layoutMasterPage #main > .referencesSection{
    padding-block:var(--lm-section-space) !important;
  }
  body.layoutMasterPage #main > .referencesSection > .referencesStage{
    row-gap:42px !important;
  }
  .referencesGrid{
    --reference-card-w:min(100%,360px);
    --reference-card-h:220px;
    --reference-logo-w:180px;
    --reference-logo-h:72px;
    grid-template-columns:minmax(0,360px) !important;
    gap:18px;
  }
  .referencesGridPreview[data-count="1"],
  .referencesGridPreview[data-count="2"],
  .referencesGridPreview[data-count="3"],
  .referencesGridPreview[data-count="4"],
  .referencesGridArchive{
    grid-template-columns:minmax(0,360px) !important;
  }
  .referencesGridPreview[data-count="3"] > .referenceCard:last-child{
    grid-column:auto;
  }
  .referenceCard{
    width:100%;
    height:var(--reference-card-h);
    gap:22px;
    padding:30px 24px 26px;
  }
}

@media (prefers-reduced-motion:reduce){
  .referenceCard.is-linked{transition:none !important}
  .referenceCard.is-linked:hover,.referenceCard.is-linked:focus-visible{transform:none !important}
}


/* =========================================================
   EXZEED 4.1.50 — PRODUCT CARD + SYMMETRIC SAFE-SPACE MASTER
   - Product mode supports up to 12 cards.
   - Max. three cards per row on wide/landscape layouts; four remains 2x2.
   - Narrow/mobile layouts remain a protected single reading column.
   - Card copy uses the canonical Body role including muted body colour.
   - A non-empty short description makes the whole front face interactive.
   - Interactive product cards have no visible CTA; the whole visible face toggles the card.
   ========================================================= */
.productCardsGrid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  align-content:flex-start !important;
  width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + var(--reference-card-w) + 48px)) !important;
  max-width:none !important;
  margin-inline:auto !important;
  gap:24px !important;
}
.productCardsGrid[data-count="1"]{
  width:min(100%,var(--reference-card-w)) !important;
}
.productCardsGrid[data-count="2"],
.productCardsGrid[data-count="4"]{
  width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + 24px)) !important;
}
.productCardsGrid > .referenceCard{
  flex:0 0 var(--reference-card-w) !important;
}

.productCard{
  position:relative;
  display:block;
  padding:0 !important;
  perspective:1200px;
  background:rgba(255,255,255,.92);
}
.productCardInner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .52s var(--ease-standard);
}
.productCard.is-flipped .productCardInner{transform:rotateY(180deg)}
.productCardFace,
.productCardStaticInner{
  position:absolute;
  inset:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:34px 32px;
  text-align:center;
}
.productCardStaticInner{position:relative;width:100%;height:100%}
.productCardFace{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(.01px);
}
.productCardBack{transform:rotateY(180deg) translateZ(.01px)}
.productCardTitle,
.productCardDescription{
  margin:0;
  max-width:28ch;
  font-size:var(--lm-body);
  line-height:1.45;
  font-weight:400;
  letter-spacing:var(--lm-body-track,normal);
  text-transform:none;
  color:var(--muted);
  text-wrap:balance;
}
.productCardTitle{
  transition:color var(--motion-fast, .18s) var(--ease-standard);
}
.productCardDescription{max-width:30ch}

.productCardTrigger{
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.productCardTrigger:focus-visible{
  outline:2px solid rgba(17,17,17,.72);
  outline-offset:-5px;
}
.productCard.is-flippable{
  cursor:pointer;
  transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard);
}
@media (hover:hover) and (pointer:fine){
  .productCard.is-flippable:hover{
    transform:translateY(-6px) scale(1.012);
    box-shadow:0 22px 54px rgba(0,0,0,.14);
    background:rgba(255,255,255,.99);
  }
  .productCard.is-flippable:hover .productCardTitle{
    color:var(--exzeed-green, var(--accent));
  }
}
.productCard.is-flippable:focus-within{
  box-shadow:0 18px 46px rgba(0,0,0,.115);
}
.productCardFront:focus-visible .productCardTitle,
.productCardFront:active .productCardTitle{
  color:var(--exzeed-green, var(--accent));
}
.productCard.is-flippable:active{
  transform:scale(.985);
}
.productCardBack.productCardTrigger{
  cursor:pointer;
}

/* EXZEED 4.1.52 — Stronger Product-card interaction cue.
   Fine-pointer hover now combines EXZEED-green title, a clearer lift/scale and
   stronger shadow while keeping the card border quiet. Touch remains tap-first. */

/* EXZEED 4.1.48 — Symmetric Product Card Safe-Space Master.
   Product cards are a centred visual object, independent from the asymmetric
   editorial text axis. The card stage keeps the same protected safe space on
   BOTH sides and centres the complete grid inside it. No product card may use
   the navigation reserve, and no extra one-sided padding is introduced. */
.layoutMasterPage .productCardsSection{
  --product-grid-safe-inline:max(var(--lm-sub-gutter,64px),var(--nav-safe-desktop,112px));
}
.layoutMasterPage .productCardsSection .referencesGridWrap{
  width:min(var(--lm-sub-content,1200px),calc(100% - (2 * var(--product-grid-safe-inline)))) !important;
  max-width:var(--lm-sub-content,1200px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
@media (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  .layoutMasterPage .productCardsSection{
    --product-grid-safe-inline:max(var(--lm-sub-gutter,48px),var(--nav-safe-mobile,96px));
  }
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .layoutMasterPage .productCardsSection{
    --product-grid-safe-inline:var(--lm-sub-gutter,56px);
  }
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .layoutMasterPage .productCardsSection{
    --product-grid-safe-inline:var(--lm-sub-gutter,22px);
  }
}

/* Medium landscape keeps the fixed card geometry and may show up to three. */
@media (min-width:1001px) and (max-width:1180px) and (orientation:landscape){
  .productCardsGrid{
    width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + var(--reference-card-w) + 44px)) !important;
    gap:22px !important;
  }
  .productCardsGrid[data-count="1"]{width:min(100%,var(--reference-card-w)) !important}
  .productCardsGrid[data-count="2"],
  .productCardsGrid[data-count="4"]{width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + 22px)) !important}
}

/* Product-card landscape master: use three columns whenever the viewport can
   safely hold the fixed card geometry. Rows fill in source order, so 7 cards
   become 3 + 3 + 1 and the final single card is centred by flex alignment.
   Four cards remain the deliberate 2 x 2 exception. */
@media (min-width:701px) and (max-width:1000px) and (orientation:landscape) and (min-height:701px){
  .productCardsGrid{
    --reference-card-w:250px;
    --reference-card-h:195px;
    width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + var(--reference-card-w) + 44px)) !important;
    gap:22px !important;
  }
  .productCardsGrid[data-count="1"]{width:min(100%,var(--reference-card-w)) !important}
  .productCardsGrid[data-count="2"],
  .productCardsGrid[data-count="4"]{width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + 22px)) !important}
}

/* Portrait tablets remain two-column; phones are handled by the protected
   one-column rule below. */
@media (orientation:portrait) and (min-width:701px) and (max-width:1180px){
  .productCardsGrid{
    width:min(100%,calc(var(--reference-card-w) + var(--reference-card-w) + 22px)) !important;
    gap:22px !important;
  }
  .productCardsGrid[data-count="1"]{width:min(100%,var(--reference-card-w)) !important}
}

/* Phones and short landscape: always one card per row. */
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .productCardsGrid,
  .productCardsGrid[data-count="1"],
  .productCardsGrid[data-count="2"],
  .productCardsGrid[data-count="4"]{
    width:min(100%,360px) !important;
    gap:18px !important;
  }
  .productCardsGrid > .referenceCard{
    flex:0 0 100% !important;
    width:100% !important;
  }
}

/* Legal pages deliberately avoid a third headline scale. Page title = Display L;
   legal section labels = Body bold; running copy = Body. */
body.legalMasterPage #main.legalPage{
  min-height:100dvh;
  padding:clamp(150px,18vh,210px) 0 var(--lm-section-space);
  overflow:visible;
}
body.legalMasterPage .legalDocumentInner{
  width:min(var(--lm-sub-content),calc(100% - 2 * var(--lm-sub-gutter)));
  margin-inline:auto;
  padding:0;
}
body.legalMasterPage .legalDocumentHeader{
  max-width:900px;
  margin-bottom:clamp(62px,7vw,92px);
}
body.legalMasterPage .legalDocumentHeader h1{
  margin:var(--lm-eyebrow-title-gap) 0 0;
  max-width:var(--lm-left-headline-max);
  font-size:var(--lm-display-l);
  line-height:var(--lm-display-l-line);
  letter-spacing:var(--lm-display-l-track);
  word-spacing:var(--lm-display-l-word);
  text-wrap:balance;
}
body.legalMasterPage .legalDocument{
  max-width:820px;
  display:grid;
  gap:clamp(42px,5vw,64px);
}
body.legalMasterPage .legalBlock h2{
  margin:0 0 14px;
  font-size:var(--lm-body);
  line-height:1.35;
  font-weight:700;
  letter-spacing:var(--lm-body-track,normal);
}
body.legalMasterPage .legalBlock p,
body.legalMasterPage .legalBlock address{
  margin:0;
  font-size:var(--lm-body);
  line-height:1.62;
  font-style:normal;
  letter-spacing:var(--lm-body-track,normal);
  color:var(--muted);
  white-space:normal;
}
body.legalMasterPage .legalBlock p + p{margin-top:18px}
body.legalMasterPage .legalBlock a{color:inherit;text-underline-offset:.18em}
body.legalMasterPage .legalStatus{
  margin-top:clamp(58px,7vw,90px);
  font-size:var(--lm-caption);
  line-height:1.5;
  color:var(--muted);
}
@media (min-width:701px) and (max-width:1180px){
  .productCardFace,.productCardStaticInner{padding:22px 20px;gap:16px}
}
@media (max-width:700px),
       (orientation:landscape) and (max-height:700px) and (max-width:1180px){
  .productCardFace,.productCardStaticInner{padding:24px 22px;gap:18px}
  body.legalMasterPage #main.legalPage{padding-top:124px}
  body.legalMasterPage .legalDocumentInner{width:calc(100% - 2 * var(--lm-sub-gutter))}
}
@media (prefers-reduced-motion:reduce){
  .productCardInner{transition:none !important}
  .productCard.is-flippable{transition:none !important}
  .productCard.is-flippable:hover{transform:none !important}
}

/* =========================================================
   EXZEED 4.1.53 — STRUCTURED CONTENT LIST + EMAIL CTA MASTER
   - "Inhaltsliste + Bild" uses repeatable Headline + Body entries.
   - Entry typography reuses the canonical Heading-S + Body tokens.
   - Item spacing is master-controlled; divider behavior is superseded by 4.1.54.
   - The image/list arrangement is selectable; final 5/7 media geometry
     is canonicalized by the 4.1.54 master correction below.
   - Stacked layouts keep the established image-first mobile contract.
   - Email CTAs are markup-identical to normal section links; mailto content
     is generated server-side and therefore inherits the CTA master unchanged.
   ========================================================= */
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialsCopy{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;
}
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialsIntro{
  margin:var(--lm-title-body-gap) 0 0 !important;
  max-width:620px !important;
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
  letter-spacing:var(--lm-body-track,normal) !important;
  color:var(--muted) !important;
}
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentials{
  display:block !important;
  width:100% !important;
  margin:clamp(36px,4vw,54px) 0 0 !important;
  padding:0 !important;
  border:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialItem{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialItem h3{
  margin:0 !important;
  font-size:var(--lm-heading-s) !important;
  line-height:var(--lm-heading-s-line) !important;
  letter-spacing:var(--lm-heading-s-track) !important;
  font-weight:700 !important;
  color:var(--ink) !important;
}
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialItem p{
  margin:10px 0 0 !important;
  font-size:var(--lm-body) !important;
  line-height:1.62 !important;
  letter-spacing:var(--lm-body-track,normal) !important;
  color:var(--muted) !important;
}

@media (min-width:1181px),
       (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageRight .lfCredibilityGrid{
    grid-template-columns:var(--lm-right-column) var(--lm-left-column) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageRight .lfCredentialsCopy{
    grid-column:1 !important;
    grid-row:1 !important;
    order:1 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageRight .lfCredibilityGrid > figure{
    grid-column:2 !important;
    grid-row:1 !important;
    order:2 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageLeft .lfCredibilityGrid{
    grid-template-columns:var(--lm-left-column) var(--lm-right-column) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageLeft .lfCredibilityGrid > figure{
    grid-column:1 !important;
    grid-row:1 !important;
    order:1 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility.credentialsImageLeft .lfCredentialsCopy{
    grid-column:2 !important;
    grid-row:1 !important;
    order:2 !important;
  }
}

@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredibilityGrid{
    grid-template-columns:minmax(0,1fr) !important;
    row-gap:var(--lm-stack-gap,34px) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredibilityGrid > figure{
    grid-column:1 !important;
    grid-row:auto !important;
    order:1 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialsCopy{
    grid-column:1 !important;
    grid-row:auto !important;
    order:2 !important;
  }
}

/* =========================================================
   EXZEED 4.1.54 — SPLIT MEDIA MASTER + DIVIDER-FREE CONTENT LIST
   - Every approved split with an image uses the same 5/12 media frame
     and 7/12 content frame, independent of image side.
   - Desktop / landscape media share one 4:5 crop master.
   - Stacked tablet / mobile media share one 4:3 crop master.
   - Inhaltsliste entries are separated only by whitespace; no divider.
   ========================================================= */
body.designSystem2.layoutMasterPage #main > .dsCredibility .lfCredentialItem + .lfCredentialItem{
  margin-top:clamp(38px,3.6vw,52px) !important;
}

@media (min-width:1181px),
       (min-width:701px) and (max-width:1180px) and (orientation:landscape) and (min-height:701px){
  /* Bild links / Text rechts: image 5, content 7. */
  body.designSystem2.layoutMasterPage #main > .dsImageLeft > .contentWrap.leadershipOfferGrid{
    grid-template-columns:var(--lm-left-column) var(--lm-right-column) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsImageLeft > .contentWrap.leadershipOfferGrid > .leadershipOfferMedia{
    grid-column:1 !important;grid-row:1 !important;order:1 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsImageLeft > .contentWrap.leadershipOfferGrid > .leadershipOfferCopy{
    grid-column:2 !important;grid-row:1 !important;order:2 !important;
  }

  /* Text links / Bild rechts: content 7, image 5. */
  body.designSystem2.layoutMasterPage #main > .dsImageRight > .contentWrap.leadershipOfferGridReverse{
    grid-template-columns:var(--lm-right-column) var(--lm-left-column) !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferCopy{
    grid-column:1 !important;grid-row:1 !important;order:1 !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsImageRight > .contentWrap.leadershipOfferGridReverse > .leadershipOfferMedia{
    grid-column:2 !important;grid-row:1 !important;order:2 !important;
  }

  body.designSystem2.layoutMasterPage #main > .dsSplit .leadershipOfferMedia,
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfPhoto{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:4/5 !important;
    overflow:hidden !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsSplit .leadershipOfferMedia img,
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfPhoto img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:var(--focus-x,50%) var(--focus-y,50%) !important;
  }
}

@media (max-width:700px),
       (max-width:1180px) and (orientation:portrait),
       (max-width:1180px) and (max-height:700px){
  body.designSystem2.layoutMasterPage #main > .dsSplit .leadershipOfferMedia,
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfPhoto{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:4/3 !important;
    overflow:hidden !important;
  }
  body.designSystem2.layoutMasterPage #main > .dsSplit .leadershipOfferMedia img,
  body.designSystem2.layoutMasterPage #main > .dsCredibility .lfPhoto img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:var(--focus-x,50%) var(--focus-y,50%) !important;
  }
}