:root{--bg:#f7f5ef;--ink:#1d2a22;--green:#1f5a3a;--muted:#55625a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--green)}
a:focus,summary:focus{outline:3px solid #c28b00;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px}
header.hero{background:var(--green);color:#fff;text-align:center;padding:4rem 1.25rem}
.hero h1{font-size:clamp(2.4rem,9vw,4.5rem);margin:0 0 .5rem;line-height:1.1}
.hero .sub{font-size:clamp(1.05rem,3.5vw,1.4rem);max-width:36rem;margin:0 auto 1.25rem}
.hero .tag{font-style:italic;font-size:1.2rem;margin:0 0 1.5rem}
.soon{display:inline-block;border:2px solid #fff;padding:.3rem 1rem;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}
main{max-width:42rem;margin:0 auto;padding:0 1.25rem}
section{padding:2.5rem 0;border-bottom:1px solid #ddd8c8}
h2{color:var(--green);font-size:1.7rem;margin:0 0 1rem}
blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1rem;border-left:4px solid var(--green)}
blockquote p{margin:0 0 .3rem}cite{color:var(--muted);font-size:.9rem;font-style:normal}
footer{text-align:center;color:var(--muted);padding:2rem 1.25rem;font-size:.9rem}

.hero-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:62rem;margin:0 auto}
.cover{width:min(78vw,320px);height:auto;border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.hero-text{text-align:center}
@media(min-width:760px){.hero-inner{flex-direction:row;gap:3.5rem;text-align:left}.cover{width:340px;flex:none}.hero-text{text-align:left}.hero .sub{margin-left:0;margin-right:0}}