:root{
  --ink:#0b0b0d;--ink2:#141417;--paper:#f3eee4;--paper2:#faf6ee;--white:#fffdf8;--graphite:#555158;--muted:#8d857b;
  --gold:#d2a84f;--gold-light:#f2d27a;--rose:#ef8bb4;--rose-deep:#c85f89;--rose-wash:#f5c7d9;
  --line:rgba(11,11,13,.14);--line-dark:rgba(255,255,255,.15);--shell:min(1280px,calc(100vw - 72px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,blockquote,figure{margin-top:0}h1,h2,h3,h4{margin-top:0;line-height:.98;letter-spacing:-.05em}h1{font-size:clamp(3.9rem,5.8vw,7rem);font-weight:520}h2{font-size:clamp(3rem,4.75vw,5.7rem);font-weight:520}h3{font-size:clamp(1.8rem,2.6vw,3rem);font-weight:540}h4{font-size:clamp(1.35rem,1.8vw,2rem);font-weight:560}h1 em,h2 em,blockquote em,.turn-line em,.dual-line em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--gold-light)}.shell{width:var(--shell);margin:0 auto;position:relative;z-index:2}.screen{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:clamp(88px,8vh,118px) 0}.screen--ink{background:var(--ink);color:var(--white)}.screen--paper{background:var(--paper);color:var(--ink)}.compact-stack{display:grid;gap:clamp(24px,3.1vh,38px)}.section-head{max-width:1000px}.section-head h2{margin-bottom:22px}.section-lede{max-width:850px;margin:0;color:var(--graphite);font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.65}.section-head--light .section-lede{color:rgba(255,255,255,.66)}.eyebrow{margin:0 0 16px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow--rose{color:var(--rose)}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:white;padding:10px 14px}.skip-link:focus{top:16px}

.site-header{position:fixed;left:0;right:0;top:0;height:92px;z-index:100;display:grid;grid-template-columns:140px 1fr 270px;align-items:center;padding:0 30px;background:rgba(10,10,11,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center}.brand img{width:96px;height:72px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 14px rgba(210,168,79,.13));transform:scale(1.08)}.progress-nav{justify-self:center;display:flex;gap:28px;color:rgba(255,255,255,.46);font-size:.67rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.progress-nav a:hover,.progress-nav a.is-active{color:var(--gold-light)}.prepared-for{justify-self:end;margin:0;color:rgba(255,255,255,.53);font-size:.72rem}.prepared-for strong{color:var(--white)}.header-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px}.header-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--white))}

.media-fill{position:absolute;inset:-4%;z-index:0;will-change:transform}.media-fill img{width:100%;height:108%;object-fit:cover}.hero{min-height:100svh;align-items:center;color:var(--white);background:var(--ink);padding:clamp(116px,14vh,156px) 0 clamp(54px,7vh,78px)}.hero .media-fill img{filter:grayscale(.5) saturate(.74) contrast(1.08) brightness(.62)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.94) 0%,rgba(11,11,13,.78) 42%,rgba(11,11,13,.36) 78%,rgba(11,11,13,.24) 100%),linear-gradient(0deg,rgba(11,11,13,.52),rgba(11,11,13,.10) 58%)}.hero-content{padding:0;width:100%;display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{margin:0 0 clamp(22px,3vh,34px);color:var(--gold-light)}.hero-pullquote{position:relative;margin:0;padding-left:clamp(24px,2.5vw,38px);max-width:min(1240px,92vw);font-family:"Helvetica Neue",Arial,sans-serif;font-style:normal;font-size:clamp(3.45rem,4.45vw,5.65rem);font-weight:520;line-height:.99;letter-spacing:-.052em;text-wrap:balance;text-shadow:0 18px 54px rgba(0,0,0,.48)}.hero-pullquote::before{content:"";position:absolute;left:0;top:.06em;bottom:.05em;width:3px;background:linear-gradient(180deg,var(--gold-light),var(--gold));box-shadow:0 0 28px rgba(210,168,79,.22)}.hero-pullquote span{display:block;max-width:18.6ch;color:var(--white)}.hero-pullquote mark{display:inline;margin-top:.12em;padding:.01em .12em .065em;background:var(--gold-light);color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;line-height:1.05;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none}.next-layer-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.next-layer blockquote{margin:0;max-width:15ch;font-size:clamp(3.2rem,5.2vw,6.3rem);line-height:.98;letter-spacing:-.05em;font-weight:520}.next-layer blockquote em{display:block;margin-top:.12em}.next-layer-copy>p{max-width:600px;color:rgba(255,255,255,.68);font-size:1.08rem;line-height:1.7}.executive-question{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line-dark)}.executive-question:last-child{border-bottom:1px solid var(--line-dark)}.executive-question span{padding-top:3px;color:var(--rose);font-size:.68rem;font-weight:800;letter-spacing:.12em}.executive-question strong{font-size:clamp(1.15rem,1.55vw,1.6rem);line-height:1.25}

.three-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:220px;padding:26px;border:1px solid var(--line);background:rgba(255,255,255,.30)}.feature-card>span,.application-number{color:var(--rose-deep);font-size:.68rem;font-weight:800;letter-spacing:.13em}.feature-card h3{margin:42px 0 14px}.feature-card p{margin:0;color:var(--graphite);max-width:31ch}.turn-line{margin:0;padding-top:22px;border-top:1px solid var(--line);font-size:clamp(1.45rem,2.15vw,2.35rem);letter-spacing:-.035em;line-height:1.18}.turn-line em{margin-left:.15em;color:var(--rose-deep)}.turn-line--light{border-color:var(--line-dark);color:rgba(255,255,255,.74)}.turn-line--light em{color:var(--gold-light)}

.readiness-title{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line-dark);padding-top:22px}.readiness-title .eyebrow{margin:0}.readiness-title h3{margin:0}.readiness-title h3 span{color:var(--rose)}.readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.readiness-panel{min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025)}.readiness-panel--accent{background:linear-gradient(145deg,rgba(239,139,180,.07),rgba(210,168,79,.04));border-color:rgba(239,139,180,.25)}.panel-label{margin:0 0 16px;color:var(--gold-light);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.readiness-panel h4{max-width:20ch;margin-bottom:20px}.readiness-panel ul{margin:0;padding:0;list-style:none}.readiness-panel li{padding:9px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72)}.dual-line{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:18px;border-top:1px solid var(--line-dark);font-size:clamp(1.2rem,1.75vw,1.75rem);line-height:1.2}.dual-line em{font-family:Georgia,"Times New Roman",serif}

.intelligence-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:center}.logic-chain{margin-top:34px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logic-chain span{padding:9px 13px;border:1px solid var(--line);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.logic-chain i{color:var(--rose-deep);font-style:normal}.evidence-stack{border-top:1px solid var(--line)}.evidence{border-bottom:1px solid var(--line)}.evidence summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr 38px;gap:15px;align-items:center;padding:19px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,1.9vw,2rem);color:var(--ink)}.evidence summary::-webkit-details-marker{display:none}.evidence summary>span{font-family:"Helvetica Neue",Arial,sans-serif;color:var(--rose-deep);font-size:.66rem;font-weight:800;letter-spacing:.12em}.evidence summary b{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(200,95,137,.35);border-radius:50%;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;transition:.25s}.evidence[open] summary b{transform:rotate(45deg);background:var(--rose);color:var(--ink)}.evidence-body{padding:0 54px 20px 49px;color:var(--graphite);line-height:1.6}

.two-way-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-way-panel{min-height:430px;padding:32px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);display:flex;flex-direction:column}.two-way-panel--accent{border-color:rgba(239,139,180,.28);background:linear-gradient(145deg,rgba(239,139,180,.07),rgba(210,168,79,.035))}.flow-label{margin:0 0 26px;color:var(--rose);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.two-way-panel h3{max-width:18ch;margin-bottom:24px}.two-way-panel ol{margin:0;padding:0;list-style:none;counter-reset:q}.two-way-panel li{counter-increment:q;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.74)}.two-way-panel li::before{content:"0" counter(q);color:var(--gold);font-size:.64rem;font-weight:800;letter-spacing:.1em;padding-top:3px}.gain{margin:auto 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.68)}.gain span{display:block;margin-bottom:6px;color:var(--gold-light);font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}

.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.application-card{min-height:410px;padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.28);display:flex;flex-direction:column}.application-card h3{margin:42px 0 18px;font-size:clamp(1.7rem,2.25vw,2.55rem)}.application-card p{color:var(--graphite)}.application-card strong{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);line-height:1.45}.friction-screen{background:linear-gradient(145deg,#121216,#08080a);color:var(--white)}.gap-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.15)}.gap-grid article{min-height:190px;padding:25px;border-right:1px solid rgba(255,255,255,.15)}.gap-grid article:last-child{border-right:0}.gap-grid strong{display:block;margin-bottom:34px;color:var(--rose);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.gap-grid span{color:rgba(255,255,255,.72);line-height:1.5}.friction-close{margin:0;max-width:19ch;font-size:clamp(2.25rem,3.7vw,4.3rem);line-height:1.04;letter-spacing:-.045em}

.legacy{color:var(--white);background:var(--ink)}.legacy .media-fill img{filter:grayscale(.45) brightness(.55) contrast(1.05)}.legacy-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.94),rgba(11,11,13,.64) 60%,rgba(11,11,13,.34)),linear-gradient(0deg,rgba(11,11,13,.65),transparent 62%)}.legacy-copy h2{max-width:13ch;margin-bottom:24px}.legacy-copy>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.67);font-size:1.06rem}.legacy-questions{margin:30px 0;display:flex;gap:10px;flex-wrap:wrap}.legacy-questions span{padding:10px 13px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.25);font-size:.76rem;color:rgba(255,255,255,.78)}.legacy-copy blockquote{margin:28px 0 0;max-width:15ch;font-size:clamp(2.8rem,4.5vw,5.4rem);line-height:.98;letter-spacing:-.045em}

.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid article{min-height:255px;padding:28px;border-top:1px solid rgba(210,168,79,.28);border-bottom:1px solid rgba(210,168,79,.18);background:linear-gradient(180deg,rgba(210,168,79,.055),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:space-between}.stat-grid strong{font-family:Georgia,"Times New Roman",serif;color:transparent;background:linear-gradient(90deg,#b8860b,#f2d27a 48%,#c9a24a);-webkit-background-clip:text;background-clip:text;font-size:clamp(4.2rem,5.7vw,6.6rem);line-height:.9}.stat-grid p{margin:0;color:rgba(255,255,255,.64)}.proof-note{margin:0;padding-top:18px;border-top:1px solid var(--line-dark);max-width:1000px;color:rgba(255,255,255,.62)}.proof-note strong{color:var(--white)}

.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.founder-card{min-height:235px;display:grid;grid-template-columns:180px 1fr;border:1px solid var(--line);background:rgba(255,255,255,.28);overflow:hidden}.founder-card img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.03)}.founder-card>div{padding:26px}.founder-card h3{font-size:clamp(1.55rem,2vw,2.2rem);margin-bottom:14px}.founder-card p:last-child{margin:0;color:var(--graphite)}.method-grid{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1.15fr;gap:8px;align-items:stretch}.method-grid article{min-height:115px;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.method-grid span{color:var(--muted);font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.method-grid strong{font-size:.93rem;line-height:1.32}.method-grid i{display:grid;place-items:center;color:var(--rose-deep);font-style:normal}.method-result{background:var(--ink);color:var(--white)!important;border-color:var(--ink)!important}.method-result span{color:var(--gold-light)}

.questions{color:var(--white);background:var(--ink)}.questions .media-fill img{filter:grayscale(.5) brightness(.5)}.questions-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.91),rgba(11,11,13,.58) 64%,rgba(11,11,13,.38)),linear-gradient(0deg,rgba(11,11,13,.62),transparent)}.questions-copy h2{max-width:10ch}.question-list{margin-top:40px;max-width:1080px;border-top:1px solid rgba(255,255,255,.18)}.question-list article{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}.question-list p{margin:0;max-width:24ch;font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.evidence-boundary{background:var(--paper);color:var(--ink)}.boundary-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:center}.boundary-copy{color:var(--graphite)}.boundary-copy p{font-size:1.04rem;line-height:1.7}.boundary-copy strong{display:block;margin-top:22px;color:var(--ink);font-size:1.15rem}.close{background:var(--ink);color:var(--white)}.close-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.close-copy h2{max-width:11ch}.close-copy>p{max-width:760px;color:rgba(255,255,255,.64);font-size:1.04rem}.close-copy strong{color:var(--white)}.primary-cta{display:inline-flex;align-items:center;gap:18px;background:var(--rose);color:var(--ink);padding:15px 20px;margin-top:24px;font-weight:700;border-radius:2px;transition:transform .2s,background .2s}.primary-cta:hover{transform:translateY(-2px);background:var(--rose-wash)}.close-brand{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line-dark);padding-top:26px;color:rgba(255,255,255,.55)}.close-brand img{width:105px;height:76px;object-fit:contain}.close-brand div{display:grid;gap:6px}.close-brand strong{color:var(--white);font-size:.9rem}.close-brand span{font-size:.76rem}.close-brand a{color:var(--gold-light);font-size:.86rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
@media(min-width:1400px){.hero-pullquote{font-size:clamp(4.15rem,4.45vw,5.7rem);max-width:1320px}.hero-pullquote span{max-width:20.5ch}}
@media(max-width:1050px){:root{--shell:min(100% - 44px,1280px)}.progress-nav{display:none}.site-header{grid-template-columns:120px 1fr}.prepared-for{grid-column:2}.screen{min-height:auto;padding:100px 0}.next-layer-grid,.intelligence-layout,.boundary-grid,.close-grid{grid-template-columns:1fr;gap:46px}.three-card-grid,.application-grid{grid-template-columns:1fr 1fr}.application-card:last-child{grid-column:1/-1}.gap-grid{grid-template-columns:1fr 1fr}.gap-grid article:nth-child(2){border-right:0}.gap-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.stat-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}.method-grid i{height:18px}.hero{min-height:100svh}.two-way-grid,.readiness-grid,.team-grid{grid-template-columns:1fr}.founder-card{grid-template-columns:160px 1fr}.dual-line{grid-template-columns:1fr}.readiness-title{display:block}.readiness-title .eyebrow{margin-bottom:10px}}
@media(max-width:700px){:root{--shell:calc(100vw - 32px)}.site-header{height:78px;padding:0 16px;grid-template-columns:100px 1fr}.brand img{width:78px;height:58px}.prepared-for{font-size:.65rem}.hero{min-height:100svh;padding:108px 0 54px}.hero-content{padding:0}.hero-pullquote{max-width:100%;padding-left:20px;font-size:clamp(2.8rem,12vw,4.55rem);line-height:.98}.hero-pullquote span{max-width:12.8ch}.hero-pullquote mark{display:inline;line-height:1.12}.hero-eyebrow{max-width:28ch;margin-bottom:24px}h1{font-size:clamp(3.25rem,13vw,5.3rem)}h2{font-size:clamp(2.65rem,11vw,4.7rem)}.screen{padding:88px 0}.three-card-grid,.application-grid,.gap-grid,.stat-grid{grid-template-columns:1fr}.application-card:last-child{grid-column:auto}.feature-card,.application-card{min-height:auto}.gap-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)}.gap-grid article:last-child{border-bottom:0}.two-way-panel{min-height:auto}.founder-card{grid-template-columns:1fr}.founder-card img{height:320px}.evidence summary{grid-template-columns:28px 1fr 34px}.evidence-body{padding-left:43px}.question-list p{font-size:clamp(1.7rem,8vw,2.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}[data-parallax]{transform:none!important}}

/* =========================================================
   V4 HERO LOCK  -  APPROVED MOCKUP + ICON ELEMENT SITE SYSTEM
   Source-of-truth references:
   - approved Libby hero mockup
   - joiniconelement.com gold-gradient eyebrow/type system
   ========================================================= */
:root{
  --icon-gold-gradient:linear-gradient(
    90deg,
    #c9a96e 0%,
    #e8c88a 52%,
    #b8860b 100%
  );
  --gold-gradient:var(--icon-gold-gradient);
}

/* Carry the current Icon Element eyebrow treatment through the briefing. */
.eyebrow,
.eyebrow--rose{
  display:inline-block;
  color:transparent!important;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
}

/* Hero is a full-brightness editorial image, not a darkened pull-quote panel. */
.hero{
  min-height:100svh;
  align-items:flex-start;
  padding:clamp(154px,17vh,188px) 0 clamp(44px,6vh,70px);
  background:#0b0b0d;
}

.hero .media-fill{
  inset:-2.5%;
}

.hero .media-fill img{
  width:100%;
  height:105%;
  object-fit:cover;
  object-position:center center;
  filter:none!important;
}

.hero-overlay{
  background:transparent!important;
}

.hero-content{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:0;
  text-align:center;
}

