/* =========================================================
   Exclusent, Inc. — Talent Solutions
   Design system / stylesheet
   Brand: deep navy #08152C · electric cyan #17E1ED · slate
   Type:  Space Grotesk (display) · DM Sans (body) · DM Mono (labels)
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --ink:#08152C;        /* primary text, deepest navy (from logo)   */
  --navy:#0C1F3D;       /* dark section background                  */
  --navy-2:#0A1A33;     /* deeper navy for layering                 */
  --cyan:#17E1ED;       /* brand accent                             */
  --cyan-deep:#0AA7B6;  /* deeper cyan for accents on light         */
  --paper:#F4F8FA;      /* page background (cool light)             */
  --surface:#FFFFFF;    /* cards / raised surfaces                  */
  --slate:#56616F;      /* muted / secondary text                  */
  --slate-2:#8C97A4;    /* faint text on dark                       */
  --line:#E2E8EE;       /* hairline borders on light                */
  --line-dark:rgba(255,255,255,.14); /* hairlines on dark           */

  --f-display:'Space Grotesk',system-ui,sans-serif;
  --f-body:'DM Sans',system-ui,sans-serif;
  --f-mono:'DM Mono',ui-monospace,monospace;

  --wrap:1140px;
  --gutter:clamp(20px,5vw,64px);
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 18px 50px -24px rgba(8,21,44,.30);
  --shadow-sm:0 8px 24px -16px rgba(8,21,44,.35);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset / base ---------- */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;
  font-family:var(--f-body);
  font-size:clamp(16px,1.05vw,17.5px);
  line-height:1.65;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;line-height:1.08;margin:0;letter-spacing:-.02em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}

/* ---------- Layout ---------- */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);}
.section{padding-block:clamp(64px,9vw,120px);}
.section--tight{padding-block:clamp(48px,6vw,76px);}

/* eyebrow label (mono) */
.eyebrow{
  font-family:var(--f-mono);
  font-size:.74rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cyan-deep);
  display:inline-flex;align-items:center;gap:.6em;
  margin:0 0 1.1rem;
}
.eyebrow::before{
  content:"";width:26px;height:0;border-top:2px solid var(--cyan);
}
.section-head{max-width:62ch;margin-bottom:clamp(34px,4vw,52px);}
.section-head h2{font-size:clamp(1.85rem,3.6vw,2.7rem);}
.section-head p{margin-top:1rem;color:var(--slate);font-size:1.075rem;max-width:54ch;}

/* three-bar brand glyph (decorative divider) */
.bars{display:inline-flex;flex-direction:column;gap:3px;}
.bars span{display:block;height:5px;border-radius:3px;background:var(--cyan);}
.bars--lg span{height:8px;border-radius:4px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--f-display);font-weight:600;font-size:.97rem;
  padding:.82em 1.45em;border-radius:999px;
  border:1.5px solid transparent;cursor:pointer;
  transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.btn svg{width:16px;height:16px;}
.btn--primary{background:var(--ink);color:#fff;}
.btn--primary:hover{background:var(--cyan);color:var(--ink);transform:translateY(-2px);}
.btn--cyan{background:var(--cyan);color:var(--ink);}
.btn--cyan:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(23,225,237,.6);}
.btn--ghost{border-color:var(--line);color:var(--ink);background:transparent;}
.btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px);}
.btn--on-dark{border-color:var(--line-dark);color:#fff;}
.btn--on-dark:hover{border-color:var(--cyan);color:var(--cyan);}

/* ---------- Header / nav ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(244,248,250,.82);
  backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--line);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
/* logo variants */
.brand-logo--light{display:none;}
.brand-logo--dark{display:block;}
/* transparent header overlaying a dark hero (homepage) */
.site-header--overlay{
  position:fixed;left:0;right:0;background:transparent;
  border-bottom-color:transparent;backdrop-filter:none;
}
.site-header--overlay:not(.is-solid) .nav-links a{color:#fff;}
.site-header--overlay:not(.is-solid) .nav-toggle span{background:#fff;}
.site-header--overlay:not(.is-solid) .brand-logo--dark{display:none;}
.site-header--overlay:not(.is-solid) .brand-logo--light{display:block;}
.site-header--overlay.is-solid{
  background:rgba(244,248,250,.88);
  backdrop-filter:saturate(140%) blur(12px);
  border-bottom-color:var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:74px;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.brand-mark{display:flex;flex-direction:column;gap:3px;flex:none;}
.brand-mark span{display:block;width:26px;height:6px;border-radius:3px;background:var(--cyan);}
.brand-word b{font-family:var(--f-display);font-weight:700;font-size:1.12rem;color:var(--ink);letter-spacing:-.01em;display:block;line-height:1;white-space:nowrap;}
.brand-word small{font-family:var(--f-mono);font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);display:block;margin-top:4px;}
.brand-logo{height:54px;width:auto;}
@media (max-width:920px){.brand-logo{height:44px;}}
.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2rem);}
.nav-links a{
  font-size:.95rem;color:var(--ink);position:relative;padding-block:.4rem;
}
.nav-links a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
  background:var(--cyan);transition:right .25s var(--ease);
}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{right:0;}
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:500;}
.nav-cta{display:flex;align-items:center;gap:.8rem;}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;margin:5px 0;transition:.25s var(--ease);}

