/*
 * GreenBridge additions on top of the V2 design files (styles.css etc. are
 * kept as delivered). Loaded last by layouts/site_v2.php.
 */

/* Compact home hero (desktop/tablet). styles.css fixes the hero at 1359px tall;
   size it to its content instead and scale the heading, intro and stats down. */
@media(min-width:761px){
  .hero,.hero:has(.tree-breakdown){height:auto;min-height:0;padding-top:120px;padding-bottom:60px}
  .hero h1{font-size:clamp(36px,3.6vw,52px);letter-spacing:-2.5px}
  .hero h1 em{font-size:clamp(44px,4.3vw,62px)}
  .hero-copy>p{margin:12px auto;font-size:18px}
  .hero-copy>.button.lime{height:54px;font-size:18px}
}

/* Show the sign-up section video at full brightness (styles.css adds a 40% black overlay). */
.hero-media:after{content:none}


/* Contact › "Message sent" confirmation + error box (Site::connect_submit flash). */
.contact-sent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:420px;padding:56px 24px;text-align:center}
.contact-sent-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#caff60;color:#304700;font-size:36px}
.contact-sent h2{margin:0;font-size:clamp(32px,3.4vw,44px);font-weight:600;letter-spacing:-1.5px;line-height:1.1}
.contact-sent h2 em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:#304700;letter-spacing:-.5px}
.contact-sent p{max-width:460px;margin:0;color:rgba(0,0,0,.6);font-size:18px;line-height:1.5}
.contact-sent p strong{color:#000;font-weight:600;overflow-wrap:anywhere}
.contact-sent-again{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:8px;padding:12px 28px;border-radius:40px;background:#304700;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.contact-sent-again:hover,.contact-sent-again:focus-visible{background:#527000}
.contact-form-error{margin:0 0 20px;padding:12px 16px;border:1px solid #f5c2c2;border-radius:10px;background:#fdecec;color:#9b1c1c;font-size:15px;line-height:1.4}