.hero-eyebrow{
  max-width:none;
  margin:0 0 clamp(24px,3.1vh,34px);
  font-size:clamp(.68rem,.72vw,.82rem);
  line-height:1.2;
  letter-spacing:.22em;
  text-align:center;
  white-space:normal;
}

.hero-statement{
  width:min(100%,1280px);
  margin:0;
  color:var(--white);
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:clamp(3.25rem,4.7vw,5.35rem);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:700;
  text-align:center;
  text-wrap:balance;
  text-shadow:0 2px 12px rgba(0,0,0,.10);
}

.hero-statement>span{
  display:block;
  color:var(--white);
}

.hero-statement>em{
  display:block;
  margin-top:clamp(12px,1.7vh,19px);
  color:var(--white);
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:.93em;
  line-height:.94;
  letter-spacing:-.035em;
  font-style:italic;
  font-weight:500;
  text-shadow:0 2px 12px rgba(0,0,0,.10);
}

/* Retire the earlier pull-quote treatment if cached markup is encountered. */
.hero-pullquote{
  margin:0;
  padding:0;
  max-width:1280px;
  text-align:center;
}
.hero-pullquote::before{display:none!important}
.hero-pullquote mark{background:transparent!important;color:var(--white)!important;padding:0!important}

@media(max-width:1050px){
  .hero{
    min-height:100svh;
    padding:clamp(142px,16vh,172px) 0 58px;
  }

  .hero-statement{
    width:min(100%,980px);
    font-size:clamp(3rem,7.2vw,4.9rem);
  }
}

@media(max-width:700px){
  .hero{
    min-height:100svh;
    padding:124px 0 48px;
  }

  .hero .media-fill{
    inset:-4%;
  }

  .hero .media-fill img{
    height:108%;
    object-position:center center;
  }

  .hero-content{
    justify-content:flex-start;
  }

  .hero-eyebrow{
    max-width:32ch;
    margin-bottom:22px;
    font-size:.64rem;
    letter-spacing:.18em;
  }

  .hero-statement{
    width:100%;
    font-size:clamp(2.55rem,11.2vw,4rem);
    line-height:1.01;
    letter-spacing:-.047em;
  }

  .hero-statement>span{
    display:inline;
  }

  .hero-statement>span+span::before{
    content:" ";
  }

  .hero-statement>em{
    margin-top:14px;
    font-size:1em;
    line-height:.98;
  }
}

/* V4.1 FEEDBACK  -  HERO EYEBROW ONLY
   Use the softer near-black from the main Icon Element website rather than the gold gradient. */
.hero .hero-eyebrow {
  color: #101010 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #101010 !important;
}


/* =========================================================
   V4.2 FEEDBACK  -  NEXT LAYER ONLY
   - Access statement remains the dominant headline.
   - Intelligence line is ~15% smaller and off-cream, not yellow.
   - Supporting body copy is ~20% larger.
   - Question numbers use the Icon Element gold gradient.
   - Questions expand to reveal short strategic context.
   ========================================================= */
.next-layer blockquote{
  max-width:15ch;
}

.next-layer-primary{
  display:block;
}

.next-layer blockquote .next-layer-secondary{
  display:block;
  margin-top:.16em;
  color:var(--gold-light);
  font-size:.85em;
  line-height:1.02;
  -webkit-text-fill-color:var(--gold-light);
}

.next-layer-copy .next-layer-lede{
  max-width:620px;
  margin-bottom:18px;
  color:rgba(245,241,232,.76);
  font-size:clamp(1.22rem,1.3vw,1.34rem);
  line-height:1.68;
}

.executive-disclosure{
  border-top:1px solid var(--line-dark);
}

.executive-disclosure:last-child{
  border-bottom:1px solid var(--line-dark);
}

.executive-disclosure summary{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 30px;
  gap:16px;
  align-items:start;
  padding:20px 0;
  cursor:pointer;
  list-style:none;
}

.executive-disclosure summary::-webkit-details-marker{
  display:none;
}

.executive-number{
  display:inline-block;
  padding-top:4px;
  color:transparent;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
}

.executive-disclosure summary strong{
  color:#f5f1e8;
  font-size:clamp(1.15rem,1.55vw,1.6rem);
  line-height:1.28;
  font-weight:650;
}

.executive-toggle{
  position:relative;
  width:26px;
  height:26px;
  margin-top:1px;
  border:1px solid rgba(201,169,110,.52);
  border-radius:999px;
  transition:background .25s ease,border-color .25s ease,transform .3s ease;
}

.executive-toggle::before,
.executive-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:1px;
  background:linear-gradient(90deg,#c9a96e 0%,#e8c88a 52%,#b8860b 100%);
  transform:translate(-50%,-50%);
  transform-origin:center;
  transition:transform .3s ease,opacity .3s ease;
}

.executive-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.executive-disclosure[open] .executive-toggle{
  background:rgba(201,169,110,.09);
  border-color:rgba(232,200,138,.78);
}

.executive-disclosure[open] .executive-toggle::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(0deg);
}

.executive-disclosure-body{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}

.executive-disclosure-body>div{
  overflow:hidden;
}

.executive-disclosure-body p{
  max-width:610px;
  margin:0 30px 20px 50px;
  color:rgba(245,241,232,.67);
  font-size:1rem;
  line-height:1.7;
}

.executive-disclosure[open] .executive-disclosure-body{
  grid-template-rows:1fr;
  opacity:1;
}

.executive-disclosure summary:hover strong,
.executive-disclosure summary:focus-visible strong{
  color:#fffdf8;
}

.executive-disclosure summary:focus-visible{
  outline:1px solid rgba(232,200,138,.7);
  outline-offset:5px;
}

@media(max-width:700px){
  .next-layer blockquote .next-layer-secondary{
    font-size:.88em;
  }

  .next-layer-copy .next-layer-lede{
    font-size:1.15rem;
  }

  .executive-disclosure summary{
    grid-template-columns:28px minmax(0,1fr) 28px;
    gap:12px;
  }

  .executive-disclosure-body p{
    margin-left:40px;
    margin-right:8px;
  }
}

@media(prefers-reduced-motion:reduce){
  .executive-disclosure-body,
  .executive-toggle,
  .executive-toggle::before,
  .executive-toggle::after{
    transition:none!important;
  }
}


/* =========================================================
   V4.3 FEEDBACK  -  WORK ALREADY UNDERWAY + TRANSITION QUESTION
   - Keep the approved Next Layer layout; restore yellow/gold on the secondary statement.
   - Context section only acknowledges current Mayor's Office small-business work.
   - Context cards recognize broad business support plus procurement/supplier readiness.
   - Move the deeper strategic question into its own transition screen.
   ========================================================= */

/* Keep the context card numbering inside the current Icon Element gold system. */
#context .feature-card > span{
  display:inline-block;
  color:transparent;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* The context section is an acknowledgement, so keep the explanatory copy calm and direct. */
#context .section-lede{
  max-width:920px;
}

/* Standalone bridge between acknowledgement and the readiness argument. */
.opportunity-question{
  min-height:72svh;
  background:var(--ink);
  color:var(--white);
}

.opportunity-question-inner{
  max-width:1180px;
}

.opportunity-question blockquote{
  max-width:19ch;
  margin:0;
  color:var(--white);
  font-size:clamp(3.15rem,5.1vw,6rem);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:520;
  text-wrap:balance;
}

.opportunity-question blockquote em{
  color:var(--gold-light);
}

.opportunity-question-inner > p:last-child{
  max-width:760px;
  margin:30px 0 0;
  color:rgba(245,241,232,.68);
  font-size:clamp(1.05rem,1.2vw,1.2rem);
  line-height:1.7;
}

@media(max-width:700px){
  .opportunity-question{
    min-height:auto;
  }

  .opportunity-question blockquote{
    max-width:100%;
    font-size:clamp(2.75rem,11.5vw,4.35rem);
  }
}

/* =========================================================
   V4.4 FEEDBACK  -  HERO EMPHASIS + NARRATIVE PULL-QUOTE BEATS
   - Gold-gradient only the words "Los Angeles" in the hero statement.
   - Replace the detailed Mayor's Office acknowledgement with one visual statement.
   - Replace the deeper-question section with one visual question.
   ========================================================= */
.hero-statement .hero-gold-text{
  display:inline;
  color:transparent!important;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font:inherit;
  letter-spacing:inherit;
}

.narrative-pullquote{
  position:relative;
  min-height:clamp(560px,78svh,820px);
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(92px,10vh,128px) 0;
  background:#0b0b0d;
}

.narrative-pullquote .media-fill{
  position:absolute;
  inset:-2%;
  z-index:-3;
}

.narrative-pullquote .media-fill img{
  width:100%;
  height:104%;
  object-fit:cover;
  filter:none;
}

.narrative-pullquote--ack .media-fill img{
  object-position:center center;
}

.narrative-pullquote--question .media-fill img{
  object-position:center center;
}

.narrative-pullquote-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(8,8,10,.12) 0%,rgba(8,8,10,.22) 46%,rgba(8,8,10,.34) 100%);
  pointer-events:none;
}

.narrative-pullquote-inner{
  width:min(100%,1160px);
  display:flex;
  justify-content:center;
  text-align:center;
}

.narrative-pullquote blockquote{
  max-width:18ch;
  margin:0;
  color:#f5f1e8;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(3.1rem,5.25vw,6.15rem);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:600;
  text-wrap:balance;
  text-shadow:0 3px 20px rgba(0,0,0,.34);
}

.narrative-pullquote--ack blockquote{
  max-width:17ch;
}

.narrative-pullquote--question blockquote{
  max-width:18ch;
}

.narrative-pullquote blockquote em{
  color:#f5f1e8;
  font-style:italic;
  font-weight:500;
}

@media(max-width:1050px){
  .narrative-pullquote{
    min-height:68svh;
    padding:96px 0;
  }

  .narrative-pullquote blockquote{
    max-width:16ch;
    font-size:clamp(3rem,7vw,5rem);
  }
}

@media(max-width:700px){
  .narrative-pullquote{
    min-height:64svh;
    padding:86px 0;
  }

  .narrative-pullquote .media-fill{
    inset:-4%;
  }

  .narrative-pullquote .media-fill img{
    height:108%;
  }

  .narrative-pullquote--ack .media-fill img{
    object-position:58% center;
  }

  .narrative-pullquote--question .media-fill img{
    object-position:48% center;
  }

  .narrative-pullquote blockquote{
    max-width:14ch;
    font-size:clamp(2.65rem,10.5vw,4.2rem);
    line-height:1.02;
  }
}


/* =========================================================
   V4.5 FEEDBACK  -  HERO + NARRATIVE STATEMENT TYPOGRAPHY ONLY
   - Return hero "Los Angeles" to white.
   - Use the bold hero sans-serif for both photo statements.
   - Widen the statement measure so the composition reads horizontally.
   - Remove editorial/italic styling from the question statement.
   ========================================================= */
.hero-statement .hero-gold-text{
  color:var(--white)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:var(--white)!important;
}

.narrative-pullquote-inner{
  width:min(100%,1380px);
  padding-inline:clamp(40px,6vw,96px);
}

.narrative-pullquote blockquote,
.narrative-pullquote blockquote em{
  max-width:none;
  color:#f5f1e8;
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:clamp(3rem,4.5vw,5.35rem);
  line-height:1.02;
  letter-spacing:-.05em;
  font-style:normal;
  font-weight:700;
  text-wrap:balance;
}

.narrative-pullquote--ack blockquote{
  width:min(100%,1180px);
}

.narrative-pullquote--question blockquote{
  width:min(100%,1240px);
}

@media(max-width:1050px){
  .narrative-pullquote-inner{
    padding-inline:clamp(32px,5vw,64px);
  }

  .narrative-pullquote blockquote,
  .narrative-pullquote blockquote em{
    font-size:clamp(2.8rem,6.6vw,4.65rem);
  }
}

@media(max-width:700px){
  .narrative-pullquote-inner{
    padding-inline:24px;
  }

  .narrative-pullquote blockquote,
  .narrative-pullquote blockquote em{
    width:100%;
    max-width:none;
    font-size:clamp(2.45rem,9.8vw,3.8rem);
    line-height:1.04;
    letter-spacing:-.045em;
  }
}

/* =========================================================
   V4.6 FEEDBACK  -  NARRATIVE QUOTES + READINESS SPLIT
   - First pull quote is larger with wider side margins.
   - First image uses Los Angeles City Hall; second uses the highway image.
   - Beyond Procurement and the core readiness distinction share one screen.
   - The two readiness panels move to their own screen.
   ========================================================= */

/* Give the first narrative statement more scale while increasing the side breathing room. */
.narrative-pullquote--ack .narrative-pullquote-inner{
  width:min(100%,1280px);
  padding-inline:clamp(64px,8vw,132px);
}

.narrative-pullquote--ack blockquote{
  width:min(100%,1080px);
  font-size:clamp(3.35rem,5vw,5.95rem);
  line-height:1.01;
}

/* City Hall reads best with the building held slightly left of center. */
.narrative-pullquote--ack .media-fill img{
  object-position:48% center;
}

/* Highway image becomes the second narrative question. */
.narrative-pullquote--question .media-fill img{
  object-position:center center;
}

/* Core distinction gets a dedicated screen and a clear hierarchy. */
.readiness-distinction-screen{
  min-height:100svh;
}

.readiness-distinction-stack{
  display:grid;
  gap:clamp(54px,8vh,90px);
}

.readiness-distinction-copy{
  max-width:1040px;
}

.readiness-distinction-copy .section-lede{
  max-width:900px;
  font-size:clamp(1.08rem,1.3vw,1.28rem);
}

.readiness-distinction{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:clamp(16px,2vw,34px);
  width:100%;
  margin:0 auto;
  text-align:center;
  color:var(--white);
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:clamp(3.35rem,6.15vw,7.35rem);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:700;
  text-wrap:balance;
}

.readiness-distinction strong{
  display:inline-block;
  color:transparent;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font:inherit;
  font-weight:700;
}

/* Two forms of readiness now have room to read as the only content on the screen. */
.readiness-forms-screen{
  min-height:100svh;
  border-top:1px solid rgba(255,255,255,.08);
}

.readiness-forms-stack{
  display:grid;
  gap:clamp(32px,4vh,50px);
}

.readiness-forms-head{
  max-width:1060px;
}

.readiness-forms-head h2{
  max-width:13ch;
  font-size:clamp(2.8rem,4.4vw,5.25rem);
}

.readiness-grid--expanded{
  gap:clamp(20px,2vw,28px);
}

.readiness-grid--expanded .readiness-panel{
  min-height:330px;
  padding:clamp(30px,3vw,42px);
}

.readiness-grid--expanded .readiness-panel h4{
  max-width:19ch;
  font-size:clamp(1.55rem,2.15vw,2.45rem);
  line-height:1.05;
}

.readiness-grid--expanded .readiness-panel li{
  padding:12px 0;
  font-size:clamp(1rem,1.05vw,1.08rem);
}

/* Remove the remaining Angel City pink from the readiness accent panel. */
.readiness-panel--accent{
  background:linear-gradient(145deg,rgba(210,168,79,.07),rgba(242,210,122,.025));
  border-color:rgba(210,168,79,.30);
}

@media(max-width:1050px){
  .narrative-pullquote--ack .narrative-pullquote-inner{
    padding-inline:clamp(44px,7vw,78px);
  }

  .narrative-pullquote--ack blockquote{
    font-size:clamp(3rem,7vw,5rem);
  }

  .readiness-distinction{
    font-size:clamp(3rem,7.6vw,5.6rem);
  }
}

@media(max-width:700px){
  .narrative-pullquote--ack .narrative-pullquote-inner{
    padding-inline:28px;
  }

  .narrative-pullquote--ack blockquote{
    font-size:clamp(2.65rem,10vw,4rem);
  }

  .narrative-pullquote--ack .media-fill img{
    object-position:50% center;
  }

  .readiness-distinction-stack{
    gap:46px;
  }

  .readiness-distinction{
    display:grid;
    gap:10px;
    font-size:clamp(2.75rem,12vw,4.4rem);
  }

  .readiness-distinction strong{
    line-height:.8;
  }

  .readiness-forms-head h2{
    max-width:none;
  }

  .readiness-grid--expanded .readiness-panel{
    min-height:auto;
    padding:28px;
  }
}

/* =========================================================
   V4.7 FEEDBACK  -  THREE-LINE QUOTES + ONE-LINE DISTINCTION +
   SINGLE-SCREEN READINESS FORMS
   ========================================================= */

/* Photo pull-quotes: exactly three desktop lines and centered in the viewport. */
.narrative-pullquote-inner{
  width:min(100%,1540px);
  padding-inline:clamp(32px,4vw,72px);
  align-items:center;
}

.narrative-pullquote .three-line-quote{
  width:100%;
  max-width:none;
  margin:0 auto;
  text-align:center;
  font-size:clamp(3.4rem,4.7vw,5.7rem);
  line-height:1.01;
}

.narrative-pullquote .three-line-quote > span{
  display:block;
  white-space:nowrap;
}

