/* ============================================================
   SENATUS FUND - Website (extends the design-system tokens)
   Roman institutional restraint + modern venture intelligence.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font-sans);background:var(--paper);color:var(--text-ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;margin:0}
p{margin:0}

:root{
  --edge:clamp(20px,5vw,72px);       /* page gutter */
  --maxw:1320px;
  --sec:clamp(56px,7vw,96px);       /* vertical section rhythm */
}

.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge)}

/* ---------- inscriptional bits ---------- */
.kick{font:600 12px/1 var(--font-inscription);letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
.kick.ink{color:var(--accent-on-light)}
.idx{font-family:var(--font-display);font-size:20px;color:var(--accent);font-variant-numeric:tabular-nums}
.idx.ink{color:var(--accent-on-light)}
.eyebrow-row{display:flex;align-items:baseline;gap:16px}

/* laurel node divider */
.laurel{display:flex;align-items:center;gap:14px;width:100%;color:var(--accent)}
.laurel span.l{height:1px;flex:1;background:var(--line-gold)}
.laurel span.n{width:6px;height:6px;transform:rotate(45deg);background:var(--accent);flex:none}
.laurel.ink{color:var(--accent-on-light)}
.laurel.ink span.l{background:var(--line-on-paper)}
.laurel.ink span.n{background:var(--accent-on-light)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:600 14px/1 var(--font-sans);letter-spacing:.02em;padding:15px 28px;border-radius:var(--radius-sm);
  border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out),transform .12s var(--ease-out)}
.btn:active{transform:translateY(1px)}
.btn .ar{transition:transform .18s var(--ease-out)}
.btn:hover .ar{transform:translateX(3px)}
.b-primary{background:var(--gold-400);color:var(--navy-900)}
.b-primary:hover{background:var(--gold-300)}
.b-outline{background:transparent;color:var(--text-on-space);border-color:var(--line-on-space)}
.b-outline:hover{border-color:var(--accent);color:var(--accent)}
.b-ink{background:transparent;color:var(--text-ink);border:1px solid var(--stone-200)}
.b-ink:hover{border-color:var(--gold-600);color:var(--accent-on-light)}
.btn.sm{padding:11px 18px;font-size:13px}
.btn.lg{padding:18px 34px;font-size:15px}

/* ============================================================
   NAV
   ============================================================ */
.nav{position:sticky;top:0;z-index:40;background:rgba(7,23,38,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-on-space)}
.nav-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:16px var(--edge)}
.nav .logo{height:34px}
.nav-links{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav-links a{color:var(--text-on-space);text-decoration:none;font:500 14px/1 var(--font-sans);opacity:.82;transition:.16s}
.nav-links a:hover{opacity:1;color:var(--accent)}
.nav-links a.active{opacity:1;color:var(--accent)}
.nav-cta{display:flex;gap:10px;align-items:center}
.nav-toggle{display:none;background:none;border:1px solid var(--line-on-space);color:var(--text-on-space);
  width:42px;height:38px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle svg{width:20px;height:20px}
.nav-mobile{display:none}

@media(max-width:1040px){
  .nav-links{display:none}
  .nav .nav-cta .btn{display:none}
  .nav-toggle{display:inline-flex}
  .nav-mobile.open{display:block;background:var(--navy-800);border-bottom:1px solid var(--line-on-space)}
  .nav-mobile ul{list-style:none;margin:0;padding:8px var(--edge) 22px;display:flex;flex-direction:column;gap:2px}
  .nav-mobile a{color:var(--text-on-space);text-decoration:none;font:500 16px/1 var(--font-sans);padding:14px 0;
    border-bottom:1px solid var(--line-on-space);opacity:.9}
  .nav-mobile .mrow{display:flex;gap:10px;padding-top:16px}
  .nav-mobile .mrow .btn{flex:1}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;background:var(--navy-800);color:var(--text-on-space);overflow:hidden;
  padding:clamp(64px,10vw,120px) 0 clamp(48px,6vw,72px)}
.hero .seal{position:absolute;right:-14%;top:-6%;width:min(660px,68vw);opacity:.07;pointer-events:none;
  filter:saturate(.8)}
.hero .flutes{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent 118px,var(--line-gold-soft) 118px,var(--line-gold-soft) 119px)}
.hero-in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge)}
.hero .kick-line{display:flex;align-items:center;gap:14px}
.hero .kick-line .l{height:1px;width:44px;background:var(--line-gold)}
.hero h1{font-size:clamp(40px,6.6vw,88px);line-height:1.0;letter-spacing:-.025em;margin-top:26px;max-width:16ch}
.hero h1 .g{color:var(--accent);font-style:italic}
.hero .sub{font-family:var(--font-serif);font-size:clamp(17px,2vw,22px);line-height:1.55;
  color:var(--text-muted-on-space);max-width:56ch;margin-top:28px}
