*{box-sizing:border-box}body{margin:0;background:#fbf7ef;color:#2b2622;font:18px/1.6 Georgia,"Iowan Old Style",serif}
header{display:flex;justify-content:space-between;align-items:baseline;padding:22px 9vw;border-bottom:1px solid #e7dccb}
.logo{font-weight:700;font-size:22px}.logo:before{content:"✦ ";color:#2f7a4f}.tag{font:14px system-ui,sans-serif;color:#8a7d6d}
main{max-width:760px;margin:0 auto;padding:0 24px}section{padding:40px 0;border-bottom:1px solid #e7dccb}
h1{font-size:52px;line-height:1.05;margin:20px 0 16px}h2{font-size:26px;margin:0 0 14px}.lead{font-size:21px}
.signup{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}input{flex:1;min-width:230px;padding:14px;font-size:17px;border:2px solid #2b2622;border-radius:6px;background:#fff}
button,.btn{padding:14px 22px;font:700 16px system-ui,sans-serif;border:0;border-radius:6px;background:#2f7a4f;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.note{font:15px system-ui,sans-serif;color:#6f6559}.gdpr{font:13px/1.5 system-ui,sans-serif;color:#8a7d6d;max-width:600px}
ol{padding-left:22px}li{margin-bottom:8px}blockquote{margin:0;padding:18px 22px;background:#fff;border-left:5px solid #2f7a4f;border-radius:4px}
.move{font:600 15px system-ui,sans-serif;color:#2f7a4f;margin-bottom:0}footer{text-align:center;padding:30px;font:14px system-ui,sans-serif;color:#8a7d6d}
@media(max-width:560px){header{padding:16px 20px}h1{font-size:36px}.lead{font-size:19px}.signup{flex-direction:column}.signup input,.signup button{width:100%}}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
a{color:#2f7a4f}:focus-visible{outline:3px solid #2f7a4f;outline-offset:3px}
.kicker{font:600 13px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a7d6d;margin:0 0 6px}
.count{display:inline-block;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.yt{position:relative;display:block;max-width:480px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#e7dccb;margin:18px 0 6px;text-decoration:none}
.yt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.yt:hover img{transform:scale(1.03)}
.play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#2f7a4fe6}
.play:after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytcap{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font:600 14px system-ui,sans-serif;color:#fff;background:linear-gradient(transparent,#000a)}
.earlier ul{list-style:none;padding:0}.earlier li{padding:10px 0;border-top:1px solid #e7dccb}.mv{font:600 13px system-ui,sans-serif;color:#2f7a4f}
.strip{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;max-width:520px}
.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:12px system-ui,sans-serif;color:#b3a692;border:1px solid #e7dccb;border-radius:4px;background:#fff}
.tile.has{color:#2a241d;border-color:#2f7a4f;font-weight:700;text-decoration:none}
.tile.on{background:#2f7a4f;border-color:#2f7a4f;color:#fff;font-weight:700;text-decoration:none}
.quiet{color:#6f6559;text-decoration:underline;text-underline-offset:3px}
.motion .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.motion .reveal.in{opacity:1;transform:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 #2f7a4f80}100%{box-shadow:0 0 0 14px #2f7a4f00}}
.pulse{animation:pulse 1.4s ease-out .8s 1}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}.yt img{transition:none}}
.stories{padding-left:1.1em}.stories li{margin:0 0 1em}