.narrative-pullquote--ack .narrative-pullquote-inner,
.narrative-pullquote--question .narrative-pullquote-inner{
  width:min(100%,1540px);
  padding-inline:clamp(32px,4vw,72px);
}

.narrative-pullquote--ack blockquote,
.narrative-pullquote--question blockquote{
  width:100%;
  max-width:none;
}

/* Core distinction: one oversized line with a single gold reading sweep. */
.readiness-distinction-screen{
  min-height:100svh;
  padding-inline:clamp(24px,3vw,52px);
}

.readiness-distinction-stack{
  width:100%;
  max-width:none;
  gap:clamp(46px,7vh,78px);
}

.readiness-distinction-copy{
  width:min(100%,1040px);
  margin-inline:auto;
}

.readiness-distinction{
  position:relative;
  display:block;
  width:100%;
  overflow:visible;
  text-align:center;
}

.readiness-sweep{
  position:relative;
  display:inline-block;
  width:auto;
  margin:0;
  color:var(--white);
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2.7rem,4.25vw,5.05rem);
  line-height:.95;
  letter-spacing:-.058em;
  font-weight:700;
  white-space:nowrap;
}

.readiness-sweep strong{
  color:transparent;
  background:var(--icon-gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font:inherit;
  font-weight:700;
}

.readiness-sweep::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  color:transparent;
  background:linear-gradient(
    90deg,
    transparent 0%,
    transparent 41%,
    #c9a96e 46%,
    #f2d27a 50%,
    #c9a96e 54%,
    transparent 59%,
    transparent 100%
  );
  background-size:320% 100%;
  background-position:160% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:0;
}

.readiness-distinction.is-visible .readiness-sweep::after{
  animation:readinessGoldSweep 2.15s cubic-bezier(.22,.75,.2,1) .35s 1 both;
}

@keyframes readinessGoldSweep{
  0%{background-position:160% 0;opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{background-position:-160% 0;opacity:0}
}

/* Readiness forms: two-line title, aligned cards, no dead lower space, one viewport. */
.readiness-forms-screen{
  min-height:100svh;
  padding-top:clamp(92px,10vh,112px);
  padding-bottom:clamp(36px,5vh,58px);
}

.readiness-forms-stack{
  gap:clamp(18px,2.5vh,28px);
}

.readiness-forms-head{
  width:100%;
  max-width:none;
}

.readiness-forms-head .eyebrow{
  margin-bottom:10px;
}

.readiness-forms-head h2{
  width:100%;
  max-width:none;
  margin-bottom:0;
  font-size:clamp(2.55rem,3.55vw,4.35rem);
  line-height:.96;
}

.readiness-forms-head h2 > span{
  display:block;
  white-space:nowrap;
}

.readiness-grid--expanded{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2vw,28px);
  align-items:stretch;
}

.readiness-grid--expanded .readiness-panel{
  min-height:0;
  height:100%;
  padding:clamp(24px,2.2vw,32px);
  display:grid;
  grid-template-rows:auto auto 1fr;
  align-content:start;
}

.readiness-grid--expanded .panel-label{
  margin-bottom:12px;
}

.readiness-grid--expanded .readiness-panel h4{
  width:100%;
  max-width:none;
  min-height:3.15em;
  margin:0 0 14px;
  font-size:clamp(1.55rem,1.95vw,2.2rem);
  line-height:1.02;
}

.readiness-grid--expanded .readiness-panel h4 > span{
  display:block;
  white-space:nowrap;
}

.readiness-grid--expanded .readiness-panel ul{
  align-self:start;
}

.readiness-grid--expanded .readiness-panel li{
  padding:9px 0;
  font-size:clamp(.94rem,1vw,1.04rem);
  line-height:1.38;
}

.readiness-forms-screen .dual-line{
  margin-top:0;
  padding-top:12px;
  gap:24px;
  font-size:clamp(1.05rem,1.45vw,1.42rem);
  line-height:1.2;
  align-items:start;
}

@media(max-width:1180px){
  .narrative-pullquote .three-line-quote{
    font-size:clamp(3rem,5.6vw,4.8rem);
  }
  .readiness-sweep{
    font-size:clamp(2.5rem,4vw,4.15rem);
  }
  .readiness-forms-head h2{
    font-size:clamp(2.4rem,3.7vw,3.75rem);
  }
}

@media(max-width:900px){
  .narrative-pullquote .three-line-quote > span,
  .readiness-forms-head h2 > span,
  .readiness-grid--expanded .readiness-panel h4 > span{
    white-space:normal;
  }

  .narrative-pullquote .three-line-quote{
    max-width:18ch;
    font-size:clamp(2.9rem,7vw,4.4rem);
  }

  .readiness-sweep{
    white-space:normal;
    font-size:clamp(2.8rem,7vw,4.5rem);
  }

  .readiness-grid--expanded{
    grid-template-columns:1fr;
  }

  .readiness-grid--expanded .readiness-panel h4{
    min-height:0;
  }

  .readiness-forms-head h2 > span{
    white-space:normal;
  }
}