@media (max-width:920px){
  .nav-toggle{display:block;}
  .nav-links,.nav-cta .btn{display:none;}
  .nav[data-open="true"] .nav-links{
    display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;
    position:absolute;left:0;right:0;top:74px;
    background:var(--surface);border-bottom:1px solid var(--line);
    padding:1.4rem var(--gutter) 1.8rem;box-shadow:var(--shadow-sm);
  }
  .nav[data-open="true"] .nav-cta .btn{display:inline-flex;}
  .nav[data-open="true"] .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav[data-open="true"] .nav-toggle span:nth-child(2){opacity:0;}
  .nav[data-open="true"] .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(64px,10vw,128px);}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,72px);align-items:center;}
.hero h1{font-size:clamp(2.5rem,6.2vw,4.4rem);letter-spacing:-.035em;}
.hero h1 .accent{color:var(--cyan-deep);}
.hero-lead{margin-top:1.5rem;font-size:clamp(1.08rem,1.7vw,1.28rem);color:var(--slate);max-width:46ch;}
.hero-actions{margin-top:2.3rem;display:flex;flex-wrap:wrap;gap:.9rem;}
.hero-meta{margin-top:2.4rem;display:flex;gap:2rem;flex-wrap:wrap;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;color:var(--slate);text-transform:uppercase;}
.hero-meta b{display:block;font-family:var(--f-display);font-size:1.5rem;letter-spacing:-.02em;color:var(--ink);text-transform:none;}

/* hero motif: stacked bars echoing the logo */
.hero-art{position:relative;display:flex;justify-content:center;}
.stack{display:flex;flex-direction:column;gap:18px;width:min(360px,80%);}
.stack .bar{
  height:64px;border-radius:14px;background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--shadow-sm);
  display:flex;align-items:center;padding:0 22px;gap:14px;
  transform:translateX(0);
}
.stack .bar i{width:34px;height:10px;border-radius:5px;background:var(--cyan);flex:none;}
.stack .bar b{font-family:var(--f-display);font-weight:600;font-size:.95rem;}
.stack .bar small{font-family:var(--f-mono);font-size:.72rem;color:var(--slate);margin-left:auto;}
.stack .bar:nth-child(2){margin-left:26px;}
.stack .bar:nth-child(3){margin-left:52px;}

@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-art{display:none;}
}