.hero .cta{display:flex;flex-wrap:wrap;gap:32px;margin-top:36px}
.hero .cta .route{position:relative}
.route-kick{display:block;font:600 11px/1 var(--font-inscription);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.hero-facts{position:relative;z-index:2;max-width:var(--maxw);margin:clamp(48px,6vw,72px) auto 0;
  padding:0 var(--edge);display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:22px 26px 0;border-top:2px solid var(--gold-400)}
.fact:not(:first-child){border-left:1px solid var(--line-gold)}
.fact .l{font:600 11px/1.3 var(--font-inscription);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.fact .v{font-family:var(--font-display);font-size:clamp(24px,2.6vw,32px);margin-top:10px;color:var(--text-on-space);
  font-variant-numeric:tabular-nums}
.fact .n{font-size:13px;color:var(--text-muted-on-space);margin-top:6px}

@media(max-width:820px){
  .hero-facts{grid-template-columns:repeat(2,1fr);gap:0}
  .fact:nth-child(2){border-left:1px solid var(--line-gold)}
  .fact:nth-child(3),.fact:nth-child(4){margin-top:26px}
  .fact:nth-child(3){border-left:none}
}
@media(max-width:460px){
  .hero-facts{grid-template-columns:1fr}
  .fact{border-left:none!important;margin-top:22px}
  .fact:first-child{margin-top:0}
}

/* ============================================================
   SECTION SCAFFOLD
   ============================================================ */
section{padding:var(--sec) 0}
.band-navy{background:var(--navy-800);color:var(--text-on-space)}
.band-void{background:var(--navy-900);color:var(--text-on-space)}
.band-dim{background:var(--paper-dim)}
.sechead{display:flex;align-items:flex-start;gap:20px;max-width:34ch}
.sechead h2{font-size:clamp(30px,4.2vw,52px);line-height:1.05;margin-top:12px}
.sechead .kick{margin-bottom:0}
.sechead.center{margin:0 auto;text-align:center;max-width:none}
.sechead.center .stack{max-width:30ch;margin:0 auto}
.lead{font-family:var(--font-serif);font-size:clamp(16px,1.7vw,19px);line-height:1.6;color:var(--text-ink-muted);max-width:60ch}
.band-navy .lead,.band-void .lead{color:var(--text-muted-on-space)}

/* ============================================================
   CONVICTION LOOP
   ============================================================ */
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:56px;position:relative}
.loop-step{position:relative;padding:26px 22px 30px;border-top:2px solid var(--line-gold)}
.loop-step:last-child{border-top-color:var(--gold-400)}
.loop-step .sn{font-family:var(--font-display);font-size:15px;color:var(--accent);font-variant-numeric:tabular-nums}
.loop-step h4{font-size:clamp(18px,1.7vw,22px);font-weight:500;color:var(--text-on-space);margin-top:16px;line-height:1.15}
.loop-step p{font-size:13.5px;line-height:1.55;color:var(--text-muted-on-space);margin-top:10px}
.loop-step .arrow{position:absolute;right:-9px;top:18px;color:var(--accent);opacity:.8;font-size:14px}
.loop-step:last-child .arrow{display:none}
.loop-cap{margin-top:34px;display:flex;align-items:center;gap:16px;color:var(--text-muted-on-space);
  font-family:var(--font-serif);font-style:italic;font-size:17px}
@media(max-width:900px){
  .loop{grid-template-columns:repeat(2,1fr)}
  .loop-step:nth-child(-n+2){border-top-color:var(--line-gold)}
  .loop-step .arrow{display:none}
}
@media(max-width:520px){.loop{grid-template-columns:1fr}}

/* ============================================================
   WHY SENATUS - 4 pillars (asymmetric, not equal-height slop)
   ============================================================ */
.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:12px;align-items:start}
.why-pillars{display:grid;grid-template-columns:1fr 1fr;gap:0}
.why-pillar{padding:24px 26px 30px;border-top:2px solid var(--gold-400)}
.why-pillar:nth-child(even){border-left:1px solid var(--line-on-paper)}
.why-pillar .pn{font-family:var(--font-display);font-size:26px;color:var(--accent-on-light)}
.why-pillar h3{font-size:22px;font-weight:500;margin:12px 0 10px}
.why-pillar p{font-size:14.5px;line-height:1.6;color:var(--text-ink-muted)}
@media(max-width:880px){.why-grid{grid-template-columns:1fr}}
@media(max-width:520px){.why-pillars{grid-template-columns:1fr}.why-pillar:nth-child(even){border-left:none}}

