:root{--ink:#17251e;--dark:#11271d;--green:#b9f65d;--soft:#eef4eb;--line:#d5e1d3;font-family:"Instrument Sans",Arial,sans-serif;color:var(--ink);background:#fafcf9;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #558932;outline-offset:5px}p{line-height:1.65;margin:0 0 1.15rem}h1,h2,h3{line-height:1.06;letter-spacing:-.035em;margin:0 0 .8em}h1{font-size:clamp(3.1rem,7vw,6.4rem);margin-bottom:.27em;max-width:11ch}h2{font-size:clamp(2.25rem,4.7vw,4rem);margin-bottom:.65em}h3{font-size:1.55rem;margin-bottom:.6em}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid var(--line)}nav,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}.brand{font-weight:850;font-size:1.45rem;text-decoration:none;white-space:nowrap}.brand span{color:#4b7827}.brand small{font-size:.83rem}.navlinks,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.navlinks a{text-decoration:none;font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.05rem;background:var(--green);color:#152619;border:1px solid transparent;border-radius:6px;font-weight:750;text-decoration:none}.button:hover{background:#d1ff8c;text-decoration:underline}.outline{background:transparent;border-color:currentColor}.hero,.order{background:var(--dark);color:#f5f9f1}.hero .outline,.order .outline{color:#f5f9f1}.hero .outline:hover,.order .outline:hover{background:#244437}.split{display:grid;grid-template-columns:1.12fr 1fr;gap:42px;align-items:center;padding:68px 0}.hero-image{width:100%;aspect-ratio:1.16;object-fit:cover;border-radius:12px}.eyebrow{font-size:.78rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.hero .eyebrow,em{color:var(--green);font-style:normal}.intro{max-width:49ch;color:#e0e9de;font-size:1.14rem}.section{padding:72px 0}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.paper,.three article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.card{background:white}.card img{width:100%;height:240px;object-fit:contain;background:white}.card-body,.paper,.three article,.limits{padding:clamp(20px,4vw,36px)}.refill{background:#e1eddb;display:grid;align-items:center}.band,.limits{background:var(--soft)}.three article{background:#fafcf9}.limits{margin-top:20px;border-radius:12px}.order h2{max-width:19ch}.contact{margin:24px 0 0;overflow-wrap:anywhere}footer{font-size:.9rem;padding:18px 0}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.split,.two,.three{grid-template-columns:1fr}.split{gap:28px;padding:44px 0}.section{padding:48px 0}nav{flex-wrap:wrap;padding:12px 0}.navlinks{order:3;width:100%;gap:12px 18px}.hero-image{aspect-ratio:1.5}footer{flex-wrap:wrap}}

.hero-visual{margin:0;overflow:hidden;border-radius:12px;background:#234133}
.hero-photo{position:relative;aspect-ratio:2;overflow:hidden}
.hero-photo img{position:absolute;top:-27%;width:100%;max-width:none}
.hero-visual figcaption{padding:16px 20px;display:grid;gap:6px}
.hero-visual figcaption span{color:#c7f491;font-size:.95rem}


.video-frame { position: relative; width: 100%; max-width: 760px; }
.video-play { position: absolute; inset: 0; border: 0; border-radius: 12px; background: transparent; cursor: pointer; display: grid; place-items: center; }
.video-play[hidden] { display: none; }
.video-play span { display: grid; place-items: center; border-radius: 50%; width: 3.75rem; height: 3.75rem; background: #11271de8; color: white; font-size: 1.6rem; }
.video-play:hover span, .video-play:focus-visible span { background: #b9f65d; color: #11271d; }