/*! social-pinks — page styles: home
    Generated from the static build. Edit the source HTML and re-run
    tools/build-theme.py, or edit here directly once you stop regenerating. */
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none}}
header.nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.34);backdrop-filter:saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid rgba(255,255,255,.22);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
header.nav.solid{background:rgba(255,255,255,.92);border-bottom-color:var(--line);box-shadow:0 6px 20px -18px rgba(10,34,31,.5)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}
.hero-media{position:relative;margin-top:6px}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-media{margin-top:26px}.mediacard img{height:300px}}
/* ===== HERO — full-bleed video banner ===== */
.hero.hero2{padding:0;background:var(--forest)}
.hero.hero2{margin-top:-72px}
.hero2 .bgwrap{padding-top:72px}
.hero2 .bgwrap{position:relative;min-height:min(84vh,720px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a221f}
.hero2 .bgwrap>video,.hero2 .bgwrap>img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
.hero2 .bgwrap::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.30) 0px,rgba(255,255,255,0) 130px),linear-gradient(180deg,rgba(6,20,18,.42) 0%,rgba(6,20,18,.42) 45%,rgba(6,20,18,.62) 100%);z-index:1}
.hero2 .wrap{position:relative;z-index:2;padding:92px 24px;width:100%;text-align:center}
.hero2 .herocopy{max-width:920px;margin:0 auto}
.hero2 h1{color:#fff;font-size:clamp(2.1rem,4.9vw,4rem);line-height:1.08;letter-spacing:-.03em;text-shadow:0 2px 26px rgba(0,0,0,.38)}
.hero2 .sub{margin:22px auto 34px;max-width:64ch;font-size:clamp(1rem,1.3vw,1.16rem);color:rgba(255,255,255,.93);text-shadow:0 1px 14px rgba(0,0,0,.4)}
.hero2 .cta-row{justify-content:center;gap:18px}
.hero2 .cta-row .btn{padding:16px 32px;font-size:1.02rem}
.hero2 .btn-out{border-color:#fff}
.hero2 .btn-out:hover{background:#fff}
@media(max-width:760px){
    .hero2 .bgwrap{min-height:520px}
    .hero2 .wrap{padding:66px 20px}
    .hero2 h1 br{display:none}
    .hero2 .cta-row{flex-direction:column;align-items:stretch}
    .hero2 .cta-row .btn{justify-content:center;width:100%}
  }
@media(prefers-reduced-motion:reduce){.hero2 .bgwrap>video{display:none}.hero2 .bgwrap{background:#0a221f url("hero-poster.jpg") center/cover no-repeat}}