/* SHE Venture — final visual polish layer */

:root{--page:clamp(22px,5.2vw,80px)}

.topbar{height:78px;padding-top:9px;padding-bottom:9px}
.logo-header{width:112px}
.nav-desktop{gap:34px;font-size:9.5px;letter-spacing:.15em}
.nav-cta{padding:13px 18px;font-size:9px}

.hero{padding-top:78px;min-height:680px;grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr)}
.hero-copy{padding:64px clamp(34px,4.2vw,66px) 66px var(--page)}
.hero h1{font-size:clamp(54px,4.45vw,74px);line-height:1.055;letter-spacing:-.003em;max-width:720px}
.hero-text{max-width:520px;margin:25px 0 30px;font-size:15.5px;line-height:1.72}
.hero-actions{gap:26px}
.hero-media{min-height:602px;background:#E8DDD5}
.scene-logo-hero{display:none}

.capabilities{padding:34px var(--page)}
.capabilities article{grid-template-columns:44px 1fr;gap:14px;padding:7px 24px}
.cap-icon{font-size:29px}
.capabilities h3{font-size:25px;line-height:1.14;margin-bottom:7px}
.capabilities p{font-size:12.5px;line-height:1.64}

.ventures{padding-top:82px;padding-bottom:86px}
.section-intro{margin-bottom:36px;max-width:760px}
.section-intro h2{font-size:clamp(43px,4.2vw,64px);margin-bottom:13px}
.section-intro>p:last-child{font-size:14.5px;line-height:1.7}
.venture-grid{gap:14px}
.venture-card{border-color:rgba(39,23,28,.1);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.venture-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(39,23,28,.08)}
.card-media{aspect-ratio:1.28/1}
.card-logo{width:72px}
.card-meta{min-height:116px;padding:18px 17px;grid-template-columns:31px 1fr;gap:8px}
.card-meta>span{font-size:22px}
.card-meta h3{font-size:9px;line-height:1.4;margin-bottom:6px}
.card-meta p{font-size:11px;line-height:1.5}

/* Editorial process: closer to the approved reference, without a repeated visual block. */
.approach{display:block;background:var(--ivory,#F5F0EA);border-top:1px solid rgba(39,23,28,.08);border-bottom:1px solid rgba(39,23,28,.08)}
.approach-media{display:none!important}
.approach-copy{max-width:1440px;margin:0 auto;padding:82px var(--page) 88px}
.approach-copy>.kicker{text-align:center}
.approach h2{text-align:center;font-size:clamp(40px,3.8vw,58px);margin:0 auto 17px;max-width:920px}
.lead{text-align:center;font-size:14.5px;line-height:1.72;max-width:680px;margin-left:auto;margin-right:auto}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:48px}
.steps::before{content:"";position:absolute;left:8%;right:8%;top:22px;border-top:1px dashed rgba(84,27,44,.34);z-index:0}
.steps article{position:relative;z-index:1;text-align:center;border:0;padding:0 16px;background:transparent}
.steps article>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 22px;border-radius:50%;background:#541B2C;color:#F5F0EA;font-family:var(--sans);font-size:12px;letter-spacing:.04em}
.steps h3{font-size:27px;margin:0 0 8px}
.steps p{font-size:12.5px;line-height:1.6;max-width:220px;margin:0 auto}

.about{padding-top:68px;padding-bottom:66px;gap:52px}
.about-title h2{font-size:clamp(43px,4.1vw,62px)}
.about-copy .about-lead{font-size:22px;line-height:1.46}
.about-copy p{font-size:14.5px;line-height:1.72}

.founder{padding-top:48px;padding-bottom:50px;gap:48px;grid-template-columns:.72fr 1.28fr}
.founder h2{font-size:42px}
.founder blockquote{font-size:23px;line-height:1.46;max-width:720px}

.contact{padding:54px var(--page);gap:42px}
.contact h2{font-size:clamp(40px,3.8vw,57px);margin-bottom:9px}
.contact p:not(.kicker){font-size:22px}

footer{min-height:78px;padding-top:14px;padding-bottom:14px}
.logo-footer{width:96px}

@media(max-width:1180px){
  .hero{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);min-height:640px}
  .hero-copy{padding-top:56px;padding-bottom:58px}
  .hero h1{font-size:clamp(50px,5.2vw,67px)}
  .hero-media{min-height:562px}
  .capabilities{padding-top:26px;padding-bottom:26px}
  .venture-grid{grid-template-columns:1fr 1fr}
  .card-media{aspect-ratio:1.55/1}
  .card-meta{min-height:106px}
  .steps{gap:20px}
  .about{gap:44px}
}

@media(max-width:760px){
  .topbar{height:62px}
  .logo-header{width:80px}
  .hero{padding-top:62px;display:block;min-height:0}
  .hero-copy{padding:42px var(--page) 43px}
  .hero h1{font-size:clamp(43px,12.1vw,53px);line-height:1.07;letter-spacing:0}
  .hero-text{font-size:14.5px;line-height:1.7;margin:22px 0 26px}
  .hero-media{min-height:0;aspect-ratio:1.25/1}
  .capabilities{padding:0 var(--page)}
  .capabilities article,.capabilities article:first-child,.capabilities article:last-child{grid-template-columns:38px 1fr;padding:21px 0}
  .capabilities h3{font-size:23px}
  .capabilities p{font-size:12.5px}
  .section-pad{padding:60px var(--page)}
  .ventures{padding-top:62px;padding-bottom:64px}
  .section-intro{margin-bottom:30px}
  .section-intro h2{font-size:43px;line-height:1.06}
  .venture-grid{grid-template-columns:1fr;gap:14px}
  .card-media{aspect-ratio:1.45/1}
  .card-meta{min-height:104px;padding:17px}
  .approach-copy{padding:58px var(--page) 62px}
  .approach h2{font-size:42px;line-height:1.07}
  .lead{text-align:left}
  .approach-copy>.kicker,.approach h2{text-align:left}
  .steps{display:grid;grid-template-columns:1fr;gap:0;margin-top:30px}
  .steps::before{display:none}
  .steps article{text-align:left;display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding:18px 0;border-top:1px solid rgba(39,23,28,.1)}
  .steps article>span{grid-row:1 / span 2;width:38px;height:38px;margin:0}
  .steps h3{font-size:25px;margin:1px 0 5px}
  .steps p{max-width:none;margin:0}
  .about{grid-template-columns:1fr;gap:26px;padding-top:58px;padding-bottom:60px}
  .about-title h2{font-size:44px;line-height:1.07}
  .about-copy .about-lead{font-size:21px}
  .founder{grid-template-columns:1fr;gap:22px;padding-top:46px;padding-bottom:48px}
  .founder h2{font-size:39px}
  .founder blockquote{font-size:21px;line-height:1.48}
  .contact{display:block;padding:56px var(--page)}
  .contact h2{font-size:42px;line-height:1.07}
  .contact p:not(.kicker){font-size:20px}
  .contact .btn{margin-top:25px}
  footer{min-height:0;padding-top:20px;padding-bottom:20px}
  .logo-footer{width:88px}
}

@media(max-width:420px){
  .hero h1{font-size:42px}
  .section-intro h2,.approach h2,.about-title h2,.contact h2{font-size:39px}
}