/* ---------- Banner hero (full-bleed brand banner) ---------- */
.hero-banner{background:#05101f;color:#fff;overflow:hidden;padding-bottom:clamp(34px,4.5vw,52px);}
.hero-banner-img{width:100%;line-height:0;}
.hero-banner-img img{width:100%;height:auto;}
.hero-banner-foot{padding-top:clamp(28px,4vw,44px);}
.hero-banner .eyebrow{color:var(--cyan);}
.hero-banner .eyebrow::before{border-color:var(--cyan);}
.hero-banner-lead{color:#cdd6e0;font-size:clamp(1.05rem,1.6vw,1.24rem);max-width:54ch;}
.hero-banner .hero-actions{margin-top:1.7rem;}
.hero-banner .hero-meta{margin-top:2rem;color:var(--slate-2);}
.hero-banner .hero-meta b{color:#fff;}
/* bold teal hero headline + animated stat row */
.hero-headline{font-family:var(--f-display);font-weight:700;color:var(--cyan);font-size:clamp(1.5rem,3.4vw,2.35rem);letter-spacing:-.01em;line-height:1.14;margin-bottom:1rem;}
.hero-stats{margin-top:2.3rem;display:flex;flex-wrap:wrap;gap:1.4rem 2rem;}
.hstat{padding-left:14px;border-left:2px solid var(--cyan);}
.hstat b{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(1.7rem,2.6vw,2.3rem);color:#fff;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.hstat span{display:block;margin-top:.5rem;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--slate-2);max-width:13ch;}

/* ---------- Core-4 grid ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}
.card .num{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;color:var(--cyan-deep);}
.card h3{font-size:1.22rem;margin:.85rem 0 .55rem;}
.card h3:first-child{margin-top:0;}
.card p{color:var(--slate);font-size:.97rem;}

/* ---------- CORE-4 focus cards ---------- */
.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:20px;}
.focus{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;display:flex;flex-direction:column;transition:box-shadow .2s var(--ease),border-color .2s var(--ease);}
.focus:hover{box-shadow:var(--shadow);border-color:transparent;}
.focus .num{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;color:var(--cyan-deep);}
.focus h3{font-size:1.32rem;margin:0 0 .5rem;}
.focus .tagline{font-family:var(--f-display);font-weight:600;color:var(--ink);font-size:1.04rem;line-height:1.3;margin-bottom:.7rem;}
.focus p:not(.tagline){color:var(--slate);font-size:.97rem;}
.focus .roles-label{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin:1.4rem 0 .75rem;}
.focus .roles{display:flex;flex-wrap:wrap;gap:8px;}
.focus .role{font-family:var(--f-mono);font-size:.72rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.4em .65em;}
.focus-cta{margin-top:clamp(34px,5vw,56px);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;}
.cta-oval{display:inline-flex;align-items:center;gap:.7em;background:var(--cyan);color:var(--ink);font-family:var(--f-display);font-weight:700;font-size:clamp(1.05rem,2.3vw,1.45rem);letter-spacing:-.01em;padding:1.05em 2.2em;border-radius:999px;box-shadow:0 0 0 0 rgba(23,225,237,.5);animation:cta-pulse 2.6s ease-out infinite;transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.cta-oval svg{width:1.05em;height:1.05em;transition:transform .2s var(--ease);}
.cta-oval:hover{transform:translateY(-2px) scale(1.02);animation-play-state:paused;box-shadow:0 18px 44px -14px rgba(23,225,237,.7);}
.cta-oval:hover svg{transform:translateX(5px);}
.focus-cta-desc{max-width:60ch;color:var(--slate);font-size:1.05rem;}
@keyframes cta-pulse{0%{box-shadow:0 0 0 0 rgba(23,225,237,.45);}70%{box-shadow:0 0 0 20px rgba(23,225,237,0);}100%{box-shadow:0 0 0 0 rgba(23,225,237,0);}}
@media (prefers-reduced-motion:reduce){.cta-oval{animation:none;}}
@media (max-width:520px){.focus-grid{grid-template-columns:1fr;}}

/* ---------- Navy band ---------- */
.band{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.band .eyebrow{color:var(--cyan);}
.band .eyebrow::before{border-color:var(--cyan);}
.band h2{color:#fff;font-size:clamp(1.9rem,3.8vw,2.9rem);max-width:18ch;}
.band p{color:var(--slate-2);}
.band-quote{font-family:var(--f-display);font-weight:500;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.3;letter-spacing:-.02em;max-width:24ch;color:#fff;}
.band-quote em{color:var(--cyan);font-style:normal;}
.band-bg-bars{position:absolute;right:-40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;opacity:.12;}
.band-bg-bars span{width:280px;height:42px;border-radius:10px;background:var(--cyan);}
.band-bg-bars span:nth-child(2){margin-left:60px;}
.band-bg-bars span:nth-child(3){margin-left:120px;}

/* ---------- Stats ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;}
.stat{border-left:2px solid var(--cyan);padding-left:18px;}
.stat b{display:block;font-family:var(--f-display);font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.03em;}
.stat span{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);}

/* ---------- Relationships collage ---------- */
.relationships{background:#05101f;color:#fff;}
.relationships .eyebrow{color:var(--cyan);}
.relationships .eyebrow::before{border-color:var(--cyan);}
.relationships h2{color:#fff;}
.relationships .section-head p{color:var(--slate-2);}
.section-head--center{max-width:none;text-align:center;margin-inline:auto;}
.section-head--center .eyebrow{justify-content:center;}
.section-head--center p{margin-inline:auto;}
/* ---------- Relationships photo ---------- */
.relationship-photo{margin-top:clamp(26px,3.5vw,40px);}
.relationship-photo img{width:100%;max-width:1000px;margin-inline:auto;display:block;border-radius:16px;box-shadow:0 40px 90px -40px rgba(23,225,237,.18);}
.relationships .section-head .signature{font-family:var(--f-display);font-style:italic;font-weight:600;color:var(--cyan);font-size:1.25rem;margin-top:1.25rem;}

/* ---------- Client logos strip ---------- */
.logos-strip{background:var(--surface);border-block:1px solid var(--line);}
.logos-label{text-align:center;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:clamp(22px,3vw,34px);}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.marquee-track{display:flex;align-items:center;width:max-content;animation:logo-marquee 42s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.logo-item{flex:none;width:150px;height:56px;margin-right:clamp(40px,5.5vw,74px);display:flex;align-items:center;justify-content:center;}
.logo-item img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s var(--ease),opacity .3s var(--ease);}
.marquee:hover .logo-item img{filter:grayscale(0);opacity:1;}
@keyframes logo-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none;}
  .marquee-track{animation:none;flex-wrap:wrap;justify-content:center;row-gap:26px;width:auto;}
  .logo-item img{opacity:1;filter:grayscale(1);}
}

/* ---------- Testimonials ---------- */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.quote{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;display:flex;flex-direction:column;gap:18px;
}
.quote p{font-size:1.02rem;}
.quote .by{margin-top:auto;display:flex;align-items:center;gap:12px;}
.quote .by .dot{width:57px;height:57px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;color:var(--cyan-deep);flex:none;}
.quote .by .dot-img{object-fit:cover;padding:0;background:none;}
.quote .by b{font-family:var(--f-display);font-size:.98rem;}
.quote .by span{display:block;font-size:.84rem;color:var(--slate);}
.quote-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.src{display:inline-flex;align-items:center;gap:.45em;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border:1px solid var(--line);border-radius:6px;padding:.32em .6em;}
.src--google{color:var(--cyan-deep);border-color:var(--cyan-deep);}
.stars{color:#f0a32e;letter-spacing:.08em;font-size:.95rem;line-height:1;}
.stars-rate{position:relative;display:inline-block;font-size:.95rem;line-height:1;letter-spacing:.08em;color:rgba(15,33,58,.22);}
.stars-rate::before{content:"★★★★★";}
.stars-rate::after{content:"★★★★★";position:absolute;left:0;top:0;width:var(--pct,100%);overflow:hidden;white-space:nowrap;color:#f0a32e;}
.reviews-rating{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.4rem;font-size:1rem;color:var(--slate);}
.reviews-rating b{font-family:var(--f-display);color:var(--ink);font-size:1.15rem;}
.reviews-rating .btn{margin-left:auto;}
@media (max-width:560px){.reviews-rating .btn{margin-left:0;}}
.reviews-rating--center{justify-content:center;margin-top:clamp(28px,4vw,44px);}
.reviews-rating--center .btn{margin-left:0;}
a.quote{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
a.quote:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--cyan-deep);}
.quote-link{margin-left:auto;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep);white-space:nowrap;}

/* ---------- Google reviews carousel ---------- */
.reviews-marquee{margin-top:clamp(30px,4vw,46px);}
.reviews-marquee .marquee-track{align-items:stretch;animation-duration:90s;}
.gcard{flex:none;width:340px;max-width:80vw;margin-right:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;white-space:normal;}
.gcard p{font-size:.95rem;color:var(--ink);line-height:1.62;}
.gcard .by{margin-top:auto;display:flex;align-items:center;gap:12px;}
.gcard .by .dot{width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;flex:none;font-family:var(--f-display);font-weight:700;font-size:.8rem;color:var(--cyan-deep);}
.gcard .by b{font-family:var(--f-display);font-size:.94rem;}
.gcard .by > span > span{display:block;font-size:.8rem;color:var(--slate);}

/* ---------- Principles ---------- */
.principles{display:flex;flex-wrap:wrap;gap:12px;}
.pill{
  display:inline-flex;align-items:center;gap:.6em;
  border:1px solid var(--line);background:var(--surface);
  border-radius:999px;padding:.7em 1.2em;font-family:var(--f-display);font-weight:500;font-size:.96rem;
}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);}

/* ---------- LinkedIn editorial band ---------- */
.ed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:clamp(26px,3.5vw,40px);}
.ed-item{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
.ed-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--cyan-deep);}
.ed-num{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;color:var(--cyan-deep);flex:none;}
.ed-title{font-family:var(--f-display);font-weight:600;font-size:1.02rem;line-height:1.32;color:var(--ink);flex:1;}
.ed-item svg{width:18px;height:18px;color:var(--slate);flex:none;}
@media(max-width:620px){.ed-grid{grid-template-columns:1fr;}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.editorial-split{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(28px,4.5vw,60px);align-items:center;}
.editorial-art img{width:100%;display:block;border-radius:18px;box-shadow:0 36px 80px -34px rgba(8,21,44,.6);}
.editorial-body .eyebrow{margin-bottom:.55rem;}
.editorial-lead{color:var(--slate);font-size:1.06rem;line-height:1.62;max-width:52ch;}
.ed-list{display:flex;flex-direction:column;gap:12px;margin-top:clamp(22px,3vw,30px);}
@media(max-width:780px){.editorial-split{grid-template-columns:1fr;}.editorial-art{max-width:460px;margin-inline:auto;}}
.editorial-band{background-color:#fff;background-image:radial-gradient(rgba(8,21,44,.05) 1.1px,transparent 1.1px);background-size:22px 22px;color:var(--ink);}
.editorial-head{text-align:center;margin-bottom:clamp(30px,4.5vw,52px);}
.editorial-head .eyebrow{justify-content:center;margin-top:.5rem;}
.editorial-title-text{font-family:var(--f-display);font-weight:700;font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink);max-width:20ch;margin:0 auto;}
.editorial-band .editorial-art img{border-radius:0;box-shadow:none;}

/* ---------- Core principles (cityscape band) ---------- */
.principles-band{position:relative;background:url("assets/cityscape.jpg") center/cover no-repeat;color:#fff;min-height:clamp(520px,44vw,650px);padding:clamp(40px,4.5vw,64px) 0 0;}
.principles-band .eyebrow{color:var(--cyan);justify-content:center;}
.principles-band .eyebrow::before{border-color:var(--cyan);background:var(--cyan);}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.principle{text-align:center;padding-top:20px;border-top:2px solid var(--cyan);}
.principle b{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,2.5vw,2rem);color:#fff;letter-spacing:-.01em;text-shadow:0 2px 16px rgba(0,0,0,.6);}
.principles-sig{text-align:center;margin-top:clamp(16px,2vw,26px);font-family:var(--f-display);font-style:italic;font-weight:600;color:var(--cyan);font-size:1.2rem;text-shadow:0 2px 14px rgba(0,0,0,.5);}
@media(max-width:620px){.principles-grid{grid-template-columns:1fr 1fr;gap:30px 20px;}}

/* ---------- Split / generic two-col ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;}
.split--text p{color:var(--slate);margin-top:1.1rem;}
@media (max-width:820px){.split{grid-template-columns:1fr;}}

/* ---------- Roles (Talent) ---------- */
.role{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 28px;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.role:hover{border-color:transparent;box-shadow:var(--shadow);}
.role + .role{margin-top:14px;}
.role h3{font-size:1.2rem;}
.role .tags{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:8px;}
.role .tag{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.3em .65em;}
.role p{color:var(--slate);font-size:.96rem;margin-top:.7rem;max-width:60ch;}
@media (max-width:620px){.role{grid-template-columns:1fr;}}

/* ---------- Insights list ---------- */
.posts{display:grid;gap:14px;}
.post{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 28px;display:block;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.post:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent;}
.post .meta{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep);display:flex;gap:1rem;flex-wrap:wrap;}
.post h3{font-size:1.3rem;margin:.7rem 0 .55rem;}
.post p{color:var(--slate);font-size:.98rem;}
.post .more{display:inline-flex;align-items:center;gap:.4em;margin-top:1rem;font-family:var(--f-display);font-weight:600;font-size:.92rem;color:var(--ink);}
.post:hover .more{color:var(--cyan-deep);}

/* ---------- Video embeds (Vimeo) ---------- */
.videos{--vw:min(408px,86vw);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;}
.video{flex:0 0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
.video.v-square{width:var(--vw);}
.video.v-vertical{width:calc(var(--vw) * 9 / 16);}
.video:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent;}
.video .frame{position:relative;width:100%;background:var(--ink);}
.video.v-square .frame{aspect-ratio:1/1;}
.video.v-vertical .frame{aspect-ratio:9/16;}
.video .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video .vmeta{padding:18px 22px 22px;}
.video .vmeta .meta{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep);}
.video h3{font-size:1.18rem;margin-top:.55rem;}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,56px);}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr;}}
.field{margin-bottom:16px;}
.field label{display:block;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:.5rem;}
.field input,.field select,.field textarea{
  width:100%;font:inherit;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8em .95em;transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.field textarea{min-height:130px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(23,225,237,.25);}
.contact-info dt{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:1.4rem;}
.contact-info dd{margin:.3rem 0 0;font-size:1.08rem;}
.contact-info dd a:hover{color:var(--cyan-deep);}
.map{margin-top:1.6rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);}
.map iframe{display:block;width:100%;height:260px;border:0;}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:#fff;padding-block:clamp(48px,6vw,72px) 32px;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(40px,6vw,84px);flex-wrap:wrap;}
.footer-logo{height:50px;width:auto;display:block;margin-bottom:1.4rem;}
.footer-social{display:flex;gap:16px;align-items:center;}
.footer-social a{display:inline-flex;color:#aeb9c6;transition:color .2s var(--ease),transform .2s var(--ease);}
.footer-social a:hover{color:var(--cyan);transform:translateY(-2px);}
.footer-social svg{width:22px;height:22px;display:block;}
.footer-links{display:flex;gap:clamp(48px,5vw,76px);}
.footer-col h4{font-family:var(--f-mono);font-weight:400;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.1rem;}
.footer-col a,.footer-col p{display:block;color:#cdd6e0;font-size:1rem;line-height:1.5;margin-bottom:.6rem;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--slate-2);font-size:.84rem;}
@media (max-width:680px){.footer-top{flex-direction:column;gap:34px;}.footer-links{gap:56px;}}

/* ---------- Reveal animation (progressive enhancement: only hides when JS is active) ---------- */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none;}
  .stack .bar{transition:none;}
}