/* ============================================================
   INVESTMENT PLATFORM - pipeline
   ============================================================ */
.pipe{margin-top:52px;border:1px solid var(--line-gold);background:linear-gradient(180deg,rgba(11,36,56,.5),rgba(7,23,38,0));border-radius:var(--radius-lg);overflow:hidden}
.pipe-track{display:grid;grid-template-columns:repeat(7,1fr)}
.pipe-node{position:relative;padding:26px 18px 30px;border-right:1px solid var(--line-gold-soft)}
.pipe-node:last-child{border-right:none}
.pipe-node .st{font:600 11px/1 var(--font-inscription);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.pipe-node .dot{width:9px;height:9px;transform:rotate(45deg);background:var(--accent);margin:16px 0}
.pipe-node h4{font-size:16px;font-weight:500;color:var(--text-on-space);line-height:1.25}
.pipe-node p{font-size:12.5px;line-height:1.5;color:var(--text-muted-on-space);margin-top:8px}
.pipe-node.ic{background:rgba(218,185,119,.08)}
@media(max-width:1000px){.pipe-track{grid-template-columns:repeat(2,1fr)}.pipe-node{border-bottom:1px solid var(--line-gold-soft)}.pipe-node:nth-child(2n){border-right:none}}
@media(max-width:520px){.pipe-track{grid-template-columns:1fr}.pipe-node{border-right:none}}

.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.module{padding:24px 22px;background:var(--navy-700);border:1px solid var(--line-on-space);border-radius:var(--radius);
  transition:border-color .18s,transform .18s}
.module:hover{border-color:var(--line-gold);transform:translateY(-2px)}
.module .mk{font:600 10.5px/1 var(--font-inscription);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.module h4{font-size:18px;font-weight:500;color:var(--text-on-space);margin:14px 0 8px}
.module p{font-size:13.5px;line-height:1.55;color:var(--text-muted-on-space)}
@media(max-width:900px){.modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.modules{grid-template-columns:1fr}}

/* ============================================================
   METRICS BAND
   ============================================================ */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px}
.metric{padding:24px 26px 0;border-top:2px solid var(--gold-400)}
.metric:not(:first-child){border-left:1px solid var(--line-gold)}
.metric .v{font-family:var(--font-display);font-size:clamp(38px,5vw,66px);line-height:.92;letter-spacing:-.02em;
  color:var(--accent);font-variant-numeric:tabular-nums}
.metric .l{font:600 12px/1.3 var(--font-inscription);letter-spacing:.14em;text-transform:uppercase;margin-top:16px;color:var(--text-on-space)}
.metric .n{font-size:13.5px;color:var(--text-muted-on-space);margin-top:8px;line-height:1.5}
@media(max-width:820px){.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3),.metric:nth-child(4){margin-top:30px}.metric:nth-child(3){border-left:none}}
@media(max-width:460px){.metrics{grid-template-columns:1fr}.metric{border-left:none!important;margin-top:26px}.metric:first-child{margin-top:0}}

/* ============================================================
   TEAM PREVIEW
   ============================================================ */