@media(max-width:700px){
  .narrative-pullquote .three-line-quote{
    max-width:15ch;
    font-size:clamp(2.45rem,10vw,3.8rem);
  }
  .readiness-distinction-screen{
    padding-inline:0;
  }
  .readiness-sweep{
    white-space:normal;
    font-size:clamp(2.65rem,10.8vw,4rem);
  }
  .readiness-forms-screen{
    min-height:auto;
    padding:88px 0;
  }
  .readiness-forms-head h2{
    font-size:clamp(2.45rem,10vw,3.8rem);
  }
  .readiness-forms-screen .dual-line{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .readiness-distinction.is-visible .readiness-sweep::after{
    animation:none!important;
    opacity:0!important;
  }
}

/* =========================================================
   V4.8 FEEDBACK PASS  -  BEYOND PROCUREMENT + TRUST INTELLIGENCE
   - Replace the fast gold reading sweep with a slower one-time sheen.
   - Remove remaining Angel City pink from the Trust Intelligence interaction.
   - Enlarge and precisely center accordion controls.
   - Add subtle staggered motion to Belief → Driver → Behavior → Decision.
   ========================================================= */

/* Softer, slower one-time sheen across the readiness distinction. */
.readiness-sweep::after{
  background:linear-gradient(
    90deg,
    transparent 0%,
    transparent 43%,
    rgba(201,169,110,.08) 46%,
    rgba(232,200,138,.72) 50%,
    rgba(242,210,122,.92) 51.5%,
    rgba(232,200,138,.68) 53%,
    rgba(201,169,110,.08) 56%,
    transparent 59%,
    transparent 100%
  );
  background-size:280% 100%;
  background-position:145% 0;
  opacity:0;
  filter:drop-shadow(0 0 10px rgba(242,210,122,.08));
}

.readiness-distinction.is-visible .readiness-sweep::after{
  animation:readinessGoldSheen 4.1s cubic-bezier(.35,.02,.18,1) .65s 1 both;
}

@keyframes readinessGoldSheen{
  0%{background-position:145% 0;opacity:0}
  14%{opacity:.2}
  34%{opacity:.62}
  68%{opacity:.62}
  88%{opacity:.18}
  100%{background-position:-145% 0;opacity:0}
}

/* Trust Intelligence logic: subtle handoff motion instead of a static row. */
.logic-chain{
  overflow:visible;
}
.logic-chain span{
  position:relative;
  color:var(--ink);
  background:rgba(255,255,255,.16);
  border-color:rgba(140,106,47,.28);
  opacity:1;
}
.logic-chain i{
  color:var(--gold);
  font-weight:700;
  opacity:1;
}
.section-head.is-visible .logic-chain span,
.section-head.is-visible .logic-chain i{
  animation:logicHandoff .55s cubic-bezier(.2,.7,.2,1) both;
}
.section-head.is-visible .logic-chain span:nth-of-type(1){animation-delay:.12s}
.section-head.is-visible .logic-chain i:nth-of-type(1){animation-delay:.24s}
.section-head.is-visible .logic-chain span:nth-of-type(2){animation-delay:.36s}
.section-head.is-visible .logic-chain i:nth-of-type(2){animation-delay:.48s}
.section-head.is-visible .logic-chain span:nth-of-type(3){animation-delay:.60s}
.section-head.is-visible .logic-chain i:nth-of-type(3){animation-delay:.72s}
.section-head.is-visible .logic-chain span:nth-of-type(4){animation-delay:.84s}

@keyframes logicHandoff{
  from{opacity:.25;transform:translateX(-8px)}
  to{opacity:1;transform:translateX(0)}
}

/* Trust Intelligence accordion: Icon Element gold system, larger centered controls. */
.evidence summary{
  grid-template-columns:38px minmax(0,1fr) 46px;
  gap:17px;
  min-height:76px;
}
.evidence summary>span{
  color:transparent;
  background:linear-gradient(90deg,#c9a96e 0%,#e8c88a 52%,#b8860b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:850;
}
.evidence summary b{
  position:relative;
  width:44px;
  height:44px;
  display:block;
  justify-self:center;
  align-self:center;
  border:1px solid rgba(201,162,74,.52);
  border-radius:50%;
  background:transparent;
  color:transparent;
  font-size:0;
  line-height:0;
  transform:none;
  transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.evidence summary b::before,
.evidence summary b::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:17px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#c9a96e 0%,#e8c88a 52%,#b8860b 100%);
  transform:translate(-50%,-50%);
}
.evidence summary b::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.evidence[open] summary b{
  transform:rotate(45deg);
  background:linear-gradient(90deg,#c9a96e 0%,#e8c88a 52%,#b8860b 100%);
  border-color:transparent;
  box-shadow:0 8px 24px rgba(201,169,110,.18);
}
.evidence[open] summary b::before,
.evidence[open] summary b::after{
  background:#0b0b0d;
}
.evidence-body{
  padding:0 64px 22px 55px;
  color:var(--graphite);
  font-size:1rem;
  line-height:1.68;
}

/* Remove residual pink from this section specifically. */
#intelligence .eyebrow,
#intelligence .logic-chain i,
#intelligence .evidence summary>span{
  color:var(--gold);
}

@media(max-width:700px){
  .evidence summary{
    grid-template-columns:30px minmax(0,1fr) 44px;
    gap:12px;
    min-height:70px;
  }
  .evidence summary b{
    width:42px;
    height:42px;
  }
  .evidence-body{
    padding:0 52px 20px 42px;
  }
}

@media(prefers-reduced-motion:reduce){
  .readiness-distinction.is-visible .readiness-sweep::after,
  .section-head.is-visible .logic-chain span,
  .section-head.is-visible .logic-chain i{
    animation:none!important;
  }
  .readiness-sweep::after{opacity:0!important}
}

/* =========================================================
   V4.9 FEEDBACK PASS  -  TRUST HOVER + TWO-WAY INTELLIGENCE
   - No animation on Procurement-ready ≠ Los Angeles-ready.
   - Trust logic responds only on hover with a subtle gold breathing glow.
   - Two-way cards use Icon Element gold, align rows horizontally, and fit one screen.
   - City/business outcome becomes its own Hollywood pull-quote screen.
   ========================================================= */

/* Beyond Procurement: leave the distinction static. */
.readiness-sweep::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  opacity:0!important;
}
.readiness-distinction.is-visible .readiness-sweep::after{
  animation:none!important;
  opacity:0!important;
}

/* Trust Intelligence: remove automatic chain animation; use hover-only response. */
.section-head.is-visible .logic-chain span,
.section-head.is-visible .logic-chain i{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.logic-chain span{
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.logic-chain span:hover,
.logic-chain span:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(232,200,138,.72);
  background:rgba(242,210,122,.055);
  animation:logicGoldBreathe 1.8s ease-in-out infinite;
  outline:none;
}
@keyframes logicGoldBreathe{
  0%,100%{box-shadow:0 0 0 rgba(201,169,110,0),0 0 18px rgba(201,169,110,.10)}
  50%{box-shadow:0 0 0 1px rgba(232,200,138,.12),0 0 30px rgba(201,169,110,.26)}
}

/* Two-way section: one-screen executive comparison. */
.two-way-screen{
  min-height:100svh;
  padding-top:clamp(92px,9vh,108px);
  padding-bottom:clamp(30px,4vh,48px);
}
.two-way-stack{
  display:grid;
  gap:clamp(18px,2.2vh,26px);
}
.two-way-head{
  width:100%;
  max-width:none;
}
.two-way-head .eyebrow{
  margin-bottom:10px;
  color:var(--gold)!important;
}
.two-way-head h2{
  max-width:none;
  margin:0;
  font-size:clamp(2.65rem,3.65vw,4.45rem);
  line-height:.96;
}
.two-way-head h2>span{
  display:block;
  white-space:nowrap;
}

.two-way-grid{
  gap:clamp(18px,1.8vw,26px);
  align-items:stretch;
}
.two-way-panel,
.two-way-panel--accent{
  min-height:0;
  height:100%;
  padding:clamp(24px,2vw,30px);
  border:1px solid rgba(201,162,74,.30);
  background:
    radial-gradient(circle at 12% 0%,rgba(242,210,122,.045),transparent 16rem),
    rgba(255,255,255,.025);
  display:grid;
  grid-template-rows:auto minmax(4.05em,auto) auto minmax(76px,auto);
  align-content:start;
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
}
.two-way-panel--accent{
  border-color:rgba(201,162,74,.36);
  background:
    radial-gradient(circle at 88% 0%,rgba(242,210,122,.055),transparent 18rem),
    linear-gradient(145deg,rgba(201,162,74,.045),rgba(255,255,255,.02));
}
.two-way-panel:hover,
.two-way-panel:focus-within{
  transform:translateY(-4px);
  border-color:rgba(232,200,138,.62);
  animation:twoWayGoldBreathe 1.9s ease-in-out infinite;
}
@keyframes twoWayGoldBreathe{
  0%,100%{box-shadow:0 20px 48px rgba(0,0,0,.18),0 0 22px rgba(201,169,110,.08)}
  50%{box-shadow:0 24px 58px rgba(0,0,0,.24),0 0 38px rgba(201,169,110,.22)}
}
.flow-label{
  margin:0 0 18px;
  color:var(--gold-light)!important;
}
.two-way-panel h3{
  width:100%;
  max-width:20ch;
  margin:0 0 18px;
  font-size:clamp(1.85rem,2.35vw,2.75rem);
  line-height:.98;
}
.two-way-panel ol{
  display:grid;
  grid-template-rows:repeat(3,minmax(58px,auto));
  align-self:start;
}
.two-way-panel li{
  min-height:58px;
  align-items:start;
  padding:11px 0;
  line-height:1.42;
}
.two-way-panel li::before{
  color:var(--gold-light);
}
.gain{
  min-height:76px;
  margin:0;
  padding-top:15px;
  align-self:end;
}
.gain span{
  color:var(--gold-light);
}

/* Remove all residual Angel City pink from this section. */
.two-way-screen .eyebrow--rose,
.two-way-screen .flow-label{
  color:var(--gold-light)!important;
}
.two-way-screen .two-way-panel--accent{
  border-color:rgba(201,162,74,.36)!important;
}

/* Separate Hollywood pull quote for the two-way outcome. */
.two-way-pullquote .media-fill img{
  object-position:center 43%;
  filter:none;
}
.two-way-pullquote .narrative-pullquote-overlay{
  background:linear-gradient(180deg,rgba(11,11,13,.28),rgba(11,11,13,.46));
}
.two-way-turn-quote{
  width:min(100%,1480px)!important;
  max-width:none!important;
  margin:0 auto!important;
  text-align:center;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;
  font-size:clamp(3.4rem,5.05vw,6.15rem)!important;
  font-weight:700!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-shadow:0 16px 50px rgba(0,0,0,.46);
}
.two-way-turn-quote>span{
  display:block;
  color:var(--white);
}
.two-way-turn-quote .two-way-turn-accent{
  margin-top:.08em;
  color:var(--gold-light)!important;
}

@media(max-width:1180px){
  .two-way-head h2>span{white-space:normal}
  .two-way-panel h3{font-size:clamp(1.75rem,2.3vw,2.45rem)}
  .two-way-panel ol{grid-template-rows:repeat(3,minmax(64px,auto))}
}

@media(max-width:1050px){
  .two-way-screen{min-height:auto;padding:100px 0}
  .two-way-grid{grid-template-columns:1fr}
  .two-way-panel{grid-template-rows:auto auto auto auto}
  .two-way-panel ol{grid-template-rows:none}
  .gain{min-height:0}
  .two-way-turn-quote{font-size:clamp(3rem,7vw,5.2rem)!important}
}

@media(max-width:700px){
  .two-way-head h2{font-size:clamp(2.5rem,10vw,3.8rem)}
  .two-way-turn-quote{font-size:clamp(2.5rem,10vw,3.9rem)!important}
  .two-way-turn-quote>span{white-space:normal}
}

@media(prefers-reduced-motion:reduce){
  .logic-chain span:hover,
  .logic-chain span:focus-visible,
  .two-way-panel:hover,
  .two-way-panel:focus-within{
    animation:none!important;
  }
}

/* V4.9 viewport-fit refinement for the approved two-way section. */
@media(min-width:1051px){
  .two-way-screen{
    padding-top:clamp(78px,8vh,92px);
    padding-bottom:clamp(24px,3vh,36px);
  }
  .two-way-stack{gap:clamp(14px,1.7vh,20px)}
  .two-way-head h2{font-size:clamp(2.55rem,3.25vw,3.95rem)}
  .two-way-panel{padding:clamp(21px,1.7vw,27px)}
  .two-way-panel h3{
    margin-bottom:14px;
    font-size:clamp(1.75rem,2.05vw,2.35rem);
    min-height:3.95em;
  }
  .two-way-panel ol{grid-template-rows:repeat(3,minmax(52px,auto))}
  .two-way-panel li{min-height:52px;padding:9px 0}
  .gain{min-height:68px;padding-top:12px}
  .flow-label{margin-bottom:14px}
}


/* V4.10 feedback pass: two-way headline + application-card alignment and gold treatment. */

/* Applications: replace residual Angel City pink with the Icon Element gold gradient. */
.application-number{
  display:inline-block;
  color:transparent!important;
  background:linear-gradient(90deg,#c9a96e 0%,#e8c88a 52%,#b8860b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Keep all three application cards on the same vertical rhythm so their closing statements align. */
.application-grid{
  align-items:stretch;
}
.application-card{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(5.4em,auto) minmax(8.4em,auto) auto;
  align-content:start;
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
}
.application-card h3{
  margin:42px 0 18px;
  align-self:start;
}
.application-card p{
  margin:0;
  align-self:start;
}
.application-card strong{
  margin-top:0;
  padding-top:20px;
  border-top:1px solid var(--line);
  align-self:start;
}

/* Applications: same restrained hover lift + gold breathing glow used elsewhere. */
.application-card:hover,
.application-card:focus-within{
  transform:translateY(-4px);
  border-color:rgba(201,162,74,.52);
  background:rgba(255,255,255,.34);
  animation:applicationGoldBreathe 1.9s ease-in-out infinite;
}
@keyframes applicationGoldBreathe{
  0%,100%{box-shadow:0 18px 42px rgba(0,0,0,.08),0 0 20px rgba(201,169,110,.07)}
  50%{box-shadow:0 22px 52px rgba(0,0,0,.12),0 0 34px rgba(201,169,110,.18)}
}

@media(max-width:1050px){
  .application-card{
    grid-template-rows:auto auto auto auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .application-card:hover,
  .application-card:focus-within{
    animation:none!important;
  }
}

/* V4.11 feedback pass: application-card hover/alignment + faster narrative order support. */

/* Applications: keep the hover fully gold, fade cleanly, and stop immediately after hover. */
.application-card{
  grid-template-rows:auto 9rem 10.2rem auto;
  row-gap:18px;
  transition:
    transform .14s ease-out,
    border-color .14s ease-out,
    box-shadow .14s ease-out,
    background-color .14s ease-out!important;
  animation:none!important;
}
.application-card h3{
  margin:0!important;
  align-self:start;
}
.application-card p{
  margin:0!important;
  align-self:start;
}
.application-card strong{
  margin:0!important;
  padding-top:20px;
  align-self:start;
}
.application-card:hover,
.application-card:focus-within{
  transform:translateY(-3px);
  border-color:rgba(201,169,110,.58)!important;
  background:rgba(255,255,255,.32)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.10),
    0 0 26px rgba(201,169,110,.17)!important;
  animation:none!important;
}

/* Friction: retain the same structure while removing residual Angel City pink from this idea. */
.friction-screen .eyebrow--rose,
.gap-grid strong{
  color:var(--gold-light)!important;
}

@media(max-width:1050px){
  .application-card{
    grid-template-rows:auto auto auto auto;
    row-gap:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .application-card,
  .application-card:hover,
  .application-card:focus-within{
    transition:none!important;
    animation:none!important;
  }
}

/* V4.12  -  preserve the established readiness distinction after moving it into the legacy screen. */
.legacy-copy blockquote.legacy-readiness-turn {
  max-width: none;
  white-space: nowrap;
}

.legacy-copy blockquote.legacy-readiness-turn strong {
  display: inline-block;
  color: transparent;
  background: var(--icon-gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

@media (max-width: 980px) {
  .legacy-copy blockquote.legacy-readiness-turn {
    white-space: normal;
  }
}
\n\n/* V4.13 FEEDBACK PASS: LEGACY -> READINESS PULL QUOTE -> READINESS FORMS */\n\n/* Dedicated Procurement-ready vs. Los Angeles-ready image statement. */\n.readiness-quote-screen .media-fill img{\n  filter:grayscale(.28) saturate(.88) brightness(.72) contrast(1.03);\n}\n.readiness-quote-screen .narrative-pullquote-overlay{\n  background:linear-gradient(180deg,rgba(8,8,9,.24),rgba(8,8,9,.50));\n}\n.readiness-quote-screen .narrative-pullquote-inner{\n  width:min(94vw,1680px);\n  max-width:none;\n  margin-inline:auto;\n  justify-content:center;\n  text-align:center;\n}\n.readiness-quote{\n  width:100%;\n  max-width:none;\n  margin:0;\n  color:var(--white);\n  font-family:"Helvetica Neue",Arial,sans-serif;\n  font-size:clamp(3.55rem,5.9vw,7.15rem);\n  font-style:normal;\n  font-weight:560;\n  line-height:.94;\n  letter-spacing:-.055em;\n  text-align:center;\n  text-shadow:0 18px 50px rgba(0,0,0,.35);\n  white-space:nowrap;\n}\n.readiness-quote span{color:var(--white);}\n.readiness-quote strong{\n  display:inline-block;\n  margin-inline:.12em;\n  color:transparent;\n  background:var(--gold-gradient);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  font-weight:800;\n}\n\n/* Readiness cards now acknowledge hover with a restrained gold response. */\n.readiness-grid--expanded .readiness-panel{\n  position:relative;\n  overflow:hidden;\n  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;\n}\n.readiness-grid--expanded .readiness-panel::after{\n  content:"";\n  position:absolute;\n  inset:-18%;\n  z-index:0;\n  pointer-events:none;\n  opacity:0;\n  background:radial-gradient(circle at 50% 45%,rgba(210,168,79,.16),rgba(210,168,79,.055) 35%,transparent 67%);\n  transition:opacity .22s ease;\n}\n.readiness-grid--expanded .readiness-panel>*{position:relative;z-index:1;}\n.readiness-grid--expanded .readiness-panel:hover{\n  transform:translateY(-3px);\n  border-color:rgba(210,168,79,.46);\n  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 28px rgba(210,168,79,.10);\n}\n.readiness-grid--expanded .readiness-panel:hover::after{opacity:1;}\n\n@media(max-width:1180px){\n  .readiness-quote{font-size:clamp(3.25rem,6.2vw,5.8rem);}\n}\n@media(max-width:980px){\n  .readiness-quote{white-space:normal;font-size:clamp(3rem,8vw,5.2rem);}\n}\n@media(max-width:700px){\n  .readiness-quote{font-size:clamp(2.45rem,10vw,3.9rem);line-height:.98;}\n}\n@media(prefers-reduced-motion:reduce){\n  .readiness-grid--expanded .readiness-panel,\n  .readiness-grid--expanded .readiness-panel::after{transition:none!important;}\n  .readiness-grid--expanded .readiness-panel:hover{transform:none;}\n}\n

/* V4.14 FEEDBACK PASS: readiness line, friction interaction, applications image reuse. */

/* Procurement-ready distinction: one uninterrupted desktop line across the image. */
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    width: 98vw;
    max-width: none;
  }
  .readiness-quote {
    width: 100%;
    max-width: none;
    white-space: nowrap;
    font-size: clamp(2.7rem, 4.45vw, 5.8rem);
    letter-spacing: -0.06em;
    line-height: 0.96;
  }
}

/* Friction section: two-line question, centered card content, gold labels, clear hover response. */
.friction-head {
  max-width: 1120px;
  margin-inline: auto;
  text-align: center;
}
.friction-head h2 {
  margin-bottom: 0;
}
.friction-head h2 > span {
  display: block;
  white-space: nowrap;
}
.gap-grid article {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition:
    transform .18s ease-out,
    border-color .18s ease-out,
    background-color .18s ease-out,
    box-shadow .18s ease-out;
}
.gap-grid strong {
  display: inline-block;
  margin: 0 0 24px;
  color: transparent !important;
  background: var(--icon-gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gap-grid span {
  max-width: 23ch;
  color: rgba(255,255,255,.78);
}
.gap-grid article:hover,
.gap-grid article:focus-within {
  transform: translateY(-4px);
  border-color: rgba(201,169,110,.52);
  background: rgba(201,169,110,.055);
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    0 0 30px rgba(201,169,110,.14);
}

/* Applications: reuse the Hollywood image from the removed outcome pull-quote. */
.applications-screen {
  color: var(--white);
  background: var(--ink);
}
.applications-media img {
  object-position: center 43%;
  filter: none;
}
.applications-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(11,11,13,.38), rgba(11,11,13,.58)),
    linear-gradient(90deg, rgba(11,11,13,.24), rgba(11,11,13,.12));
  pointer-events: none;
}
.applications-screen .shell {
  z-index: 2;
}
.applications-head h2 {
  color: var(--white);
}
.applications-screen .application-card {
  background: rgba(245,241,232,.93) !important;
  color: var(--ink);
  border-color: rgba(245,241,232,.34);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.applications-screen .application-card p {
  color: var(--graphite);
}
.applications-screen .application-card strong {
  color: var(--ink);
}
.applications-screen .application-card:hover,
.applications-screen .application-card:focus-within {
  background: rgba(245,241,232,.97) !important;
  border-color: rgba(201,169,110,.62) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.20),
    0 0 28px rgba(201,169,110,.16) !important;
}

@media (max-width: 1050px) {
  .friction-head h2 > span {
    white-space: normal;
  }
}

@media (max-width: 700px) {
  .friction-head {
    text-align: left;
  }
  .gap-grid article {
    min-height: 168px;
    padding-inline: 26px;
  }
  .gap-grid span {
    max-width: 30ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gap-grid article,
  .gap-grid article:hover,
  .gap-grid article:focus-within {
    transition: none !important;
    transform: none !important;
  }
}


/* V4.15 FEEDBACK PASS: friction label visibility + legacy section refinement. */

/* Friction labels: keep the approved gold-gradient treatment, but provide a
   reliable visible fallback so the labels never render transparent. */
.gap-grid strong {
  color: var(--gold-light) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .gap-grid strong {
    color: transparent !important;
    background-image: var(--icon-gold-gradient) !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}

/* Beyond the visible moment: hold the headline to two intentional desktop lines. */
.legacy-copy h2 {
  width: min(100%, 1220px);
  max-width: none;
  margin-bottom: 28px;
}
.legacy-copy h2 .legacy-title-line,
.legacy-copy h2 em {
  display: block;
}
@media (min-width: 1051px) {
  .legacy-copy h2 .legacy-title-line,
  .legacy-copy h2 em {
    white-space: nowrap;
  }
}

/* Make the three legacy questions more prominent without changing their copy. */
.legacy-questions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 34px 0 0;
}
.legacy-questions span {
  min-height: 78px;
  display: flex;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(242,210,122,.22);
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.90);
  font-size: clamp(.92rem, 1vw, 1.05rem);
  font-weight: 620;
  line-height: 1.35;
  transition:
    transform .18s ease-out,
    border-color .18s ease-out,
    background-color .18s ease-out,
    box-shadow .18s ease-out;
}
.legacy-questions span:hover {
  transform: translateY(-3px);
  border-color: rgba(242,210,122,.62);
  background: rgba(210,168,79,.075);
  box-shadow:
    0 16px 34px rgba(0,0,0,.24),
    0 0 28px rgba(210,168,79,.18);
}

@media (max-width: 1050px) {
  .legacy-questions {
    grid-template-columns: 1fr;
  }
  .legacy-copy h2 .legacy-title-line,
  .legacy-copy h2 em {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-questions span,
  .legacy-questions span:hover {
    transition: none !important;
    transform: none !important;
  }
}

/* V4.16 FEEDBACK PASS: friction alignment + legacy question alignment + readiness quote sky placement. */

/* Friction cards: keep both label row and quote row on shared horizontal baselines. */
.gap-grid article {
  display: grid;
  grid-template-rows: 24px minmax(78px, auto);
  row-gap: 22px;
  align-content: center;
  justify-items: center;
}
.gap-grid strong {
  width: 100%;
  min-height: 24px;
  margin: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
  text-align: center;
}
.gap-grid span {
  width: 100%;
  min-height: 78px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

/* Games / legacy: slightly larger supporting copy and centered, aligned questions. */
.legacy-copy > p:not(.eyebrow) {
  max-width: 900px;
  font-size: clamp(1.12rem, 1.25vw, 1.28rem);
  line-height: 1.62;
}
.legacy-questions span {
  justify-content: center;
  text-align: center;
}
@media (min-width: 1051px) {
  .legacy-questions span:last-child {
    white-space: nowrap;
  }
}

/* Procurement-ready distinction: one wide line positioned in the open sky. */
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    width: 98.5vw;
    max-width: none;
    padding-inline: clamp(18px, 2.2vw, 40px);
    transform: translateY(-13vh);
  }
  .readiness-quote {
    width: 100%;
    max-width: none;
    white-space: nowrap;
    font-size: clamp(2.65rem, 4.35vw, 5.55rem);
    letter-spacing: -0.062em;
    line-height: .95;
  }
}

@media (max-width: 1050px) {
  .gap-grid article {
    grid-template-rows: 24px minmax(70px, auto);
  }
  .gap-grid span {
    min-height: 70px;
  }
}

@media (max-width: 700px) {
  .gap-grid article {
    display: flex;
    min-height: 168px;
  }
  .gap-grid strong,
  .gap-grid span {
    min-height: 0;
  }
}

/* V4.17 FEEDBACK PASS: readiness quote vertical placement + card hover glow + one-line takeaways. */

/* Move the procurement-ready distinction higher into the middle of the open sky. */
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    transform: translateY(-22vh);
  }
}

/* Readiness cards: make the requested gold hover glow unmistakable while preserving the existing lift. */
.readiness-grid--expanded .readiness-panel:hover,
.readiness-grid--expanded .readiness-panel:focus-within {
  border-color: rgba(242,210,122,.62);
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 36px rgba(210,168,79,.20);
}
.readiness-grid--expanded .readiness-panel:hover::after,
.readiness-grid--expanded .readiness-panel:focus-within::after {
  opacity: 1;
}

/* Keep both readiness takeaway statements on one desktop line. */
@media (min-width: 1051px) {
  .readiness-forms-screen .dual-line {
    font-size: clamp(.92rem, 1.12vw, 1.08rem);
    line-height: 1.2;
  }
  .readiness-forms-screen .dual-line > span,
  .readiness-forms-screen .dual-line > em {
    white-space: nowrap;
  }
}


/* V4.18 FEEDBACK PASS: three-line readiness statement + LA Readiness Index typography/alignment. */

/* Procurement-ready distinction: three centered oversized lines. */
.readiness-quote-screen .narrative-pullquote-inner {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.readiness-quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .02em;
  width: 100%;
  max-width: none;
  margin: 0;
  white-space: normal;
  text-align: center;
  line-height: .78;
}
.readiness-quote > span,
.readiness-quote > strong {
  display: block;
  width: 100%;
  text-align: center;
}
.readiness-quote > strong {
  margin: .04em 0 .07em;
}
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    width: min(96vw, 1780px);
    padding-inline: clamp(18px, 2vw, 38px);
    transform: translateY(-7vh);
  }
  .readiness-quote {
    font-size: clamp(5.35rem, 7.4vw, 9.2rem);
    letter-spacing: -.062em;
  }
}
@media (max-width: 980px) {
  .readiness-quote {
    font-size: clamp(3.5rem, 9vw, 6.4rem);
    line-height: .82;
  }
}
@media (max-width: 700px) {
  .readiness-quote {
    font-size: clamp(2.7rem, 12vw, 4.6rem);
    line-height: .86;
  }
}

/* LA Readiness Index: lock the headline to three intentional lines on desktop. */
.readiness-index-head {
  max-width: 1180px;
}
.readiness-index-head h2 {
  max-width: none;
}
.readiness-index-head h2 > span {
  display: block;
  white-space: nowrap;
}
.readiness-index-head .section-lede {
  max-width: 920px;
}

/* Match the Index site's serif display treatment and prevent percentage clipping. */
.stat-grid article {
  min-height: 255px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  overflow: visible;
}
.stat-grid strong {
  display: block;
  width: 100%;
  margin: 0 0 26px;
  padding: .05em 0 .10em;
  overflow: visible;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(4.8rem, 6.4vw, 7.35rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
  text-align: center;
}
.stat-grid p {
  width: 100%;
  min-height: 4.65em;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .readiness-index-head h2 > span {
    white-space: normal;
  }
  .stat-grid p {
    min-height: 0;
  }
}


/* V4.19 FEEDBACK PASS: procurement scale, centered LA Readiness Index, two-way edge glow, applications background/header fit. */

/* Procurement-ready distinction: push the type larger while keeping the three-line centered structure. */
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    transform: translateY(-9vh);
    width: min(97vw, 1820px);
  }
  .readiness-quote {
    font-size: clamp(6.35rem, 8.9vw, 11rem);
    line-height: .76;
    letter-spacing: -.068em;
  }
}
@media (max-width: 980px) {
  .readiness-quote {
    font-size: clamp(4rem, 11vw, 7.2rem);
  }
}