/* ---------- Focus visibility ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--cyan-deep);outline-offset:2px;border-radius:4px;
}

/* ---------- Misc page intro ---------- */
.page-hero{padding-block:clamp(28px,4vw,52px) clamp(20px,3vw,36px);}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:18ch;}
.page-hero p{margin-top:1.2rem;color:var(--slate);font-size:1.1rem;max-width:54ch;}
.note{font-family:var(--f-mono);font-size:.8rem;color:var(--slate);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.9em 1.1em;}

/* ============ ABOUT PAGE ============ */
.btn--ghost-light{border-color:rgba(255,255,255,.32);color:#fff;background:transparent;}
.btn--ghost-light:hover{border-color:#fff;transform:translateY(-2px);}

.office-band{height:clamp(300px,42vw,580px);background:url("assets/lobby.jpg") center/cover no-repeat;}

.founder{display:grid;grid-template-columns:300px 1fr;gap:clamp(34px,5vw,72px);align-items:start;}
.founder-aside{position:sticky;top:100px;text-align:center;}
.founder-photo{width:min(260px,72%);aspect-ratio:1;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1.3rem;box-shadow:0 26px 56px -22px rgba(8,21,44,.45);}
.founder-aside h3{font-family:var(--f-display);font-weight:600;font-size:1.45rem;color:var(--ink);}
.founder-aside .founder-role{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);margin-top:.35rem;}
.founder-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.4rem;}
.founder-actions .btn{width:100%;max-width:230px;justify-content:center;}
.bio{max-width:66ch;}
.bio p{color:var(--ink);font-size:1.06rem;line-height:1.74;}
.bio p + p{margin-top:1.15em;}
.bio .bio-highlight{margin:1.5em 0;padding:.25em 0 .25em 1.3rem;border-left:3px solid var(--cyan);font-family:var(--f-display);font-weight:500;font-size:1.22rem;line-height:1.5;color:var(--ink);}
@media(max-width:840px){.founder{grid-template-columns:1fr;}.founder-aside{position:static;margin-bottom:.5rem;}}