.team{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:52px}
.tcard{border-top:1px solid var(--line-on-paper);padding-top:22px}
.avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:top center;border:1px solid var(--stone-200);background:var(--navy-700);filter:grayscale(.12) contrast(1.02)}
.tcard h4{font-weight:500;font-size:20px;margin:18px 0 4px}
.tcard .role{font:600 11px/1.3 var(--font-inscription);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-light)}
.tcard p{font-size:13.5px;line-height:1.55;color:var(--text-ink-muted);margin-top:10px}
@media(max-width:900px){.team{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.team{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   DIA
   ============================================================ */
.dia-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;margin-top:8px}
.dia-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-on-space);border:1px solid var(--line-on-space)}
.dia-stat{background:var(--navy-800);padding:32px 28px}
.dia-stat .v{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);line-height:.9;color:var(--accent);letter-spacing:-.02em}
.dia-stat .l{font-size:14px;line-height:1.5;color:var(--text-on-space);margin-top:14px;max-width:22ch}
.dia-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:2px}
.dia-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line-on-space);
  font-size:15px;line-height:1.5;color:var(--text-muted-on-space)}
.dia-list li .d{width:7px;height:7px;transform:rotate(45deg);background:var(--accent);flex:none;margin-top:7px}
.dia-list li b{color:var(--text-on-space);font-weight:600}
@media(max-width:880px){.dia-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.dia-stats{grid-template-columns:1fr}}

/* ============================================================
   SPV INSIGHT CALLOUT
   ============================================================ */
.insight{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border:1px solid var(--line-on-paper);
  border-radius:var(--radius-lg);overflow:hidden;margin-top:44px;background:var(--white)}
.insight-body{padding:clamp(32px,4vw,52px)}
.insight-body .tag{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--font-inscription);
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-light);border:1px solid var(--stone-200);
  padding:7px 12px;border-radius:var(--radius-badge)}
.insight-body h3{font-size:clamp(24px,3vw,36px);line-height:1.1;margin:22px 0 16px;max-width:20ch}
.insight-body p{font-family:var(--font-serif);font-size:16px;line-height:1.65;color:var(--text-ink-muted);max-width:52ch}
.insight-body .meta{margin-top:22px;font:600 12px/1 var(--font-inscription);letter-spacing:.1em;text-transform:uppercase;color:var(--text-ink-faint)}
.insight-side{position:relative;overflow:hidden;background:var(--navy-800);color:var(--text-on-space);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.insight-side .isbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.5);opacity:.5}
.insight-side .isoverlay{position:absolute;inset:0;background:linear-gradient(175deg,rgba(5,13,24,.6),rgba(5,13,24,.93))}
.insight-side .q{position:relative;z-index:2;font-family:var(--font-display);font-style:italic;font-size:22px;line-height:1.35;color:var(--text-on-space)}
.insight-side .list{position:relative;z-index:2;display:grid;gap:14px}
.insight-side .list div{font-size:13.5px;color:var(--text-muted-on-space);padding-left:16px;position:relative}
.insight-side .list div::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;transform:rotate(45deg);background:var(--accent)}
@media(max-width:820px){.insight{grid-template-columns:1fr}}

/* insights minor grid */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.note{padding:24px;border:1px solid var(--line-on-paper);border-radius:var(--radius);background:var(--white);transition:.18s}
.note:hover{border-color:var(--gold-600);transform:translateY(-2px)}
.note .k{font:600 10.5px/1 var(--font-inscription);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-light)}
.note h4{font-size:19px;font-weight:500;margin:14px 0 8px;line-height:1.2}
.note p{font-size:13.5px;line-height:1.55;color:var(--text-ink-muted)}
@media(max-width:820px){.notes{grid-template-columns:1fr}}

/* ============================================================
   FINAL CTA - two direct routes, one line for everyone else
   ============================================================ */
.cta-band{position:relative;overflow:hidden}
.cta-band .seal{position:absolute;left:-8%;bottom:-30%;width:min(520px,60vw);opacity:.06}
.cta-in{position:relative;z-index:2;max-width:66ch}
.cta-in h2{font-size:clamp(30px,4.4vw,52px);line-height:1.08;margin-top:16px;color:var(--text-on-space)}
.cta-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.cta-tertiary{margin-top:24px;font-size:14.5px;color:var(--text-muted-on-space)}
.cta-tertiary a{color:var(--accent);text-decoration:none;font-weight:600}
.cta-tertiary a:hover{text-decoration:underline}

/* ============================================================
   FOOTER
   ============================================================ */
footer{background:var(--navy-900);color:var(--text-muted-on-space);padding:clamp(56px,7vw,80px) 0 40px}
.foot-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;
  border-bottom:1px solid var(--line-on-space);padding-bottom:38px}
