:root{color-scheme:light;--ink:#211915;--green:#02857f;--deep:#003520;--mint:#e6f5ef;--gold:#c5a34d;--white:#fff;font-family:system-ui,sans-serif;color:var(--ink);line-height:1.6}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit}
.wrap{width:min(1100px,calc(100% - 40px));margin-inline:auto}
header{border-bottom:1px solid var(--mint)}
.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-block:16px}
.nav a{text-decoration:none}
.brand{font-weight:800;color:var(--deep)}
.brand small{display:block;font-weight:500}
nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.9rem}
nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,6vw,80px);align-items:center;padding-block:clamp(32px,7vw,88px)}
.cover{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:10%;color:var(--white);background:var(--deep);border-left:12px solid var(--green);box-shadow:12px 12px 0 var(--mint)}
.cover p{font:600 clamp(2rem,5.2vw,4.5rem)/.98 Georgia,serif;margin:14px 0 0}
.cover-note,.cover .eyebrow{color:var(--mint)}
.rule{display:block;width:48px;height:4px;background:var(--gold)}
.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
h1,h2{font-family:Georgia,serif;line-height:1.12;margin:.25em 0}
h1{font-size:clamp(2.35rem,5.5vw,4.45rem)}
h2{font-size:clamp(1.9rem,4vw,3rem)}
.lead{font-size:clamp(1.15rem,2.4vw,1.45rem);color:var(--deep)}
.price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--mint);border-radius:10px;margin-top:24px}
.price strong{font-size:1.45rem;color:var(--deep);white-space:nowrap}
.availability{font-size:.88rem}
.button{display:inline-block;background:var(--deep);color:var(--white);border-radius:999px;padding:10px 20px;font-weight:700;text-decoration:none}
.button:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.contents{background:var(--mint);padding-block:52px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
article{background:var(--white);padding:20px;border-radius:10px}
article span{color:var(--deep);font-weight:800;border-bottom:3px solid var(--gold)}
article h3{margin-bottom:0}
article p{margin-bottom:0}
.faq{padding-block:52px}
details{border-bottom:1px solid var(--mint);padding:14px 0}
summary{cursor:pointer;font-weight:700}
footer{background:var(--deep);color:var(--white);padding-block:20px;font-size:.86rem}
@media(max-width:700px){.hero,.cards{grid-template-columns:1fr}.cover{width:min(100%,350px);margin-inline:auto}.cover p{font-size:clamp(2rem,9vw,3.4rem)}}