@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Unbounded:wght@500;700;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1d7;color:#17351d;font-family:'DM Mono',monospace;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(23,53,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,53,29,.035) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:20}.grain{position:fixed;inset:0;opacity:.06;z-index:21;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:2px solid #17351d}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Unbounded}.brand span{background:#17351d;color:#f4f1d7;padding:8px 10px;font-size:24px}.brand b{font-size:14px}nav{display:flex;gap:34px}nav a{color:inherit;text-decoration:none;font-size:12px;font-weight:bold}nav a:hover{text-decoration:underline}.hero{min-height:100vh;padding:130px 7vw 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.sun{position:absolute;width:48vw;height:48vw;border-radius:50%;background:#e9b843;right:-8vw;top:5vh;opacity:.75}.hero-copy{z-index:2}.eyebrow,.kicker{font-size:12px;font-weight:bold;letter-spacing:.14em;border-left:8px solid #e76f3c;padding-left:12px}.hero h1{font-family:Unbounded;font-size:clamp(80px,8vw,150px);line-height:.82;letter-spacing:-.07em;margin:35px 0 30px}.hero h1 i,.final h2 em,.lore h2 em{font-style:normal;color:#e76f3c}.intro{font-size:16px;max-width:570px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.pixel{font:700 12px 'DM Mono';color:#17351d;background:#f4f1d7;border:3px solid #17351d;box-shadow:5px 5px 0 #17351d;padding:15px 20px;text-decoration:none;cursor:pointer;transition:.15s}.pixel:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #17351d}.pixel.primary{background:#37a52d;color:#fff}.hero-art{z-index:2;position:relative;display:grid;place-items:center;transition:transform .15s}.hero-art img{width:min(690px,48vw);image-rendering:pixelated;filter:drop-shadow(18px 20px 0 rgba(23,53,29,.12));animation:float 4s ease-in-out infinite}.halo{position:absolute;width:75%;aspect-ratio:1;border:4px dashed #17351d;border-radius:50%;animation:spin 35s linear infinite}.stamp{position:absolute;right:1vw;bottom:7%;border:4px solid #b64a35;color:#b64a35;padding:12px;text-align:center;font-size:35px;font-weight:bold;transform:rotate(-8deg)}.stamp small{font-size:8px}.scroll{position:absolute;bottom:25px;left:7vw;font-size:10px;font-weight:bold}.marquee{border-block:3px solid #17351d;background:#17351d;color:#f4f1d7;overflow:hidden;white-space:nowrap;padding:13px 0;font-family:Unbounded;font-size:14px}.marquee div{width:max-content;animation:marquee 22s linear infinite}.lore{min-height:92vh;padding:10vh 8vw;display:grid;grid-template-columns:.2fr 1.15fr .65fr;gap:5vw;align-items:center}.num{font-family:Unbounded;font-size:100px;opacity:.15}.lore h2,.final h2{font-family:Unbounded;font-size:clamp(55px,6vw,105px);line-height:.98;letter-spacing:-.05em;margin:25px 0}.note{border:3px solid #17351d;padding:28px;box-shadow:10px 10px 0 #e9b843;transform:rotate(2deg);line-height:1.7;background:#f4f1d7}.garden{min-height:100vh;background:#17351d;color:#f4f1d7;position:relative;padding:9vh 8vw;overflow:hidden}.big-tree{position:absolute;font-family:serif;font-size:38vw;line-height:1;opacity:.035;right:-3vw;top:-3vw}.cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:18vh}.cards article{border:2px solid #92bd6d;padding:35px;min-height:280px;transition:.25s}.cards article:hover{background:#254c2d;transform:translateY(-8px)}.cards b{color:#e9b843;font-size:11px}.cards h3{font-family:Unbounded;font-size:28px;line-height:1.2}.peeker{position:absolute;width:370px;image-rendering:pixelated;right:-60px;bottom:-110px;transform:rotate(-12deg)}.zen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vh 12vw;position:relative}.zen .circle{position:absolute;width:600px;height:600px;border-radius:50%;border:60px solid #e9b843;left:5vw;opacity:.45}.zen img{width:520px;z-index:2;image-rendering:pixelated}.zen span{font-size:11px;letter-spacing:.2em}.zen blockquote{font-family:Unbounded;font-size:45px;line-height:1.25;margin:25px 0}.final{min-height:95vh;background:#e9b843;padding:11vh 8vw 5vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.final h2{max-width:1200px}.ca{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:4px solid #17351d;background:#f4f1d7;box-shadow:8px 8px 0 #17351d;min-width:min(900px,85vw);text-align:left}.ca span{padding:18px;font-size:10px;font-weight:bold;border-right:3px solid #17351d}.ca code{padding:18px;overflow:hidden}.ca button{align-self:stretch;border:0;border-left:3px solid #17351d;background:#37a52d;color:white;font-weight:bold;padding:0 25px;cursor:pointer}.center{justify-content:center}.tiny{margin-top:80px;font-size:9px}.leaf{position:fixed;z-index:1;pointer-events:none;font-size:18px;animation:fall linear forwards;color:#2f7d32}#toast{position:fixed;right:30px;bottom:30px;background:#17351d;color:#fff;padding:15px 20px;z-index:50;transform:translateY(100px);transition:.3s;font-weight:bold}#toast.show{transform:none}@keyframes float{50%{transform:translateY(-15px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:1200px){.hero h1{font-size:90px}.cards h3{font-size:22px}}