.foot-brand img{height:36px}
.foot-brand p{max-width:36ch;margin-top:18px;font-size:14px;line-height:1.6;color:var(--text-muted-on-space)}
.foot-brand .loc{margin-top:16px;font:600 11px/1 var(--font-inscription);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.foot-cols{display:flex;gap:clamp(32px,5vw,64px);flex-wrap:wrap}
.foot-cols h5{font:600 11px/1 var(--font-inscription);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.foot-cols a{color:var(--text-muted-on-space);text-decoration:none;display:block;margin-top:13px;font-size:14px;transition:.15s}
.foot-cols a:hover{color:var(--accent)}
.legal{margin-top:30px;padding-top:24px;font-size:12px;line-height:1.6;color:var(--text-faint-on-space);max-width:96ch}
.fine{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;
  font:600 11px/1 var(--font-inscription);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint-on-space)}
.fine a{color:var(--text-faint-on-space);text-decoration:none}
.fine a:hover{color:var(--accent)}

/* ============================================================
   IMAGE BANDS - real Senatus/brand photography, navy duotone
   ============================================================ */
.imgband{padding:0;background:var(--navy-900)}
.imgband .imgwrap{position:relative;height:clamp(340px,38vw,440px);overflow:hidden}
.imgband img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.78);opacity:.82;mix-blend-mode:luminosity}
.imgband .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,24,.94) 0%,rgba(5,13,24,.64) 48%,rgba(5,13,24,.18) 100%)}
.imgband .cap-outer{position:absolute;inset:0;display:flex;align-items:center}
.imgband .cap-in{max-width:var(--maxw);margin:0 auto;width:100%;padding:0 var(--edge)}
.imgband .cap{max-width:44ch}
.imgband .cap h3{font-size:clamp(24px,3.4vw,40px);color:#fff;margin-top:14px;line-height:1.1}
.imgband .cap p{font-family:var(--font-serif);font-size:15.5px;line-height:1.65;color:var(--text-muted-on-space);margin-top:14px;max-width:42ch}
@media(max-width:700px){.imgband .imgwrap{height:auto;min-height:420px;padding:44px 0}}

/* ============================================================
   FAQ - accessible native accordion; mirrors FAQPage JSON-LD
   ============================================================ */
.faq-list{margin-top:36px;border-top:1px solid var(--line-on-paper);max-width:78ch}
.faq-item{border-bottom:1px solid var(--line-on-paper);padding:22px 0}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary h3{font-size:clamp(16.5px,1.9vw,19px);font-weight:500;line-height:1.35}
.faq-item .fx{font-family:var(--font-display);font-size:22px;color:var(--accent-on-light);flex:none;transition:transform .2s var(--ease-out)}
.faq-item[open] .fx{transform:rotate(45deg)}
.faq-item p{font-family:var(--font-serif);font-size:15.5px;line-height:1.65;color:var(--text-ink-muted);margin:16px 0 0}

/* reveal */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
  .reveal.in{opacity:1;transform:none}
}

/* ask1: Peter feedback - target headings on one line at desktop */
@media(min-width:981px){
  .hl1{max-width:none!important;white-space:nowrap}
  .intro:has(.hl1){max-width:none}
}

/* ask2: mobile - desktop eyebrow/label letter-spacing (.14em-.28em) is too wide for a phone
   and wraps short uppercase labels (the hero "Seed-Stage Venture . Salt Lake City", section
   eyebrows, quote attributions, roles). Tighten the whole uppercase-label family on phones so
   they hold one line. Section h2 wrapping is untouched. */
@media(max-width:600px){
  .hero .kick-line{gap:10px}
  .hero .kick-line .l{width:22px}
  .hero .kick{font-size:11px}
  .kick,.route-kick,.role,.prole,.attr,.tag,.meta,.art-cat,.k,.rc-k,.cn,.tk-l,.viz-note,.mk,.loc,.fd-t,.chip{
    letter-spacing:.06em!important;
  }
  /* long-label CTA buttons (e.g. "See our commitments & measurement") are nowrap by default
     and can exceed a phone's content column, forcing horizontal scroll. Let button labels
     wrap and cap width on phones so they never overflow. */
  .btn{white-space:normal;max-width:100%}
}