.award-section{background:var(--surface);border-block:1px solid var(--line);}
.award{display:flex;align-items:center;gap:clamp(22px,3.5vw,46px);flex-wrap:wrap;}
.award-badge{flex:none;width:132px;height:132px;border-radius:18px;background:#15403f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;box-shadow:0 18px 40px -18px rgba(21,64,63,.6);}
.award-badge b{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;font-size:1.7rem;}
.award-badge span{font-family:var(--f-display);font-weight:700;font-size:.82rem;letter-spacing:.06em;margin-top:.3rem;}
.award-badge small{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.18em;color:var(--cyan);margin-top:.35rem;}
.award-body{flex:1;min-width:260px;}
.award-body h2{margin:.15rem 0 .6rem;}
.award-body p{color:var(--slate);max-width:54ch;}
.award-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;font-family:var(--f-display);font-weight:600;color:var(--cyan-deep);text-decoration:none;}
.award-link svg{width:17px;height:17px;transition:transform .2s var(--ease);}
.award-link:hover svg{transform:translate(2px,-2px);}

/* About: photo collage wall */
.collage-band{background:#08152C;color:#fff;overflow:hidden;}
.collage-band h2{color:#fff;}
.collage-band .eyebrow{color:var(--cyan);justify-content:center;}
.collage-band .eyebrow::before{border-color:var(--cyan);background:var(--cyan);}
.collage{display:flex;gap:16px;height:clamp(440px,54vw,580px);margin-top:clamp(28px,3.5vw,46px);-webkit-mask:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);mask:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);}
.collage-col{flex:1;overflow:hidden;}
.collage-track{display:flex;flex-direction:column;gap:16px;animation:collage-up 40s linear infinite;}
.collage-col:nth-child(2) .collage-track{animation-name:collage-down;animation-duration:46s;}
.collage-col:nth-child(3) .collage-track{animation-duration:52s;}
.collage-track img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;display:block;box-shadow:0 14px 30px -16px rgba(0,0,0,.5);}
@keyframes collage-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes collage-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.collage:hover .collage-track{animation-play-state:paused;}
@media(max-width:640px){.collage-col:nth-child(3){display:none;}.collage{height:clamp(380px,90vw,480px);}}
@media(prefers-reduced-motion:reduce){.collage-track{animation:none;}}