/* LA Readiness Index: center the entire section presentation. */
#proof .compact-stack {
  justify-items: center;
  text-align: center;
}
#proof .readiness-index-head {
  max-width: 1180px;
  margin-inline: auto;
  text-align: center;
}
#proof .readiness-index-head .eyebrow,
#proof .readiness-index-head h2,
#proof .readiness-index-head .section-lede {
  margin-inline: auto;
  text-align: center;
}
#proof .readiness-index-head .section-lede {
  max-width: 980px;
}
#proof .stat-grid {
  width: 100%;
}
#proof .stat-grid article {
  align-items: center;
  text-align: center;
}
#proof .proof-note {
  max-width: 1040px;
  margin-inline: auto;
  text-align: center;
}

/* Two-way intelligence: add a thin gold edge glow that breathes subtly inward from the section sides. */
.two-way-screen::before,
.two-way-screen::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(14px, 1.5vw, 22px);
  z-index: 1;
  pointer-events: none;
  opacity: .72;
  filter: blur(10px);
  animation: twoWayEdgeGlow 4.8s ease-in-out infinite;
}
.two-way-screen::before {
  left: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.60) 0%, rgba(201,169,110,.16) 45%, rgba(201,169,110,0) 100%);
}
.two-way-screen::after {
  right: 0;
  background: linear-gradient(270deg, rgba(201,169,110,.60) 0%, rgba(201,169,110,.16) 45%, rgba(201,169,110,0) 100%);
}
@keyframes twoWayEdgeGlow {
  0%,100% { opacity: .42; }
  50% { opacity: .82; }
}

/* Applications: use the new image, lock the headline to two lines, and pull the section upward so all content fits in one screen more comfortably. */
.applications-screen {
  min-height: 100svh;
  padding-top: clamp(72px, 6.2vh, 86px);
  padding-bottom: clamp(18px, 2.2vh, 26px);
}
.applications-media img {
  object-position: center center;
}
.applications-overlay {
  background:
    linear-gradient(180deg, rgba(11,11,13,.44), rgba(11,11,13,.56)),
    linear-gradient(90deg, rgba(11,11,13,.24), rgba(11,11,13,.16));
}
.applications-screen .compact-stack {
  gap: clamp(18px, 2.1vh, 24px);
}
.applications-head {
  max-width: 980px;
}
.applications-head h2 {
  margin-bottom: 0;
  max-width: none;
  line-height: .94;
}
.applications-head h2 > span {
  display: block;
  white-space: nowrap;
}
.applications-screen .application-grid {
  gap: 16px;
}
.applications-screen .application-card {
  min-height: 0;
}

@media (max-width: 1180px) {
  .applications-head h2 > span {
    white-space: normal;
  }
}

@media (max-width: 1050px) {
  #proof .compact-stack {
    justify-items: stretch;
  }
  #proof .readiness-index-head,
  #proof .readiness-index-head .eyebrow,
  #proof .readiness-index-head h2,
  #proof .readiness-index-head .section-lede,
  #proof .proof-note {
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .two-way-screen::before,
  .two-way-screen::after {
    animation: none !important;
  }
}

/* V4.20 FEEDBACK PASS: 50% larger readiness statement, one-screen centered LA Readiness Index, remove two-way edge glow. */

/* Procurement-ready distinction: make the approved three-line statement 50% larger on desktop. */
@media (min-width: 981px) {
  .readiness-quote-screen .narrative-pullquote-inner {
    width: 100vw;
    max-width: none;
    padding-inline: clamp(8px, 1vw, 18px);
  }
  .readiness-quote {
    font-size: clamp(9.525rem, 13.35vw, 16.5rem);
    line-height: .72;
    letter-spacing: -.072em;
  }
}

/* LA Readiness Index: center-justify the complete section and fit title through implication in one desktop viewport. */
@media (min-width: 1051px) {
  #proof.screen {
    min-height: 100svh;
    padding-top: clamp(70px, 6.4vh, 82px);
    padding-bottom: clamp(18px, 2.2vh, 26px);
  }
  #proof .compact-stack {
    width: 100%;
    gap: clamp(14px, 1.7vh, 20px);
    justify-items: center;
    text-align: center;
  }
  #proof .readiness-index-head {
    width: 100%;
    max-width: 1260px;
    margin-inline: auto;
    text-align: center;
  }
  #proof .readiness-index-head .eyebrow,
  #proof .readiness-index-head h2,
  #proof .readiness-index-head .section-lede {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #proof .readiness-index-head h2 {
    font-size: clamp(3.8rem, 4.75vw, 5.45rem);
    line-height: .92;
    margin-bottom: 14px;
  }
  #proof .readiness-index-head .section-lede {
    max-width: 1040px;
    font-size: clamp(.94rem, 1vw, 1.08rem);
    line-height: 1.5;
  }
  #proof .stat-grid {
    width: 100%;
    gap: 12px;
  }
  #proof .stat-grid article {
    min-height: 220px;
    padding: 20px 24px 22px;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }
  #proof .stat-grid strong {
    margin-bottom: 16px;
    padding: .02em 0 .06em;
    font-size: clamp(4.4rem, 5.45vw, 6.45rem);
  }
  #proof .stat-grid p {
    min-height: 4.2em;
    font-size: .95rem;
    line-height: 1.42;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
  }
  #proof .proof-note {
    width: min(100%, 1080px);
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 13px;
    font-size: .92rem;
    line-height: 1.42;
    text-align: center;
  }
}

/* Two-way intelligence: remove the experimental section-edge glow entirely. */
.two-way-screen::before,
.two-way-screen::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* V4.21 FEEDBACK PASS: exact 2x procurement statement + corrected LA Readiness Index title centering. */

/* Procurement-ready distinction: double the currently rendered desktop statement and center the block in the image. */
@media (min-width: 1051px) {
  .readiness-quote-screen {
    align-items: center;
    justify-content: center;
  }
  .readiness-quote-screen .narrative-pullquote-inner,
  .readiness-quote-screen .narrative-pullquote-inner.reveal.is-visible {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: none;
  }
  .readiness-quote {
    width: auto;
    max-width: none;
    margin: 0 auto;
    transform: scale(2);
    transform-origin: center center;
  }
}

/* LA Readiness Index: make the three-line title a true centered stack on one shared vertical axis. */
@media (min-width: 1051px) {
  #proof .readiness-index-head {
    width: min(100%, 1500px);
    max-width: 1500px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #proof .readiness-index-head .eyebrow,
  #proof .readiness-index-head .section-lede {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #proof .readiness-index-head h2 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #proof .readiness-index-head h2 > span {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    text-align: center;
  }
}

@media (max-width: 1050px) {
  .readiness-quote {
    transform: none;
  }
  #proof .readiness-index-head h2 > span {
    width: auto;
    white-space: normal;
  }
}


/* V4.22 FEEDBACK PASS: founder titles + centered method alignment + verified Index caption language. */

/* Founder cards: add the requested formal titles without changing the existing card architecture. */
.founder-role {
  margin: -8px 0 16px;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Method boxes: center labels and questions, with shared vertical starting lines across all four boxes. */
.method-grid article {
  display: grid;
  grid-template-rows: 22px minmax(2.65em, auto);
  align-content: center;
  justify-items: center;
  row-gap: 22px;
  text-align: center;
}
.method-grid article > span {
  width: 100%;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.method-grid article > strong {
  width: 100%;
  margin: 0;
  display: block;
  align-self: start;
  text-align: center;
}

/* The three method labels move from gray to white; Executive keeps its approved gold treatment. */
.method-grid article:not(.method-result) > span {
  color: var(--white) !important;
}

@media (max-width: 1050px) {
  .method-grid article {
    grid-template-rows: auto auto;
    row-gap: 14px;
  }
}


/* V4.23 FEEDBACK PASS: method visibility/alignment, founder-name color, Angel City question-section format. */

/* Founder names: use black instead of the gold treatment. */
.team-grid .founder-card > div > .eyebrow {
  color: var(--ink) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--ink) !important;
}

/* Method row: restore visible labels and force every label/question onto shared horizontal baselines. */
.method-grid article {
  min-height: 126px;
  padding: 18px 16px;
  display: grid;
  grid-template-rows: 20px 50px;
  align-content: center;
  justify-items: stretch;
  row-gap: 16px;
  text-align: center;
}
.method-grid article > span {
  width: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--ink) !important;
  text-align: center;
}
.method-grid article > strong {
  width: 100%;
  min-height: 50px;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.method-grid .method-result > span {
  color: var(--gold-light) !important;
  -webkit-text-fill-color: var(--gold-light) !important;
}
.method-grid .method-result > strong {
  color: var(--white);
}

/* Questions Worth Exploring: mirror the approved Angel City three-column question format. */
.libby-questions-stage {
  min-height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 56px 0 78px;
  color: var(--white);
  background: var(--ink);
}
.libby-questions-stage .questions-media {
  position: absolute;
  inset: -5%;
  z-index: 0;
  will-change: transform;
}
.libby-questions-stage .questions-media img {
  width: 100%;
  height: 110%;
  object-fit: cover;
  object-position: center 48%;
  filter: saturate(.68) brightness(.47);
}
.libby-questions-stage .questions-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(11,11,13,.84), rgba(11,11,13,.56) 60%, rgba(11,11,13,.44)),
    linear-gradient(0deg, rgba(11,11,13,.62), rgba(11,11,13,.18) 58%, rgba(11,11,13,.36));
}
.libby-questions-shell {
  z-index: 2;
  padding: 0;
  text-align: center;
}
.libby-questions-shell .questions-kicker {
  margin: 0 0 12px;
  color: var(--gold-light);
  text-align: center;
}
.libby-questions-shell .questions-title {
  margin: 0 0 34px;
  color: var(--rose);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2rem, 3.35vw, 3.8rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .13em;
  text-align: center;
  text-transform: uppercase;
}
.libby-question-grid {
  max-width: none;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
  align-items: stretch;
}
.libby-question-grid .final-question {
  min-height: 410px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 34px clamp(24px,3vw,52px);
  border-top: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
  border-right: 1px solid rgba(255,255,255,.14);
  background: transparent;
  text-align: center;
}
.libby-question-grid .final-question:first-child {
  border-left: 1px solid rgba(255,255,255,.14);
}
.libby-question-grid .question-number {
  display: block;
  margin: 0 0 34px;
  padding: 0;
  color: var(--rose);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .14em;
}
.libby-question-grid .final-question h3 {
  margin: 0;
  max-width: 15ch;
  color: var(--white);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.85rem, 2.45vw, 2.85rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-align: center;
  text-wrap: balance;
}

@media (max-width: 1050px) {
  .method-grid article {
    min-height: 116px;
    grid-template-rows: auto auto;
    row-gap: 12px;
  }
  .libby-question-grid {
    grid-template-columns: 1fr;
    max-width: 760px;
  }
  .libby-question-grid .final-question {
    min-height: 0;
    border-left: 1px solid rgba(255,255,255,.14);
    border-right: 1px solid rgba(255,255,255,.14);
    border-bottom: 0;
  }
  .libby-question-grid .final-question:last-child {
    border-bottom: 1px solid rgba(255,255,255,.18);
  }
  .libby-question-grid .final-question h3 {
    max-width: 24ch;
  }
}

@media (max-width: 700px) {
  .libby-questions-stage {
    padding: 88px 0;
  }
  .libby-questions-shell .questions-title {
    font-size: clamp(1.8rem, 8vw, 2.7rem);
    letter-spacing: .08em;
  }
  .libby-question-grid .final-question {
    padding: 28px 24px;
  }
  .libby-question-grid .final-question h3 {
    font-size: clamp(1.65rem, 8vw, 2.45rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .libby-questions-stage .questions-media {
    transform: none !important;
  }
}

/* V4.23 specificity correction: ensure the three cream-card method labels are visibly black. */
.method-grid article:not(.method-result) > span {
  color: var(--ink) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--ink) !important;
}


/* V4.24 FEEDBACK PASS: Icon Element black/gold founder-method section + true method centering. */

/* The entire Human Meaning + Research Discipline section moves to the Icon Element black system. */
.team-discipline-screen {
  background: var(--ink);
  color: var(--white);
}
.team-discipline-screen .section-head {
  max-width: 1120px;
}
.team-discipline-screen .section-head h2 {
  color: var(--white);
}
.team-discipline-screen .section-head .eyebrow {
  color: var(--gold-light);
}

/* Founder cards: black panels, white copy, and a stronger gold trim. */
.team-discipline-screen .founder-card {
  background: #0b0b0d;
  border: 2px solid rgba(201,162,74,.72);
  color: var(--white);
}
.team-discipline-screen .founder-card > div {
  background: #0b0b0d;
}
.team-discipline-screen .founder-card > div > .eyebrow {
  color: var(--white) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--white) !important;
}
.team-discipline-screen .founder-role {
  color: rgba(255,255,255,.72);
}
.team-discipline-screen .founder-card h3 {
  color: var(--white);
}
.team-discipline-screen .founder-card p:last-child {
  color: rgba(255,255,255,.72);
}

/* Method boxes: same black/gold visual system, with true shared vertical centering. */
.team-discipline-screen .method-grid article,
.team-discipline-screen .method-grid .method-result {
  min-height: 126px;
  padding: 18px 16px;
  display: grid;
  grid-template-rows: 20px 52px;
  align-content: center;
  justify-items: stretch;
  row-gap: 14px;
  background: #0b0b0d;
  border: 2px solid rgba(201,162,74,.72) !important;
  color: var(--white) !important;
  text-align: center;
}
.team-discipline-screen .method-grid article > span,
.team-discipline-screen .method-grid .method-result > span {
  width: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--white) !important;
  text-align: center;
}
.team-discipline-screen .method-grid article > strong,
.team-discipline-screen .method-grid .method-result > strong {
  width: 100%;
  min-height: 52px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  color: var(--white) !important;
  text-align: center;
}
.team-discipline-screen .method-grid i {
  color: var(--gold-light);
}

@media (max-width: 1050px) {
  .team-discipline-screen .method-grid article,
  .team-discipline-screen .method-grid .method-result {
    grid-template-rows: auto auto;
    row-gap: 12px;
  }
  .team-discipline-screen .method-grid article > strong,
  .team-discipline-screen .method-grid .method-result > strong {
    min-height: 0;
  }
}

/* V4.25 FEEDBACK PASS: two-way box treatment across research-discipline section + true method centering + gold founder roles. */

/* Match every box in this section to the established Two-Way Intelligence box system. */
.team-discipline-screen .founder-card,
.team-discipline-screen .method-grid article,
.team-discipline-screen .method-grid .method-result {
  border: 1px solid rgba(201,162,74,.30) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(242,210,122,.045), transparent 16rem),
    rgba(255,255,255,.025) !important;
  box-shadow: none;
  transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}
.team-discipline-screen .founder-card > div {
  background: transparent;
}
.team-discipline-screen .founder-card:hover,
.team-discipline-screen .founder-card:focus-within,
.team-discipline-screen .method-grid article:hover,
.team-discipline-screen .method-grid article:focus-within {
  transform: translateY(-4px);
  border-color: rgba(232,200,138,.62) !important;
  animation: twoWayGoldBreathe 1.9s ease-in-out infinite;
}

