/* Final visual corrections from the approved 31 Aug layout references. */

/* ABOUT: how it works */
.principle-grid article{display:flex;flex-direction:column}
.principle-grid article>span{display:none!important}
.principle-grid h3{margin:0 0 22px!important;text-align:center;font-size:clamp(1.4rem,1.65vw,1.75rem)!important;line-height:1.25;font-weight:500}
.principle-grid p{font-size:clamp(1rem,1.05vw,1.12rem);line-height:1.72!important}

/* ABOUT: outcomes */
.outcome-grid article{display:flex;flex-direction:column}
.outcome-grid i{display:block;width:100%;text-align:center;font-size:clamp(3.6rem,4vw,4.8rem)!important;line-height:1;color:#a97942}
.outcome-grid h3{font-size:clamp(1.25rem,1.4vw,1.45rem)!important;margin:28px 0 11px!important}
.outcome-grid p{font-size:clamp(.98rem,1vw,1.08rem);line-height:1.62!important}

/* FOUNDERS: readable gold on cream */
.founders-hero h1 em{color:#ad7436!important;text-shadow:0 0 1px rgba(32,27,23,.08)}

@media(min-width:981px){
  .principle-grid{align-items:stretch}
  .principle-grid article{min-height:310px!important;padding:34px 36px!important}
  .principle-grid h3{min-height:2.5em;display:flex;align-items:flex-start;justify-content:center}
  .outcome-grid{align-items:stretch}
  .outcome-grid article{min-height:260px!important;padding:30px 28px!important}
}

/* DESKTOP HERO: whole clean Drive image + compact aligned live copy. */
@media(min-width:901px){
  .home-hero__image{object-position:center center!important}
  .home-hero__wash{background:linear-gradient(90deg,rgba(13,13,15,.025) 0%,rgba(13,13,15,0) 44%,rgba(247,244,238,.04) 58%,rgba(247,244,238,.16) 100%)!important}
  .home-hero__content{width:min(49vw,760px)!important;margin-left:auto!important;padding:clamp(105px,12vh,132px) 5vw 68px 18px!important}
  .home-hero .hero-kicker{margin:0 0 14px!important}
  .home-hero .hero-title-block{width:100%;max-width:760px}
  .home-hero h1{max-width:none!important;font-size:clamp(3.45rem,4.4vw,5rem)!important;line-height:1!important}
  .home-hero .hero-body-block{width:100%;max-width:700px;margin-top:clamp(22px,2.8vh,30px)}
  .home-hero .hero-intro{max-width:700px!important;margin:0!important;font-size:clamp(.98rem,1.04vw,1.15rem)!important;line-height:1.45!important}
  .home-hero .hero-steps{margin:14px 0 0!important;line-height:1.42!important}
  .home-hero .hero-final{margin:11px 0 0!important;line-height:1.42!important}
  .home-hero .hero-actions{margin-top:22px!important;gap:24px!important}
  .home-hero .hero-actions .button--gold{min-width:164px;min-height:50px;padding:14px 28px;font-size:.82rem}
}

/* TABLET LANDSCAPE: lift copy above the ship. */
@media(min-width:600px) and (max-width:900px) and (orientation:landscape){
  .home-hero__content{width:min(51vw,590px)!important;margin-left:auto!important;padding:clamp(88px,10.5vh,112px) 4vw 52px 14px!important;color:#2b211b!important}
  .home-hero .hero-title-block{position:relative!important;transform:none!important;width:100%}
  .home-hero h1{font-size:clamp(2.75rem,5vw,4rem)!important;line-height:1!important;color:#2b211b!important}
  .home-hero .hero-body-block{position:relative!important;transform:none!important;width:100%;max-width:540px!important;margin-top:16px}
  .home-hero .hero-intro{margin:0!important;font-size:clamp(.9rem,1.4vw,1.05rem)!important;line-height:1.4!important;color:#2b211b!important}
  .home-hero .hero-steps{margin:12px 0 0!important;line-height:1.38!important;color:#59463a!important}
  .home-hero .hero-final{margin:10px 0 0!important;line-height:1.38!important;color:#2b211b!important}
  .home-hero .hero-actions{margin-top:16px!important;gap:20px!important}
  .home-hero .hero-actions .button--gold{min-width:150px;min-height:48px}
  .home-hero .text-link{color:#2b211b!important}
}

/* TABLET PORTRAIT: one right-aligned vertical system. */
@media(min-width:600px) and (max-width:900px) and (orientation:portrait){
  .home-hero__content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;color:#2b211b!important;pointer-events:none}
  .home-hero .hero-title-block{position:absolute!important;top:10.5svh!important;right:4.5vw!important;width:min(43vw,410px)!important;max-width:none!important}
  .home-hero h1{font-size:clamp(2.75rem,5.35vw,4.35rem)!important;line-height:1.01!important;color:#2b211b!important}
  .home-hero .hero-body-block{position:absolute!important;top:34svh!important;right:4.5vw!important;width:min(39vw,370px)!important;max-width:none!important;color:#2b211b!important}
  .home-hero .hero-intro{margin:0!important;font-size:clamp(.95rem,1.7vw,1.12rem)!important;line-height:1.48!important;color:#2b211b!important}
  .home-hero .hero-steps{margin:15px 0 0!important;font-size:clamp(.9rem,1.55vw,1.04rem)!important;line-height:1.45!important;color:#59463a!important}
  .home-hero .hero-final{margin:13px 0 0!important;font-size:clamp(.9rem,1.55vw,1.04rem)!important;line-height:1.45!important;color:#2b211b!important;font-weight:600}
  .home-hero .hero-actions{position:absolute!important;top:auto!important;bottom:11svh!important;right:4.5vw!important;left:auto!important;width:min(48vw,450px)!important;margin:0!important;pointer-events:auto;display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:nowrap!important}
  .home-hero .hero-actions .button--gold{min-width:178px;min-height:52px;padding:14px 26px;font-size:.82rem}
  .home-hero .text-link{color:#2b211b!important;white-space:nowrap}
  .home-hero__wash{background:linear-gradient(90deg,rgba(13,13,15,.01) 0%,rgba(13,13,15,0) 38%,rgba(247,244,238,.05) 58%,rgba(247,244,238,.16) 100%)!important}
}

/* MOBILE PORTRAIT: title defines the right edge for every lower block. */
@media(max-width:599px) and (orientation:portrait){
  .home-hero__content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;color:#2b211b!important;pointer-events:none}
  .home-hero .hero-title-block{position:absolute!important;top:13.5svh!important;right:4vw!important;width:82vw!important;max-width:360px!important}
  .home-hero h1{font-size:clamp(1.95rem,8.15vw,2.7rem)!important;line-height:1.02!important;color:#2b211b!important}
  .home-hero .hero-body-block{position:absolute!important;top:31.5svh!important;right:4vw!important;width:64vw!important;max-width:280px!important;color:#2b211b!important}
  .home-hero .hero-intro{margin:0!important;font-size:clamp(.78rem,3.25vw,.9rem)!important;line-height:1.44!important;color:#2b211b!important}
  .home-hero .hero-steps{margin:12px 0 0!important;font-size:clamp(.75rem,3.05vw,.86rem)!important;line-height:1.42!important;color:#59463a!important}
  .home-hero .hero-final{margin:11px 0 0!important;font-size:clamp(.76rem,3.05vw,.86rem)!important;line-height:1.42!important;color:#2b211b!important;font-weight:600}
  .home-hero .hero-actions{position:absolute!important;top:auto!important;bottom:9.5svh!important;left:4vw!important;right:4vw!important;width:auto!important;margin:0!important;pointer-events:auto;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
  .home-hero .hero-actions .button--gold{min-width:44vw;min-height:52px;padding:14px 18px;font-size:.78rem;white-space:nowrap}
  .home-hero .text-link{color:#2b211b!important;white-space:nowrap;font-size:.78rem}
  .home-hero__wash{background:linear-gradient(90deg,rgba(13,13,15,.008) 0%,rgba(13,13,15,0) 36%,rgba(247,244,238,.04) 62%,rgba(247,244,238,.12) 100%)!important}
}

@media(max-width:390px) and (orientation:portrait){
  .home-hero .hero-title-block{right:4vw!important;width:84vw!important}
  .home-hero .hero-body-block{right:4vw!important;width:66vw!important}
  .home-hero .hero-actions{left:4vw!important;right:4vw!important;gap:10px!important}
  .home-hero .hero-actions .button--gold{min-width:45vw;padding-left:14px;padding-right:14px}
  .home-hero .text-link{font-size:.74rem}
}

@media(max-width:350px) and (orientation:portrait){
  .home-hero .hero-title-block{top:13svh!important;width:86vw!important}
  .home-hero .hero-body-block{top:31svh!important;width:68vw!important}
  .home-hero .hero-actions{bottom:8.5svh!important}
  .home-hero .hero-actions .button--gold{font-size:.72rem}
  .home-hero .text-link{font-size:.7rem}
}

/* PUBLIC SHOWING: keep the header intentional before desktop navigation runs out of room. */
@media(min-width:600px) and (max-width:900px){
  .site-header{min-height:72px;padding:14px clamp(22px,4vw,48px)}
  .site-header .brand{position:relative;z-index:60;color:var(--cream)}
  .site-header .menu-toggle{display:block;z-index:60}
  .site-nav{position:fixed;inset:0;z-index:55;background:#0d0d0f;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:90px clamp(28px,7vw,72px) 50px;font-size:1.15rem;transform:translateY(-102%);transition:.25s transform}
  .site-nav.is-open{transform:translateY(0)}
  .site-nav a:not(.site-nav__cta),.site-nav__cta{width:min(100%,360px);min-height:50px;padding:13px 20px;font-size:1rem}
  .site-nav a:not(.site-nav__cta){justify-content:flex-start}
  .site-nav__cta{justify-content:center;margin-top:4px}
}

@media(max-width:599px){
  .site-header .brand{position:relative;z-index:60;color:var(--cream)}
  .site-header .menu-toggle{z-index:60}
  .site-nav{z-index:55;background:#0d0d0f}
}

@media(min-width:600px) and (max-width:900px) and (orientation:landscape){
  .home-hero__content{padding-top:clamp(120px,16vh,150px)!important}
  .events-hero{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(100px,12vh,132px) 5vw 64px}
  .events-hero__orbit{width:min(39vw,360px);justify-self:center}
  .events-hero__copy{max-width:680px}
  .events-hero h1{font-size:clamp(2.45rem,5vw,4rem);line-height:1.02}
  .events-hero__copy>p{font-size:clamp(.92rem,1.35vw,1.08rem);line-height:1.55;margin-top:24px}
  .events-hero__copy>.button{margin-top:24px}
}

/* FOUNDERS: an honest editorial identity block while approved portraits are still absent. */
.founders-people{background:linear-gradient(145deg,#171719,#252528);color:var(--cream);border:1px solid rgba(212,175,122,.28);padding:clamp(28px,4vw,54px);box-shadow:0 24px 70px rgba(32,27,23,.1)}
.founders-people__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:34px}
.founders-people__intro span{font-size:.68rem;letter-spacing:.23em;color:var(--gold-light)}
.founders-people__intro strong{font-size:clamp(2.2rem,4vw,4rem);font-weight:300;line-height:.9;letter-spacing:-.07em;color:var(--gold-light)}
.founders-people__person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:18px;padding:22px 0;border-top:1px solid rgba(212,175,122,.2)}
.founders-people__person>span{font-size:.68rem;letter-spacing:.16em;color:rgba(247,244,238,.48)}
.founders-people__person strong{font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:400;letter-spacing:-.04em}
.founders-people__person small{font-size:.72rem;letter-spacing:.08em;color:rgba(247,244,238,.58)}
.founders-people__note{max-width:360px;margin:34px 0 0;color:rgba(247,244,238,.62);font-size:.86rem;line-height:1.65}
.founders-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 70px;margin-top:46px;max-width:1000px;color:rgba(247,244,238,.68);font-size:1.05rem;line-height:1.8}
.founders-note-grid p{margin:0}
.founders-note__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:46px}

@media(max-width:599px){
  .founders-people__person{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .founders-people__person small{grid-column:auto;margin-top:0}
  .founders-note-grid{grid-template-columns:1fr;gap:16px;margin-top:32px;font-size:1rem;line-height:1.7}
  .founders-note__actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:34px}
}

/* MOBILE SHOWING: protect narrow screens from min-content overflow and clipped CTAs. */
@media(max-width:599px){
  html,body{overflow-x:hidden}
  .site-header{width:100%;max-width:100vw;overflow:visible}
  .site-header .brand{max-width:calc(100% - 70px)}
  .site-header .menu-toggle{display:block!important;position:absolute;right:18px;top:50%;transform:translateY(-50%)}
  .page-hero,.events-hero,.founders-hero{grid-template-columns:minmax(0,1fr)!important}
  .page-hero__copy,.events-hero__copy,.founders-hero__copy{min-width:0;width:100%!important;max-width:calc(100vw - 36px)!important}
  .page-hero h1,.events-hero h1,.founders-hero h1{font-size:clamp(1.85rem,8.5vw,3.15rem)!important;line-height:1.02;letter-spacing:-.06em;overflow-wrap:anywhere;max-width:min(100%,300px)!important}
  .page-hero__lead,.events-hero__copy>p,.founders-hero__copy>p{width:100%!important;max-width:min(100%,300px)!important;overflow-wrap:anywhere}
  .home-hero h1{font-size:clamp(1.72rem,7.4vw,2.35rem)!important;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere;max-width:100%!important}
  .home-hero .hero-title-block{width:min(62vw,230px)!important;max-width:230px!important;min-width:0}
  .home-hero h1{width:100%!important;max-width:230px!important}
  .home-hero .hero-body-block{width:min(62vw,230px)!important;max-width:230px!important;min-width:0}
  .home-hero .hero-body-block{top:24svh!important}
  .home-hero .hero-intro,.home-hero .hero-steps,.home-hero .hero-final{max-width:100%;overflow-wrap:anywhere}
  .founders-people{width:100%!important;max-width:100%!important;min-width:0}
  .home-hero .hero-actions{align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:16px!important}
  .home-hero .hero-actions .button--gold{min-width:174px;max-width:100%}
  .home-hero .text-link{white-space:normal!important;overflow-wrap:anywhere}
}