/* ============ EMPLOYERS PAGE ============ */
/* Hero: full-width headline, then copy + proof card */
.emp-hero .wrap{display:grid;grid-template-columns:2fr 1fr;gap:clamp(30px,4.2vw,58px);align-items:center;}
.emp-hero h1{max-width:none;font-size:clamp(1.85rem,2.9vw,2.4rem);line-height:1.12;}
.emp-hero .hero-copy p{margin-top:1.3rem;max-width:48ch;color:var(--slate);font-size:1.08rem;}
.emp-hero .hero-actions{margin-top:1.9rem;}
@media(max-width:860px){.emp-hero .wrap{grid-template-columns:1fr;}.emp-hero .hero-quote{max-width:520px;}}

.hero-quote{position:relative;background:linear-gradient(155deg,#0C1F3D,#070F1F);color:#fff;border:1px solid var(--line-dark);border-radius:var(--radius);padding:clamp(28px,3.4vw,42px);box-shadow:var(--shadow);overflow:hidden;}
.hero-quote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cyan);}
.hero-quote .src{display:inline-flex;align-items:center;gap:.5em;margin-bottom:1.2rem;color:var(--slate-2);border-color:var(--line-dark);text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease);}
.hero-quote a.src:hover{color:var(--cyan);border-color:var(--cyan);}
.hero-quote a.src svg{width:11px;height:11px;}
.hero-quote p{color:#EAF1F5;font-size:1.07rem;line-height:1.6;max-width:none;margin:0 0 1.6rem;}
.hero-quote .by{display:flex;align-items:center;gap:13px;}
.hero-quote .by img{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line-dark);}
.hero-quote .by b{font-family:var(--f-display);font-size:.98rem;color:#fff;display:block;line-height:1.2;}
.hero-quote .by .qrole{font-size:.83rem;color:var(--slate-2);}

/* Engagement: flip cards */
.flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px;}
.flip{perspective:1500px;min-height:206px;border-radius:var(--radius);outline:none;}
.flip-inner{position:relative;width:100%;height:100%;min-height:inherit;transition:transform .6s var(--ease);transform-style:preserve-3d;}
.flip:hover .flip-inner,.flip:focus-visible .flip-inner{transform:rotateY(180deg);}
.flip:focus-visible{box-shadow:0 0 0 3px rgba(23,225,237,.5);}
.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,2.6vw,34px);border-radius:var(--radius);border:1px solid var(--line-dark);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.flip-front{background:linear-gradient(135deg,#0C1F3D,#070F1F);color:#fff;}
.flip-front .enum{font-family:var(--f-mono);font-size:.82rem;letter-spacing:.16em;color:var(--cyan);margin-bottom:.8rem;}
.flip-front h3{font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;margin:0;letter-spacing:-.02em;}
.flip-front .flip-hint{margin-top:auto;padding-top:1.2rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);display:inline-flex;align-items:center;gap:.5em;}
.flip-front .flip-hint svg{width:13px;height:13px;color:var(--cyan);}
.flip-back{background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));color:var(--ink);transform:rotateY(180deg);}
.flip-back .enum{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.14em;color:rgba(8,21,44,.6);margin-bottom:.7rem;}
.flip-back p{color:var(--ink);font-size:1.04rem;line-height:1.5;font-weight:500;margin:0;}

