/* First hero composition restored. Only the tree silhouettes are redrawn. */
.hero{background:#12362a}.hero .forest{position:absolute;inset:-6%;overflow:visible;background:radial-gradient(ellipse at 80% 32%,#667d57 0,transparent 45%),linear-gradient(135deg,#10291f,#355b41 70%,#acc391)}.forest:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b17bb,transparent 85%),linear-gradient(0deg,#0a231ac9,transparent 55%)}.sun{position:absolute;width:250px;height:250px;right:17%;top:22%;border-radius:50%;background:#d7dbb7;filter:blur(2px);opacity:.45;box-shadow:0 0 120px 90px #b8c99a35}.ridge{position:absolute;bottom:0;left:0;right:0;height:70%;clip-path:polygon(0 70%,15% 48%,26% 64%,43% 33%,60% 46%,72% 10%,83% 35%,100% 20%,100% 100%,0 100%)}.r1{background:#82967955;bottom:14%;height:70%;transform:translateY(var(--ridge-far,0px)) scaleX(-1)}.r2{background:#264b37;bottom:2%;height:65%;transform:translateY(var(--ridge-mid,0px))}.r3{background:#123527;bottom:-10%;height:57%;transform:translateY(var(--ridge-near,0px)) scaleX(-1)}.trees{position:absolute;inset:32% -10% 0;background:url('fir-silhouettes.svg') repeat-x center bottom;background-size:320px 520px;opacity:.6;transform:translateY(var(--trees-y,0px))}
@media(max-width:760px){.sun{right:-5%;width:200px;height:200px;top:30%}.trees{background-size:240px 390px}}
@media(prefers-reduced-motion:reduce){.r1,.r3{transform:scaleX(-1)}.r2,.trees{transform:none}}
/* Restore the first design's quiet palette and foreground weight. */
.header{background:rgba(16,39,32,.91)}.hero h1{font-weight:550;letter-spacing:-.065em}.hero .eyebrow{color:#fff}.hero-copy{color:#d2dfd4}.hero .button.light{background:#f4f5ef;color:#112b24;box-shadow:none}.hero .button.light:hover{background:#e7ecdF}.hero-bottom{color:#d0d9d1}.trees{inset:27% -10% 0;background-size:260px 650px;opacity:.66}.hero-emblem{top:auto;bottom:115px;right:8vw;width:clamp(145px,16vw,230px);filter:drop-shadow(0 12px 20px #08251c55)}.hero-emblem span{color:#bdcdb7;font-size:7px;letter-spacing:.15em}.hero .nav-cta{border-color:#ffffff40}
@media(max-width:760px){.trees{inset:32% -10% 0;background-size:220px 480px}.hero-emblem{top:auto;bottom:85px;right:7vw;width:76px}}
/* Combine the first composition with the refined fir silhouettes. */
.trees{inset:22% -10% -4%;background-size:350px 850px;opacity:.54;transform:translateY(var(--trees-y,0px)) rotate(-5deg);transform-origin:center bottom}.trees:before{content:"";position:absolute;inset:0 0 14%;background:url('fir-silhouettes.svg') repeat-x 145px bottom;background-size:240px 570px;opacity:.3;transform:translateY(calc(var(--ridge-near,0px) * .5))}.hero .forest:after{background:linear-gradient(90deg,#071b17bb,transparent 85%),linear-gradient(0deg,#0a231ac9,transparent 55%)}
@media(max-width:760px){.trees{inset:29% -20% -3%;background-size:260px 520px;opacity:.52;transform:translateY(var(--trees-y,0px)) rotate(-4deg)}.trees:before{inset:0 0 13%;background-size:185px 360px;background-position:90px bottom;opacity:.26}}
@media(prefers-reduced-motion:reduce){.trees{transform:rotate(-5deg)}.trees:before{transform:none}}
/* Upright firs at every viewport size; retain vertical parallax only. */
.hero .trees{transform:translateY(var(--trees-y,0px))}
@media(prefers-reduced-motion:reduce){.hero .trees{transform:none}}
/* A little more daylight, with a consistent five-degree left tilt for the logo. */
.hero .forest{background:radial-gradient(ellipse at 80% 32%,#829568 0,transparent 48%),linear-gradient(135deg,#17382a,#456f50 70%,#b4c999)}.hero .forest:after{background:linear-gradient(90deg,#071b179e,transparent 85%),linear-gradient(0deg,#0a231aab,transparent 55%)}.hero .trees{opacity:.47}.hero .hero-emblem{transform:translateY(var(--emblem-y,0px)) rotate(-5deg)}
@media(prefers-reduced-motion:reduce){.hero .hero-emblem{transform:rotate(-5deg)}}
/* Crisp solar disc with a restrained ambient glow. */
.hero .sun{filter:none;background:#d7dbb7;opacity:.65;box-shadow:0 0 85px 32px #b8c99a1f}

/* Keep both hero lines within the text column on small phones. */
@media(max-width:360px){.hero h1{font-size:18vw}}
