:root { --accent:#c3e878; --soft:#272e21; }
.hero {grid-template-columns:1fr 1.1fr;gap:42px;padding-bottom:36px}
h1 {font-size:clamp(50px,5.3vw,74px);letter-spacing:-3px}
figure img {height:auto;aspect-ratio:1100/850;object-fit:contain;border-color:#414b38;background:#101d13}
.button,.button:hover {color:#202719;background:#c3e878}
.button:hover {background:#d7f4a3}
.large-copy {font-size:18px}
summary:hover,details[open] summary {color:var(--accent)}
.nav-links {gap:38px}
.article a {color:var(--accent)}
@media(max-width:1100px){h1{font-size:54px}.hero{gap:28px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}h1{font-size:clamp(46px,11vw,64px)}.nav-links{gap:25px}figure img{height:auto}.large-copy{font-size:17px}.facts{grid-template-columns:1fr 1fr}}