/* How We Deliver — light intro (compact) */
.deliver-intro{background:var(--surface);border-block:1px solid var(--line);padding-block:clamp(38px,4.6vw,60px);}
.deliver-intro .section-head{margin-bottom:0;}
.deliver-lead{font-family:var(--f-display);font-weight:500;font-size:clamp(1.2rem,2.3vw,1.65rem);color:var(--ink);line-height:1.4;max-width:36ch;margin:1.1rem auto 0;}

/* TAAP — dark feature band (compact) */
.taap-band{background:#05101f;color:#fff;text-align:center;padding-block:clamp(44px,5.5vw,78px);}
.taap-head{margin-bottom:1.7rem;}
.taap-logo{display:block;margin:0 auto;height:clamp(30px,4.4vw,46px);width:auto;filter:drop-shadow(0 0 34px rgba(23,225,237,.28));}
.taap-full{font-family:var(--f-mono);font-size:.85rem;letter-spacing:.04em;color:var(--slate-2);margin-top:.9rem;}
.taap-sentence{font-family:var(--f-display);font-weight:500;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.42;letter-spacing:-.01em;color:#fff;max-width:30ch;margin:0 auto;}
.taap-sentence em{color:var(--cyan);font-style:normal;}
.taap-band .deliver-body{max-width:64ch;margin:clamp(30px,4vw,44px) auto 0;color:var(--slate-2);font-size:1.04rem;line-height:1.72;}

/* ============ TALENT PAGE ============ */
/* Full-bleed image hero */
.talent-hero{position:relative;min-height:clamp(470px,64vh,620px);display:flex;align-items:center;overflow:hidden;background:var(--navy);}
.talent-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.talent-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,28,.95) 0%,rgba(5,13,28,.87) 40%,rgba(5,13,28,.56) 66%,rgba(5,13,28,.12) 100%);}
.talent-hero .wrap{position:relative;z-index:2;}
.talent-hero-copy{max-width:46rem;}
.talent-hero-copy h1{color:#fff;font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.06;letter-spacing:-.01em;}
.talent-hero-copy p{color:#D7E1EC;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.5;margin-top:1.35rem;max-width:none;}
.talent-hero .hero-actions{margin-top:2rem;}
@media(max-width:680px){.talent-hero-scrim{background:linear-gradient(180deg,rgba(5,13,28,.55) 0%,rgba(5,13,28,.88) 70%);}.talent-hero{align-items:flex-end;padding-bottom:38px;min-height:62vh;}}

/* Why work with Exclusent — 4 flip cards */
.flip-grid--why{grid-template-columns:repeat(4,1fr);}
.flip-grid--why .flip{min-height:280px;}
.flip-grid--why .flip-back p{font-size:.9rem;line-height:1.5;}
@media(max-width:880px){.flip-grid--why{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.flip-grid--why{grid-template-columns:1fr;}.flip-grid--why .flip{min-height:200px;}}

/* Dark feature band + offer/decision statement */
.feature-band{background:#05101f;color:#fff;}
.feature-band h2{color:#fff;}
.offer{text-align:center;max-width:66ch;margin-inline:auto;}
.offer h2{font-size:clamp(2rem,4.3vw,3.15rem);line-height:1.12;letter-spacing:-.02em;max-width:20ch;margin:0 auto;}
.offer h2 em{color:var(--cyan);font-style:normal;}
.offer p{color:var(--slate-2);font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.6;max-width:58ch;margin:clamp(20px,2.6vw,32px) auto 0;}

/* ============ CONTACT PAGE ============ */
/* Employer fast-path card */
.fastpath{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,40px);background:linear-gradient(135deg,#0C1F3D,#070F1F);color:#fff;border:1px solid var(--line-dark);border-radius:var(--radius);padding:clamp(26px,3vw,36px) clamp(26px,3.2vw,42px);position:relative;overflow:hidden;margin-bottom:clamp(34px,4.5vw,54px);}
.fastpath::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cyan);}
.fastpath h2{color:#fff;font-size:clamp(1.25rem,2.2vw,1.6rem);margin:0 0 .45rem;}
.fastpath p{color:var(--slate-2);font-size:.99rem;max-width:52ch;margin:0;}
.fastpath .btn{flex:none;}
@media(max-width:720px){.fastpath{flex-direction:column;align-items:flex-start;}}

/* Honeypot: visually removed but present for bots */
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}

/* Thank-you state */
.form-success{display:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(34px,4vw,48px);text-align:center;}
.form-success.show{display:block;}
.form-success .tick{width:58px;height:58px;border-radius:50%;margin:0 auto 1.2rem;display:grid;place-items:center;background:rgba(23,225,237,.12);color:var(--cyan-deep);}
.form-success .tick svg{width:28px;height:28px;}
.form-success h3{font-size:1.4rem;margin-bottom:.5rem;}
.form-success p{color:var(--slate);max-width:44ch;margin-inline:auto;}
.form-error{display:none;margin-top:1rem;font-size:.92rem;color:#B4232A;background:#FDEBEC;border:1px solid #F5C6C9;border-radius:var(--radius-sm);padding:.8em 1em;}
.form-error.show{display:block;}
.btn[disabled]{opacity:.6;pointer-events:none;}

.videos-more{text-align:center;margin-top:clamp(32px,4vw,50px);}

/* ---------- Insights: featured leaders ---------- */
.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);}
.leader{text-align:center;}
.leader-photo{width:clamp(112px,13vw,150px);aspect-ratio:1;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1.1rem;border:4px solid #fff;box-shadow:0 16px 36px -14px rgba(8,21,44,.34),0 0 0 1px var(--line);transition:transform .22s var(--ease),box-shadow .22s var(--ease);}
.leader:hover .leader-photo{transform:translateY(-4px);box-shadow:0 22px 44px -16px rgba(8,21,44,.4),0 0 0 1px var(--cyan);}
.leader b{display:block;font-family:var(--f-display);font-weight:600;font-size:1.06rem;line-height:1.25;color:#fff;}
.leader span{display:block;color:var(--slate-2);font-size:.9rem;line-height:1.4;margin-top:.3rem;}
.feature-band .section-head p{color:var(--slate-2);}
@media(max-width:720px){.leaders{grid-template-columns:repeat(2,1fr);gap:28px 20px;}}