/* Loaded after the shared styles so phone navigation and hero sizing stay consistent. */
.nav{gap:20px;min-height:80px}.navlinks{gap:22px}.navlinks a{white-space:nowrap}.menu{flex:0 0 auto;min-width:44px;min-height:44px;padding:4px;line-height:1}.hero .actions .btn{min-height:50px;text-align:center;line-height:1.4}.hero-inner{min-width:0}
@media(max-width:1100px){
 .nav{padding:15px 5%;min-height:76px;align-items:center}
 .menu{display:block}
 .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--forest);padding:14px 5% 22px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid #ffffff55;max-height:calc(100dvh - 76px);overflow-y:auto}
 .navlinks.open{display:flex}
 .navlinks a{display:flex;align-items:center;min-height:44px;width:100%;padding:10px 14px}
 .navlinks .navbtn{justify-content:center;margin-top:8px;min-height:48px}
}
@media(max-width:650px){
 .hero{height:auto;min-height:100svh;align-items:flex-start}
 .hero-inner{margin:0 auto;padding:125px 7% 60px}
 .hero h1{font-size:clamp(2.65rem,10.4vw,3.3rem);line-height:1.12;overflow-wrap:normal}
 .hero p{font-size:1rem;line-height:1.65}
 .hero .eyebrow{font-size:.65rem;letter-spacing:.17em;max-width:28em}
 .hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:360px;margin-top:26px}
 .hero .actions .btn{width:100%;min-width:0;padding:15px 16px;white-space:normal}
 .brand{font-size:1.15rem;letter-spacing:.15em}
}
@media(max-width:380px){.hero-inner{padding-left:6%;padding-right:6%}.hero h1{font-size:2.65rem}}
@media(max-height:500px) and (max-width:1100px){.hero{height:auto;min-height:100svh}.hero-inner{padding-top:110px;padding-bottom:45px}}