/* Founder titles: requested Icon Element gold-gradient treatment. */
.team-discipline-screen .founder-role {
  display: inline-block;
  width: fit-content;
  color: transparent !important;
  background: var(--icon-gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

/* Method boxes: use a single centered flex stack so the label/question group is truly centered. */
.team-discipline-screen .method-grid article,
.team-discipline-screen .method-grid .method-result {
  min-height: 126px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
}
.team-discipline-screen .method-grid article > span,
.team-discipline-screen .method-grid .method-result > span,
.team-discipline-screen .method-grid article > strong,
.team-discipline-screen .method-grid .method-result > strong {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  align-self: center;
}
.team-discipline-screen .method-grid article > span,
.team-discipline-screen .method-grid .method-result > span {
  line-height: 1;
}
.team-discipline-screen .method-grid article > strong,
.team-discipline-screen .method-grid .method-result > strong {
  line-height: 1.32;
}

@media (max-width: 1050px) {
  .team-discipline-screen .method-grid article,
  .team-discipline-screen .method-grid .method-result {
    min-height: 116px;
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-discipline-screen .founder-card,
  .team-discipline-screen .method-grid article,
  .team-discipline-screen .founder-card:hover,
  .team-discipline-screen .founder-card:focus-within,
  .team-discipline-screen .method-grid article:hover,
  .team-discipline-screen .method-grid article:focus-within {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* V4.26 FEEDBACK PASS: founder-role visibility/position + shared method baselines + gradient method labels. */

/* Founder roles: keep them on their own line, make them clearly legible, and preserve the requested Icon Element gold gradient. */
.team-discipline-screen .founder-card > div > .eyebrow {
  margin: 0 0 8px !important;
}
.team-discipline-screen .founder-role {
  display: block !important;
  width: max-content !important;
  max-width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: clamp(.86rem, .95vw, 1rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase;
  color: var(--gold-light) !important;
  background-image: var(--icon-gold-gradient) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Method row: explicit shared label row and question row so all four start on identical horizontal baselines. */
.team-discipline-screen .method-grid article,
.team-discipline-screen .method-grid .method-result {
  min-height: 126px;
  padding: 18px 16px;
  display: grid !important;
  grid-template-rows: 20px 54px !important;
  align-content: center !important;
  justify-items: stretch !important;
  row-gap: 18px !important;
  text-align: center;
}

/* All four method headers use the Icon Element gold gradient and sit on one shared line. */
.team-discipline-screen .method-grid article > span,
.team-discipline-screen .method-grid .method-result > span {
  display: block !important;
  width: 100% !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
  justify-self: stretch !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  letter-spacing: .13em !important;
  text-align: center !important;
  text-transform: uppercase;
  color: var(--gold-light) !important;
  background-image: var(--icon-gold-gradient) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* All four questions begin at the same vertical position while remaining centered inside their boxes. */
.team-discipline-screen .method-grid article > strong,
.team-discipline-screen .method-grid .method-result > strong {
  display: flex !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-self: start !important;
  color: var(--white) !important;
  font-size: .93rem !important;
  line-height: 1.32 !important;
  text-align: center !important;
}

@media (max-width: 1050px) {
  .team-discipline-screen .method-grid article,
  .team-discipline-screen .method-grid .method-result {
    grid-template-rows: auto auto !important;
    row-gap: 12px !important;
  }
  .team-discipline-screen .method-grid article > strong,
  .team-discipline-screen .method-grid .method-result > strong {
    min-height: 0 !important;
  }
}


/* V4.28 FEEDBACK PASS: Questions Worth Exploring color, image, and question scale only. */
.libby-questions-shell .questions-title {
  color: var(--white) !important;
}
.libby-question-grid .question-number {
  color: var(--white) !important;
}
.libby-question-grid .final-question h3 {
  font-size: clamp(.925rem, 1.225vw, 1.425rem);
}
@media (max-width: 700px) {
  .libby-question-grid .final-question h3 {
    font-size: clamp(.825rem, 4vw, 1.225rem);
  }
}

/* V4.29 FEEDBACK PASS: increase Questions Worth Exploring question text 25% from V4.28. */
.libby-question-grid .final-question h3 {
  font-size: clamp(1.15625rem, 1.53125vw, 1.78125rem);
}
@media (max-width: 700px) {
  .libby-question-grid .final-question h3 {
    font-size: clamp(1.03125rem, 5vw, 1.53125rem);
  }
}

/* V4.30 FEEDBACK PASS: wider question text area + 25% larger question type. */
.libby-question-grid .final-question {
  padding-left: clamp(14px, 1.5vw, 28px);
  padding-right: clamp(14px, 1.5vw, 28px);
}
.libby-question-grid .final-question h3 {
  width: 92%;
  max-width: none;
  font-size: clamp(1.4453125rem, 1.9140625vw, 2.2265625rem);
}
@media (max-width: 700px) {
  .libby-question-grid .final-question {
    padding-left: 18px;
    padding-right: 18px;
  }
  .libby-question-grid .final-question h3 {
    width: 100%;
    font-size: clamp(1.2890625rem, 6.25vw, 1.9140625rem);
  }
}

/* V4.32 FEEDBACK PASS: gold question-box perimeter/hover + shorter evidence-boundary section only. */

/* Questions worth exploring: gold-gradient perimeter lines with a restrained gold hover glow. */
.libby-question-grid .final-question,
.libby-question-grid .final-question:first-child,
.libby-question-grid .final-question:last-child {
  border: 1px solid transparent !important;
  border-image: var(--icon-gold-gradient) 1 !important;
  transition:
    transform .18s ease-out,
    box-shadow .18s ease-out,
    background-color .18s ease-out !important;
}
.libby-question-grid .final-question:hover,
.libby-question-grid .final-question:focus-within {
  transform: translateY(-3px);
  background: rgba(201,169,110,.035);
  box-shadow:
    0 16px 36px rgba(0,0,0,.26),
    0 0 30px rgba(201,169,110,.24),
    inset 0 0 18px rgba(201,169,110,.055);
}

/* Evidence boundary: keep all typography/copy untouched, but remove the full-screen vertical whitespace. */
@media (min-width: 1051px) {
  .evidence-boundary {
    min-height: 52svh;
    padding: clamp(42px, 4.5vh, 58px) 0;
  }
}

@media (max-width: 1050px) {
  .evidence-boundary {
    min-height: auto;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .libby-question-grid .final-question,
  .libby-question-grid .final-question:hover,
  .libby-question-grid .final-question:focus-within {
    transition: none !important;
    transform: none !important;
  }
}


/* V4.33 feedback pass: City Hall close background, no secondary brand block, gold CTA. */
.close--cityhall {
  background: var(--ink);
  color: var(--white);
}
.close--cityhall .close-media {
  inset: 0;
}
.close--cityhall .close-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: none;
}
.close-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(11,11,13,.92) 0%, rgba(11,11,13,.76) 44%, rgba(11,11,13,.52) 76%, rgba(11,11,13,.44) 100%),
    linear-gradient(0deg, rgba(11,11,13,.54), rgba(11,11,13,.18));
}
.close--cityhall .close-grid {
  grid-template-columns: minmax(0, 1.2fr) .8fr;
}
.close--cityhall .primary-cta {
  background: var(--icon-gold-gradient);
  color: var(--ink);
  border: 1px solid rgba(242,210,122,.48);
}
.close--cityhall .primary-cta:hover,
.close--cityhall .primary-cta:focus-visible {
  background: var(--icon-gold-gradient);
  box-shadow: 0 10px 30px rgba(201,169,110,.22);
}
@media (max-width: 1050px) {
  .close--cityhall .close-grid {
    grid-template-columns: 1fr;
  }
}


/* V4.35 FINAL HEADER NAVIGATION PASS */
/* Libby Williams: Icon Element gold-gradient treatment in the fixed header. */
.prepared-for strong {
  display: inline-block;
  color: var(--gold-light);
  background: var(--icon-gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Keep the expanded final navigation compact while preserving the existing header styling. */
.progress-nav {
  gap: clamp(12px, 1.35vw, 26px);
  white-space: nowrap;
}
.progress-nav a {
  scroll-margin-top: 100px;
}
#possibility, #legacy, #readiness-forms, #intelligence, #proof, #two-way, #applications, #questions, #conversation {
  scroll-margin-top: 92px;
}

@media (max-width: 1320px) and (min-width: 1051px) {
  .site-header {
    grid-template-columns: 120px 1fr 220px;
    padding-inline: 22px;
  }
  .progress-nav {
    gap: 12px;
    font-size: .59rem;
    letter-spacing: .09em;
  }
  .prepared-for {
    font-size: .66rem;
  }
}


/* V4.36 EXPERIENCE BEHIND THE APPROACH
   Reuses the Angel City selected-experience accordion system in a condensed two-case proof layer. */
.experience-proof-screen{
  position:relative;
  background:var(--paper);
  color:var(--ink);
  padding:clamp(78px,8vh,108px) 0 clamp(72px,7vh,96px);
  overflow:hidden;
}
.selected-experience .section-head{
  max-width:1000px;
  margin-bottom:clamp(34px,4vh,48px);
}
.selected-experience .section-head h2{
  margin-bottom:20px;
}
.selected-experience .section-lede{
  max-width:850px;
}
.selected-experience .experience-boundary{
  max-width:850px;
  margin:16px 0 0;
  color:#6c655c;
  font-size:.9rem;
  line-height:1.6;
}

/* Angel City accordion structure, adapted to Icon Element's gold-only system. */
.selected-experience .experience{
  border-top:1px solid rgba(31,27,20,.15);
}
.selected-experience .experience:last-of-type{
  border-bottom:1px solid rgba(31,27,20,.15);
}
.selected-experience .experience summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(260px,.92fr) minmax(420px,1.55fr) 44px;
  align-items:center;
  gap:28px;
  min-height:124px;
  padding:26px 8px 26px 0;
  background:transparent;
  transition:background .28s ease;
}
.selected-experience .experience summary::-webkit-details-marker{display:none;}
.selected-experience .experience summary:hover,
.selected-experience .experience[open] summary{
  background:linear-gradient(90deg,rgba(210,168,79,.075),rgba(210,168,79,.022) 60%,transparent 88%);
}
.selected-experience .exp-meta{
  display:block;
  margin:0;
  color:#676158;
  font-size:.72rem;
  font-weight:850;
  line-height:1.45;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:transform .34s cubic-bezier(.2,.75,.2,1),color .24s ease;
}
.selected-experience .experience summary:hover .exp-meta,
.selected-experience .experience[open] .exp-meta{
  transform:translateX(clamp(10px,1vw,18px));
  color:#8e6b1b;
}
.selected-experience .exp-title{
  display:block;
  margin:0;
  color:var(--ink);
  font-size:clamp(1.75rem,2.55vw,2.85rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.selected-experience .experience summary b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(31,27,20,.17);
  border-radius:50%;
  color:#9a741a;
  font-size:1.35rem;
  line-height:1;
  font-weight:500;
  transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.selected-experience .experience summary:hover b{
  border-color:rgba(210,168,79,.48);
  box-shadow:0 0 24px rgba(210,168,79,.12);
}
.selected-experience .experience[open] summary b{
  transform:rotate(45deg);
  background:rgba(210,168,79,.09);
  border-color:rgba(210,168,79,.42);
}
.selected-experience .experience-body{
  padding:12px 0 62px;
}

/* PASCO: the same resume-like hierarchy from the Angel City proof section, shortened for Libby. */
.selected-experience .nonprofit-resume{
  max-width:1120px;
  margin:0 auto;
  border-top:1px solid rgba(31,27,20,.16);
}
.selected-experience .nonprofit-resume__intro,
.selected-experience .resume-row{
  display:grid;
  grid-template-columns:minmax(165px,.28fr) minmax(0,1fr);
  gap:38px;
  padding:26px 0;
  border-bottom:1px solid rgba(31,27,20,.12);
}
.selected-experience .nonprofit-resume__intro{padding-top:30px;}
.selected-experience .resume-label{
  margin:4px 0 0;
  color:#6a6258;
  font-size:.69rem;
  font-weight:850;
  line-height:1.45;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.selected-experience .resume-lead{
  max-width:44ch;
  margin:0;
  color:var(--ink);
  font-size:clamp(1.4rem,1.9vw,1.95rem);
  line-height:1.36;
  letter-spacing:-.025em;
}
.selected-experience .resume-content{max-width:800px;}
.selected-experience .resume-content p{
  margin:0;
  color:#35312b;
  font-size:clamp(1rem,1.12vw,1.12rem);
  line-height:1.68;
}
.selected-experience .resume-row--contribution{
  background:linear-gradient(90deg,rgba(210,168,79,.06),rgba(210,168,79,.018),transparent 78%);
}
.selected-experience .resume-row--contribution .resume-label{color:#9a741a;}

/* Jose: retain the Angel City signal-card language, but use only the most relevant case. */
.selected-experience .experience-body--jose{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);
  gap:46px;
  align-items:start;
  padding-top:18px;
}
.selected-experience .signal-case{
  position:relative;
  min-height:0;
  padding:32px 34px 30px;
  border:1px solid rgba(31,27,20,.13);
  border-radius:18px;
  background:rgba(255,255,255,.42);
  box-shadow:0 18px 46px rgba(31,27,20,.045);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease;
}
.selected-experience .signal-case::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:0;
  height:2px;
  background:var(--icon-gold-gradient);
  opacity:.76;
}
.selected-experience .signal-case:hover{
  transform:translateY(-4px);
  border-color:rgba(190,145,52,.44);
  background:rgba(255,255,255,.55);
  box-shadow:0 24px 58px rgba(31,27,20,.09),0 0 30px rgba(190,145,52,.14);
}
.selected-experience .signal-case h3{
  max-width:17ch;
  margin:18px 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.9rem,2.55vw,2.95rem);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
  color:var(--ink);
}
.selected-experience .signal-case>p:not(.eyebrow){
  margin:0 0 15px;
  max-width:60ch;
  color:#38332d;
  font-size:clamp(.98rem,1.08vw,1.08rem);
  line-height:1.65;
}
.selected-experience .signal-result{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid rgba(31,27,20,.12);
  display:grid;
  gap:5px;
}
.selected-experience .signal-result span{
  color:#72695f;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.selected-experience .signal-result strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.25rem,3.4vw,3.75rem);
  line-height:1;
  font-weight:600;
  color:#a87712;
}
.selected-experience .contribution-box{
  position:relative;
  border:0;
  border-top:1px solid rgba(210,168,79,.58);
  padding:24px 0 0;
  background:transparent;
}
.selected-experience .contribution-box::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:58%;
  height:1px;
  background:var(--icon-gold-gradient);
}
.selected-experience .contribution-box p:last-child{
  margin:0;
  color:#332f29;
  font-size:clamp(1rem,1.12vw,1.1rem);
  line-height:1.7;
}
.selected-experience .experience-close{
  max-width:1000px;
  margin:36px 0 0;
  padding-top:24px;
  border-top:1px solid rgba(31,27,20,.14);
  color:#454038;
  font-size:clamp(1.1rem,1.42vw,1.4rem);
  line-height:1.5;
}
.selected-experience .experience-close span{
  color:var(--ink);
  font-weight:800;
}

@media(max-width:980px){
  .selected-experience .experience summary{
    grid-template-columns:1fr 42px;
    gap:10px 18px;
    padding:24px 0 22px;
  }
  .selected-experience .exp-meta{grid-column:1;grid-row:1;}
  .selected-experience .exp-title{grid-column:1;grid-row:2;}
  .selected-experience .experience summary b{grid-column:2;grid-row:1/3;justify-self:end;}
  .selected-experience .experience-body--jose{grid-template-columns:1fr;gap:34px;}
}
@media(max-width:700px){
  .experience-proof-screen{padding:68px 0 64px;}
  .selected-experience .experience summary:hover .exp-meta,
  .selected-experience .experience[open] .exp-meta{transform:translateX(6px);}
  .selected-experience .exp-title{font-size:clamp(1.55rem,8vw,2.2rem);}
  .selected-experience .nonprofit-resume__intro,
  .selected-experience .resume-row{grid-template-columns:1fr;gap:10px;padding:22px 0;}
  .selected-experience .resume-label{margin:0;}
  .selected-experience .signal-case{padding:26px 24px 24px;}
  .selected-experience .signal-case::after{left:24px;right:24px;}
}
@media(prefers-reduced-motion:reduce){
  .selected-experience .exp-meta,
  .selected-experience .experience summary b,
  .selected-experience .signal-case{transition:none!important;}
  .selected-experience .signal-case:hover{transform:none;}
}

/* V4.37 EXPERIENCE PROOF REFINEMENT
   Reuses the Angel City proof-section patterns requested in review. */

/* Keep all hover/open states gold-only. */
.selected-experience .experience summary:hover,
.selected-experience .experience[open] summary{
  background:linear-gradient(90deg,rgba(210,168,79,.085),rgba(210,168,79,.028) 62%,transparent 90%)!important;
  box-shadow:none!important;
}
.selected-experience .experience summary:hover b,
.selected-experience .experience[open] summary b{
  border-color:rgba(210,168,79,.52)!important;
  box-shadow:0 0 24px rgba(210,168,79,.15)!important;
}
.selected-experience .experience summary:hover .exp-meta,
.selected-experience .experience[open] .exp-meta{
  color:#8e6b1b!important;
}

/* 2008 case: preserve the Angel City resume hierarchy in abridged form. */
.selected-experience .experience-body--nonprofit{
  padding-top:12px;
}
.selected-experience .growth-number{
  display:flex;
  align-items:baseline;
  gap:16px;
  margin:22px 0 5px;
  line-height:1;
}
.selected-experience .growth-number span,
.selected-experience .growth-number strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.4rem,5.6vw,6.6rem);
  letter-spacing:-.065em;
}
.selected-experience .growth-number span{color:#4f4942;}
.selected-experience .growth-number i{
  color:#9a741a;
  font-style:normal;
  font-size:1.6rem;
}
.selected-experience .growth-number strong{color:#a87712;}
.selected-experience .caption{
  margin:0!important;
  color:#756d64!important;
  font-size:.72rem!important;
  line-height:1.45!important;
}

/* PASCO archival image treatment copied from the Angel City proof section. */
.selected-experience .experience-body--pasco{
  padding-top:26px;
}
.selected-experience .pasco-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:12px;
  margin:0 0 42px;
}
.selected-experience .pasco-grid figure{
  margin:0;
  overflow:hidden;
  background:#ddd;
  min-height:210px;
}
.selected-experience .pasco-grid figure img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.selected-experience .pasco-main{
  grid-row:span 2;
  min-height:460px!important;
  position:relative;
}
.selected-experience .pasco-main figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  margin:0;
  background:rgba(0,0,0,.74);
  color:white;
  padding:7px 9px;
  font-size:.64rem;
}
.selected-experience .pasco-resume{
  max-width:1120px;
}

/* Jose: main case first, contribution block full-width below it. */
.selected-experience .experience-body--jose{
  display:block!important;
  padding-top:18px;
}
.selected-experience .signal-case{
  width:100%;
  max-width:none;
  border-color:rgba(31,27,20,.13)!important;
  box-shadow:0 18px 46px rgba(31,27,20,.045)!important;
}
.selected-experience .signal-case:hover,
.selected-experience .signal-case:focus-within{
  transform:translateY(-4px);
  border-color:rgba(190,145,52,.48)!important;
  background:rgba(255,255,255,.56)!important;
  box-shadow:0 24px 58px rgba(31,27,20,.09),0 0 32px rgba(190,145,52,.16)!important;
}
.selected-experience .contribution-box--wide,
.selected-experience .contribution-box--jose{
  width:100%;
  max-width:none!important;
  margin:34px 0 0!important;
  padding:26px 28px 28px!important;
  border:1px solid rgba(210,168,79,.34)!important;
  border-left:3px solid #d2a84f!important;
  background:linear-gradient(145deg,rgba(210,168,79,.085),rgba(210,168,79,.018))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.05)!important;
}
.selected-experience .contribution-box--wide::before,
.selected-experience .contribution-box--jose::before{
  display:none!important;
}
.selected-experience .contribution-box--wide .eyebrow,
.selected-experience .contribution-box--jose .eyebrow{
  margin-bottom:12px;
}

@media(max-width:700px){
  .selected-experience .pasco-grid{grid-template-columns:1fr;}
  .selected-experience .pasco-main{grid-row:auto;min-height:300px!important;}
  .selected-experience .pasco-grid figure{min-height:230px;}
  .selected-experience .contribution-box--wide,
  .selected-experience .contribution-box--jose{padding:24px 22px 25px!important;}
}

@media(prefers-reduced-motion:reduce){
  .selected-experience .signal-case:hover,
  .selected-experience .signal-case:focus-within{transform:none!important;}
}


/* V4.38 EXPERIENCE PROOF FEEDBACK PASS
   Copy/layout refinements requested in the latest review. */

/* Give Jose's complementary-strength framing its own clearly separated paragraph. */
.selected-experience .section-lede--jose{
  margin-top:20px;
}

/* The 2008 participation endpoint uses the approved Icon Element gold gradient. */
.selected-experience .growth-number strong{
  color:transparent!important;
  background:var(--icon-gold-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Jose case: use the full card width so the proof reads left-to-right and the card shortens naturally. */
.selected-experience .signal-case h3{
  max-width:none!important;
}
.selected-experience .signal-case>p:not(.eyebrow){
  max-width:none!important;
}

/* Lock the Jose case interaction to gold only. */
.selected-experience .signal-case:hover,
.selected-experience .signal-case:focus-within{
  outline:none!important;
  border-color:rgba(210,168,79,.72)!important;
  box-shadow:0 22px 52px rgba(31,27,20,.08),0 0 34px rgba(210,168,79,.24)!important;
}
.selected-experience .signal-case:hover::after,
.selected-experience .signal-case:focus-within::after{
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(210,168,79,.35));
}

/* =========================================================
   BUSINESS CONNECT / SAMONA PROPOSAL
   Reuses the Libby briefing system; only new proposal-specific
   components are scoped below.
   ========================================================= */
.business-connect-page .hero-overlay{
  background:
    linear-gradient(180deg,rgba(11,11,13,.20) 0%,rgba(11,11,13,.38) 58%,rgba(11,11,13,.62) 100%),
    linear-gradient(90deg,rgba(11,11,13,.34),rgba(11,11,13,.05) 58%,rgba(11,11,13,.18))!important;
}
.business-connect-page .hero .media-fill img{
  filter:saturate(.78) contrast(1.04) brightness(.82)!important;
  object-position:center 54%;
}
.business-connect-page .hero-eyebrow{
  color:#f5f1e8!important;
  -webkit-text-fill-color:#f5f1e8!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.business-connect-page .hero-statement{
  text-shadow:0 4px 22px rgba(0,0,0,.40);
}
.business-connect-page .hero-statement>em{
  color:#f5f1e8;
  text-shadow:0 4px 22px rgba(0,0,0,.40);
}
.business-connect-context .three-line-quote em,
.research-pull-screen .three-line-quote em{
  display:block;
  margin-top:.22em;
  color:var(--gold-light);
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:.88em;
  line-height:.98;
  font-style:italic;
  font-weight:500;
  letter-spacing:-.03em;
}
.business-connect-context .media-fill img{
  filter:grayscale(.14) saturate(.78) brightness(.58)!important;
}
.business-connect-selection-quote .media-fill img{
  filter:grayscale(.28) saturate(.68) brightness(.42)!important;
}
.business-connect-selection-quote .readiness-quote{
  max-width:100%;
}
.buyer-readiness-screen .readiness-forms-head{
  max-width:1160px;
}
.buyer-readiness-screen .readiness-forms-head h2{
  max-width:15ch;
}
.buyer-readiness-screen .readiness-forms-head .section-lede{
  margin-top:22px;
  color:rgba(255,255,255,.66);
}
.opportunity-screen .applications-media img{
  object-position:center 58%;
  filter:saturate(.72) contrast(1.02) brightness(.78)!important;
}
.opportunity-screen .applications-overlay{
  background:
    linear-gradient(180deg,rgba(11,11,13,.60),rgba(11,11,13,.72)),
    linear-gradient(90deg,rgba(11,11,13,.25),rgba(11,11,13,.12));
}
.opportunity-screen .applications-head h2{
  max-width:12ch;
}
.beyond-qualified-screen .section-head h2{
  display:grid;
  gap:16px;
  max-width:13ch;
}
.beyond-qualified-screen .proposal-title{
  display:block;
}
.beyond-qualified-screen .section-head h2 em{
  display:block;
  color:var(--rose-deep);
  font-size:.56em;
  line-height:1.05;
  letter-spacing:-.032em;
}
.session-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.session-meta span{
  padding:9px 12px;
  border:1px solid var(--line);
  color:var(--graphite);
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lab-screen{
  background:
    radial-gradient(circle at 78% 18%,rgba(210,168,79,.08),transparent 34%),
    linear-gradient(145deg,#121216,#08080a);
}
.lab-shell{
  display:grid;
  gap:clamp(36px,4.5vh,58px);
}
.lab-intro{
  max-width:1080px;
}
.lab-intro h2{
  max-width:13ch;
  color:var(--white);
}
.lab-intro h2 em{
  display:inline-block;
  color:var(--gold-light);
}
.lab-intro .section-lede{
  max-width:820px;
  color:rgba(255,255,255,.66);
}
.lab-workspace{
  padding:clamp(24px,2.5vw,34px);
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.025);
}
.lab-workspace-label{
  margin:0 0 22px;
  color:var(--gold-light);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.lab-map-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.13);
  border-left:1px solid rgba(255,255,255,.13);
}
.lab-map-grid article{
  min-height:178px;
  padding:22px;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
.lab-map-grid article span{
  display:block;
  margin-bottom:28px;
  color:var(--gold);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em;
}
.lab-map-grid article strong{
  display:block;
  margin-bottom:10px;
  color:var(--white);
  font-size:1.02rem;
}
.lab-map-grid article p{
  margin:0;
  color:rgba(255,255,255,.57);
  font-size:.9rem;
  line-height:1.48;
}
.lab-bottom-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
}
.lab-deliverables,
.lab-commercial{
  min-height:310px;
  padding:30px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.025);
}
.lab-commercial{
  border-color:rgba(210,168,79,.30);
  background:linear-gradient(145deg,rgba(210,168,79,.08),rgba(255,255,255,.02));
}
.lab-deliverables ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
  margin:0;
  padding:0;
  list-style:none;
}
.lab-deliverables li{
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.76);
}
.lab-price{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:6px 18px;
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.14);
}
.lab-price span{
  color:rgba(255,255,255,.70);
}
.lab-price strong{
  color:var(--white);
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(2.2rem,3vw,3.5rem);
  line-height:.8;
}
.lab-price small{
  grid-column:2;
  color:rgba(255,255,255,.44);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lab-price--secondary strong{
  color:var(--gold-light);
}
.lab-note{
  margin:22px 0 0;
  color:rgba(255,255,255,.56);
  font-size:.88rem;
  line-height:1.55;
}
.research-pull-screen .media-fill img{
  filter:grayscale(.25) saturate(.72) brightness(.50)!important;
}
.research-detail-screen{
  background:var(--paper);
}
.research-detail-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(38px,5vw,78px);
  align-items:start;
}
.research-question{
  max-width:22ch;
  margin:28px 0 22px;
  color:var(--ink);
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(1.7rem,2.4vw,2.8rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
.research-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.research-panel{
  min-height:390px;
  padding:28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.32);
}
.research-panel--accent{
  border-color:rgba(210,168,79,.38);
  background:linear-gradient(145deg,rgba(210,168,79,.10),rgba(255,255,255,.32));
}
.research-panel ul{
  margin:24px 0 0;
  padding:0;
  list-style:none;
}
.research-panel li{
  padding:13px 0;
  border-top:1px solid var(--line);
  color:var(--graphite);
  line-height:1.45;
}
.research-output{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr repeat(3,1fr);
  border-top:1px solid var(--line);
}
.research-output>.flow-label{
  margin:0;
  padding:24px 22px 24px 0;
  color:var(--rose-deep);
}
.research-output>div{
  padding:24px 22px;
  border-left:1px solid var(--line);
}
.research-output strong{
  display:block;
  margin-bottom:8px;
}
.research-output span{
  display:block;
  color:var(--graphite);
  font-size:.9rem;
  line-height:1.48;
}
.business-connect-value .two-way-head h2{
  max-width:14ch;
}
.mini-team{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
}
.mini-team>div{
  padding:22px 0 0;
}
.mini-team strong{
  display:block;
  margin:9px 0 10px;
  color:var(--white);
  font-size:1.12rem;
}
.mini-team p{
  max-width:54ch;
  margin:0;
  color:rgba(255,255,255,.58);
  line-height:1.55;
}
.business-connect-close .close-media img{
  filter:saturate(.72) brightness(.72)!important;
  object-position:center 48%;
}
.business-connect-close .close-copy h2{
  max-width:12ch;
}

@media(max-width:1050px){
  .lab-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lab-bottom-grid,.research-detail-grid{grid-template-columns:1fr}
  .research-output{grid-template-columns:1fr 1fr}
  .research-output>.flow-label{grid-column:1/-1}
  .research-output>div{border-top:1px solid var(--line)}
}
@media(max-width:700px){
  .business-connect-context .three-line-quote em,
  .research-pull-screen .three-line-quote em{font-size:.94em}
  .lab-map-grid,.lab-deliverables ul,.research-panels,.mini-team{grid-template-columns:1fr}
  .lab-map-grid article{min-height:auto}
  .lab-bottom-grid{gap:14px}
  .lab-deliverables,.lab-commercial{min-height:auto;padding:24px}
  .research-output{grid-template-columns:1fr}
  .research-output>div{border-left:0}
  .research-output>.flow-label{padding-bottom:12px}
}

/* V6 feedback pass: Beyond Qualified color and session-format hover treatment. */
.beyond-qualified-screen .section-head h2 em{
  color:var(--gold-light)!important;
}

.session-meta span{
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease;
}

@media (hover:hover) and (pointer:fine){
  .session-meta span:hover{
    transform:translateY(-3px) scale(1.035);
    border-color:rgba(210,168,79,.9);
    background:rgba(242,210,122,.10);
    color:var(--ink);
    box-shadow:0 0 0 1px rgba(210,168,79,.10), 0 8px 24px rgba(210,168,79,.28);
  }
}

/* V7 feedback pass: split the paid Lab into three sections and clarify the pilot structure. */
.lab-intro-secondary{
  margin-top:18px;
}
.lab-process-grid article{
  min-height:230px;
}
.lab-price--pilot{
  margin-top:8px;
  padding:20px 18px;
  border:1px solid rgba(210,168,79,.46);
  background:linear-gradient(135deg,rgba(242,210,122,.14),rgba(210,168,79,.055));
}
.lab-price--pilot span{
  color:var(--white);
  font-weight:800;
}
.lab-price--pilot strong{
  color:var(--gold-light);
}
.lab-rate-note{
  margin:14px 0 0;
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  line-height:1.5;
}
.lab-map-grid article,
.lab-deliverables,
.lab-commercial{
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
@media (hover:hover) and (pointer:fine){
  .lab-map-grid article:hover,
  .lab-deliverables:hover,
  .lab-commercial:hover{
    transform:translateY(-3px);
    border-color:rgba(210,168,79,.58);
    background:linear-gradient(145deg,rgba(242,210,122,.07),rgba(255,255,255,.025));
    box-shadow:0 0 0 1px rgba(210,168,79,.08),0 12px 30px rgba(210,168,79,.16);
  }
}
@media(max-width:700px){
  .lab-process-grid article{min-height:auto}
}

/* V8 update: model the paid supplier continuation after the Angel City consequence band, but use gold accents instead of pink. */
.lab-band{
  min-height:84svh;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:var(--ink);
  background:#d7d7d2;
}
.lab-band-media,
.lab-band-overlay{
  position:absolute;
  inset:0;
}
.lab-band-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.9) brightness(1);
}
.lab-band-overlay{
  background:linear-gradient(90deg,rgba(243,238,228,.97),rgba(243,238,228,.78) 47%,rgba(243,238,228,.15) 100%),linear-gradient(0deg,rgba(243,238,228,.42),transparent 52%);
}
.lab-band-content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:clamp(62px,7vw,120px);
  align-items:center;
  padding:105px 0;
}
.lab-band-copy h2{
  max-width:10ch;
  font-size:clamp(3.8rem,6vw,6.8rem);
  color:var(--ink);
}
.lab-band-copy h2 em{
  display:block;
  max-width:10ch;
  color:var(--gold);
}
.lab-band-copy p{
  max-width:640px;
  color:var(--graphite);
  font-size:1.08rem;
  line-height:1.6;
}
.lab-band-copy p + p{
  margin-top:18px;
}
.lab-band-card{
  align-self:center;
  width:min(100%,390px);
  max-width:390px;
  min-height:0;
  padding:clamp(28px,2.4vw,38px);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  border:1px solid rgba(210,168,79,.30);
  border-radius:24px;
  background:#f3eee4;
  box-shadow:0 20px 54px rgba(31,27,20,.14);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.lab-band-card:hover{
  transform:translateY(-5px);
  border-color:rgba(210,168,79,.55);
  box-shadow:0 26px 64px rgba(31,27,20,.18),0 0 28px rgba(210,168,79,.10);
}
.lab-band-card-value{
  display:block;
  width:100%;
  max-width:100%;
  padding-right:.14em;
  color:transparent;
  background:linear-gradient(90deg,#b8860b 0%,#f2d27a 50%,#c9a24a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(5.6rem,8vw,8.2rem);
  font-weight:600;
  line-height:.86;
  letter-spacing:-.055em;
  white-space:nowrap;
  font-variant-numeric:lining-nums tabular-nums;
}
.lab-band-card-number,.lab-band-card-unit{font:inherit;color:inherit}
.lab-band-card p{
  margin:24px 0 20px;
  max-width:22ch;
  font-size:clamp(1.15rem,1.55vw,1.44rem);
  line-height:1.42;
  letter-spacing:-.02em;
  color:var(--ink);
}
.lab-band-card small{
  display:block;
  max-width:34ch;
  padding-top:16px;
  border-top:1px solid rgba(31,27,20,.14);
  color:rgba(31,27,20,.64);
  font-size:.78rem;
  line-height:1.55;
}
@media(max-width:1050px){
  .lab-band-content{grid-template-columns:1fr;gap:48px;padding:88px 0}
}
@media(max-width:700px){
  .lab-band{min-height:auto}
  .lab-band-content{padding:86px 0}
  .lab-band-copy h2{font-size:clamp(3.1rem,13vw,5.2rem)}
  .lab-band-card{max-width:390px;width:100%}
  .lab-band-card-value{font-size:clamp(4.8rem,22vw,7.2rem)}
}

/* V9 feedback pass: simplify the paid Lab opening, contain the Lab map in one viewport, and clarify deliverables in plain language. */
.lab-band{
  min-height:calc(100svh - 82px);
}
.lab-band-content{
  grid-template-columns:1fr .9fr;
  gap:clamp(42px,5vw,84px);
  padding:clamp(54px,6vh,72px) 0;
}
.lab-band-copy{
  align-self:start;
  padding-top:10px;
}
.lab-band-copy h2{
  max-width:12ch;
  margin-bottom:0;
  font-size:clamp(3rem,4.75vw,5.7rem);
}
.lab-band-copy h2 span{
  display:block;
}
.lab-band-copy h2 em{
  display:block;
  max-width:15ch;
  margin-top:14px;
  color:var(--gold);
  font-size:.56em;
  line-height:1.05;
  letter-spacing:-.032em;
}
.lab-band-card-stack{
  width:min(100%,460px);
  justify-self:end;
  display:grid;
  gap:16px;
}
.lab-band-card{
  width:100%;
  max-width:none;
  padding:clamp(24px,2vw,32px);
}
.lab-band-card-value{
  font-size:clamp(4.7rem,6.6vw,7.2rem);
}
.lab-band-card p{
  margin:18px 0 16px;
  font-size:clamp(1.02rem,1.25vw,1.24rem);
}
.lab-band-card--summary{
  text-align:left;
}
.lab-band-card--summary p{
  max-width:none;
  margin:0 0 16px;
  color:var(--ink);
  font-size:.96rem;
  line-height:1.55;
  letter-spacing:0;
}
.lab-band-card--summary small{
  max-width:none;
  font-size:.78rem;
  line-height:1.5;
}

.lab-map-screen{
  padding:clamp(50px,5.6vh,72px) 0;
}
.lab-map-screen .lab-shell{
  gap:clamp(22px,2.7vh,30px);
}
.lab-map-screen .lab-intro{
  max-width:1120px;
}
.lab-map-screen .lab-intro .eyebrow{
  margin-bottom:10px;
}
.lab-map-screen .lab-map-title{
  max-width:none;
  margin-bottom:14px;
  font-size:clamp(2.8rem,4vw,4.9rem);
  line-height:.96;
}
.lab-map-screen .lab-map-title span{
  display:block;
  white-space:nowrap;
}
.lab-map-screen .lab-intro .section-lede{
  max-width:900px;
  font-size:.98rem;
  line-height:1.52;
}
.lab-map-screen .lab-workspace{
  padding:18px;
}
.lab-map-screen .lab-map-grid article{
  min-height:142px;
  padding:17px 18px;
}
.lab-map-screen .lab-map-grid article span{
  margin-bottom:16px;
}
.lab-map-screen .lab-map-grid article strong{
  margin-bottom:7px;
  font-size:.94rem;
}
.lab-map-screen .lab-map-grid article p{
  font-size:.82rem;
  line-height:1.4;
}
.lab-deliverables li{
  line-height:1.48;
}

@media(max-width:1050px){
  .lab-band{min-height:auto}
  .lab-band-content{grid-template-columns:1fr;gap:36px;padding:76px 0}
  .lab-band-copy{padding-top:0}
  .lab-band-card-stack{justify-self:start;width:min(100%,620px)}
  .lab-map-screen .lab-map-title span{white-space:normal}
}
@media(max-width:700px){
  .lab-band-content{padding:82px 0}
  .lab-band-copy h2{font-size:clamp(2.9rem,12vw,4.8rem)}
  .lab-band-copy h2 em{font-size:.52em}
  .lab-map-screen{padding:84px 0}
  .lab-map-screen .lab-map-title{font-size:clamp(2.6rem,10.5vw,4.2rem)}
  .lab-map-screen .lab-workspace{padding:14px}
  .lab-map-screen .lab-map-grid article{min-height:auto;padding:18px}
}

/* V10 feedback pass: balance the Beyond Qualified Lab opening without changing the established section design. */
.lab-band-card:first-child{
  justify-content:center;
}
.lab-band-copy h2 em span{
  display:block;
}
@media(min-width:1400px){
  .lab-band-content{
    grid-template-columns:minmax(0,1fr) 420px;
    gap:40px;
    align-items:stretch;
  }
  .lab-band-copy{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:0;
  }
  .lab-band-copy h2{
    width:100%;
    max-width:none;
  }
  .lab-band-copy h2 .lab-band-title > span{
    display:block;
    white-space:nowrap;
  }
  .lab-band-copy h2 em{
    max-width:none;
    margin-top:24px;
    font-size:.62em;
    line-height:1.04;
    letter-spacing:-.075em;
  }
  .lab-band-copy h2 em span{
    white-space:nowrap;
  }
}
@media(max-width:1399px) and (min-width:1051px){
  .lab-band-copy h2 em{
    max-width:18ch;
    font-size:.58em;
    line-height:1.02;
  }
}
@media(max-width:1050px){
  .lab-band-copy h2 em span{
    white-space:normal;
  }
}

/* v11: use more of the available full-screen space in the Buyer Relationship & Trust Map. */
@media (min-width:1051px){
  .lab-map-screen{
    padding:clamp(44px,5vh,64px) 0;
  }
  .lab-map-screen .lab-shell{
    gap:clamp(24px,3vh,34px);
  }
  .lab-map-screen .lab-intro{
    max-width:1180px;
  }
  .lab-map-screen .lab-intro .section-lede{
    max-width:980px;
    font-size:1.05rem;
    line-height:1.55;
  }
  .lab-map-screen .lab-workspace{
    padding:24px;
  }
  .lab-map-screen .lab-map-grid article{
    min-height:174px;
    padding:22px 24px;
  }
  .lab-map-screen .lab-map-grid article span{
    margin-bottom:20px;
    font-size:.7rem;
  }
  .lab-map-screen .lab-map-grid article strong{
    margin-bottom:10px;
    font-size:1.08rem;
    line-height:1.2;
  }
  .lab-map-screen .lab-map-grid article p{
    font-size:.94rem;
    line-height:1.48;
  }
}

/* V14 feedback pass: shorten the pilot structure card and center the 4.5-hour card contents. */
.lab-commercial{
  align-self:start;
  min-height:0;
  height:auto;
}

.lab-band-card:first-child{
  align-items:center;
  text-align:center;
}
.lab-band-card:first-child .lab-band-card-value{
  text-align:center;
}
.lab-band-card:first-child p,
.lab-band-card:first-child small{
  margin-left:auto;
  margin-right:auto;
}
.lab-band-card:first-child small{
  width:100%;
  text-align:center;
}

/* V15 feedback pass: keep the Institutional Buyer Trust Study in one screen, stack and center the research panels, add a visible LA image, and carry the participant-grid hover language onto the light research section. */
.research-detail-image{
  margin:18px 0 0;
  height:124px;
  overflow:hidden;
  border:1px solid rgba(210,168,79,.28);
  background:rgba(255,255,255,.34);
}
.research-detail-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%;
  filter:grayscale(.12) saturate(.78) brightness(.92) contrast(1.02);
}
.research-panel,
.research-output>div{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.research-panel{
  border-color:rgba(210,168,79,.24);
  background:rgba(255,255,255,.36);
}
.research-panel--accent{
  border-color:rgba(210,168,79,.42);
  background:linear-gradient(145deg,rgba(242,210,122,.13),rgba(255,255,255,.34));
}
.research-output{
  border:1px solid rgba(210,168,79,.22);
  background:rgba(255,255,255,.22);
}
.research-output>.flow-label{
  color:var(--gold);
}
.research-output>div{
  background:rgba(255,255,255,.20);
}
@media (hover:hover) and (pointer:fine){
  .research-panel:hover,
  .research-output>div:hover{
    transform:translateY(-3px);
    border-color:rgba(210,168,79,.64);
    background:linear-gradient(145deg,rgba(242,210,122,.15),rgba(255,255,255,.42));
    box-shadow:0 0 0 1px rgba(210,168,79,.08),0 12px 30px rgba(210,168,79,.18);
  }
}

@media(min-width:1051px){
  .research-detail-screen{
    min-height:100svh;
    padding:104px 0 34px;
    align-items:center;
  }
  .research-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-areas:
      "copy panels"
      "output output";
    column-gap:clamp(34px,4vw,58px);
    row-gap:18px;
    align-items:center;
  }
  .research-detail-grid>.section-head{
    grid-area:copy;
    max-width:none;
    align-self:center;
  }
  .research-detail-grid>.section-head h2{
    max-width:9.5ch;
    margin-bottom:14px;
    font-size:clamp(3.45rem,4.2vw,4.9rem);
  }
  .research-detail-grid .eyebrow{
    margin-bottom:12px;
  }
  .research-question{
    max-width:24ch;
    margin:16px 0 14px;
    font-size:clamp(1.55rem,1.9vw,2.12rem);
    line-height:1.06;
  }
  .research-detail-grid .section-lede{
    max-width:650px;
    font-size:.94rem;
    line-height:1.5;
  }
  .research-panels{
    grid-area:panels;
    align-self:center;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .research-panel{
    min-height:0;
    padding:18px 20px;
  }
  .research-panel .panel-label{
    margin-bottom:8px;
  }
  .research-panel ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
    margin:8px 0 0;
  }
  .research-panel li{
    padding:8px 0;
    font-size:.88rem;
    line-height:1.3;
  }
  .research-output{
    grid-area:output;
    grid-column:1/-1;
    grid-template-columns:.64fr repeat(3,1fr);
    border-top:1px solid rgba(210,168,79,.22);
  }
  .research-output>.flow-label{
    padding:15px 18px 14px;
    display:flex;
    align-items:center;
    margin:0;
  }
  .research-output>div{
    padding:14px 18px;
  }
  .research-output strong{
    margin-bottom:5px;
    font-size:.95rem;
  }
  .research-output span{
    font-size:.82rem;
    line-height:1.35;
  }
}

@media(max-width:1050px){
  .research-detail-image{height:180px}
  .research-panel{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .research-panel,
  .research-output>div{transition:none!important}
  .research-panel:hover,
  .research-output>div:hover{transform:none}
}


/* V16 feedback pass: remove the extra image and return the Potential LASEC Research Initiative to a black, gold-accented full-screen treatment. */
.research-detail-screen{
  background:#0b0b0d;
  color:var(--white);
}
.research-detail-screen .section-head h2,
.research-detail-screen .research-question,
.research-detail-screen .research-question strong{
  color:var(--white);
}
.research-detail-screen .section-lede{
  color:rgba(255,255,255,.68);
}
.research-detail-screen .eyebrow,
.research-detail-screen .panel-label,
.research-detail-screen .flow-label{
  color:var(--gold-light);
}
.research-detail-screen .research-panel{
  color:var(--white);
  border:1px solid rgba(210,168,79,.36);
  background:rgba(255,255,255,.025);
}
.research-detail-screen .research-panel--accent{
  border-color:rgba(210,168,79,.58);
  background:linear-gradient(145deg,rgba(210,168,79,.10),rgba(255,255,255,.025));
}
.research-detail-screen .research-panel li{
  color:rgba(255,255,255,.76);
  border-top-color:rgba(255,255,255,.12);
}
.research-detail-screen .research-output{
  border:1px solid rgba(210,168,79,.30);
  background:rgba(255,255,255,.018);
}
.research-detail-screen .research-output>div{
  border-left-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.018);
}
.research-detail-screen .research-output strong{
  color:var(--white);
}
.research-detail-screen .research-output span{
  color:rgba(255,255,255,.62);
}

@media (hover:hover) and (pointer:fine){
  .research-detail-screen .research-panel:hover,
  .research-detail-screen .research-output>div:hover{
    transform:translateY(-3px);
    border-color:rgba(242,210,122,.72);
    background:linear-gradient(145deg,rgba(210,168,79,.13),rgba(255,255,255,.04));
    box-shadow:0 0 0 1px rgba(210,168,79,.10),0 14px 32px rgba(210,168,79,.14);
  }
}

@media(min-width:1051px){
  .research-detail-screen{
    min-height:100svh;
    padding:94px 0 24px;
    align-items:center;
  }
  .research-detail-grid{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    grid-template-areas:
      "copy panels"
      "output output";
    column-gap:clamp(40px,4.6vw,72px);
    row-gap:14px;
    align-items:center;
  }
  .research-detail-grid>.section-head{
    align-self:center;
  }
  .research-detail-grid>.section-head h2{
    max-width:9.2ch;
    margin-bottom:16px;
    font-size:clamp(3.55rem,4.35vw,5.05rem);
  }
  .research-question{
    max-width:25ch;
    margin:18px 0 14px;
    font-size:clamp(1.62rem,1.98vw,2.2rem);
  }
  .research-detail-grid .section-lede{
    max-width:620px;
    font-size:.96rem;
    line-height:1.52;
  }
  .research-panels{
    align-self:center;
    gap:14px;
  }
  .research-panel{
    min-height:188px;
    padding:22px 24px;
  }
  .research-panel .panel-label{
    margin-bottom:10px;
    font-size:.76rem;
  }
  .research-panel ul{
    gap:0 24px;
    margin:10px 0 0;
  }
  .research-panel li{
    padding:10px 0;
    font-size:.94rem;
    line-height:1.34;
  }
  .research-output{
    grid-template-columns:.58fr repeat(3,1fr);
  }
  .research-output>.flow-label{
    padding:17px 20px;
  }
  .research-output>div{
    padding:16px 20px;
  }
  .research-output strong{
    font-size:1rem;
  }
  .research-output span{
    font-size:.84rem;
    line-height:1.38;
  }
}

@media(max-width:1050px){
  .research-detail-screen .research-panel,
  .research-detail-screen .research-output{
    background:#111114;
  }
  .research-detail-screen .research-output>div{
    border-top-color:rgba(255,255,255,.10);
  }
}

/* V17 feedback pass: gold lead-in for the research question, a distinct LA-photo treatment for Business Connect value, and a separate untouched founder block. */
.research-detail-screen .research-question-lead{
  color:var(--gold-light);
  font-weight:600;
}

.business-connect-value{
  isolation:isolate;
  background:#0b0b0d;
}
.business-connect-value-media{
  inset:-3%;
  z-index:0;
}
.business-connect-value-media img{
  width:100%;
  height:106%;
  object-fit:cover;
  object-position:center 46%;
  filter:saturate(.72) brightness(.62) contrast(1.03);
}
.business-connect-value-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(8,8,10,.38),rgba(8,8,10,.58)),
    linear-gradient(90deg,rgba(8,8,10,.28),rgba(8,8,10,.12) 48%,rgba(8,8,10,.30));
}
.business-connect-value .shell{
  z-index:2;
}
.business-connect-value .two-way-head h2,
.business-connect-value .two-way-head .eyebrow{
  text-shadow:0 8px 28px rgba(0,0,0,.42);
}
.business-connect-value .two-way-panel,
.business-connect-value .two-way-panel--accent{
  border-color:rgba(242,210,122,.34);
  background:rgba(11,11,13,.54);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
.business-connect-value .two-way-panel--accent{
  background:linear-gradient(145deg,rgba(210,168,79,.10),rgba(11,11,13,.56));
}
@media (hover:hover) and (pointer:fine){
  .business-connect-value .two-way-panel:hover,
  .business-connect-value .two-way-panel:focus-within{
    border-color:rgba(242,210,122,.68);
    background:rgba(11,11,13,.62);
  }
}

.mini-team-section{
  position:relative;
  padding:36px 0 74px;
  border-top:1px solid rgba(255,255,255,.10);
}
.mini-team-section .mini-team{
  margin:0;
}

@media(max-width:1050px){
  .business-connect-value-media{inset:-4%}
  .business-connect-value-media img{height:108%;object-position:center center}
  .business-connect-value .two-way-panel,
  .business-connect-value .two-way-panel--accent{
    background:rgba(11,11,13,.66);
  }
  .mini-team-section{padding:30px 0 58px}
}

/* V31 feedback pass: activate Why This Team in the progress nav and tighten the Lab intro title-to-copy spacing. */
.business-connect-page #lab-structure .lab-intro h2{
  margin:0 0 18px;
}
.business-connect-page #lab-structure .lab-intro .section-lede{
  margin-top:0;
}

/* V34 alignment fix: keep corresponding content rows aligned without clipping or overlap. */
@media (min-width:1051px){
  .business-connect-value .two-way-panel,
  .business-connect-value .two-way-panel--accent{
    grid-template-rows:auto auto auto auto;
  }
  .business-connect-value .two-way-panel h3{
    min-height:5.35em;
  }
  .business-connect-value .two-way-panel ol{
    grid-template-rows:4.5em 4.5em 7em;
  }
  .business-connect-value .two-way-panel li{
    min-height:0;
    height:auto;
    overflow:visible;
  }
  .business-connect-value .gain{
    min-height:96px;
  }
}