@font-face{font-family:Lilita;src:url('lilita-one-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('nunito-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('nunito-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--jungle:#123d2d;--deep:#092b20;--cream:#fff5db;--leaf:#c9d9ac;--yellow:#f4cc53;--ink:#1d3b2d;--paper:#faf6e9;--line:#d9dec8;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-size:18px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #986507;outline-offset:5px;border-radius:2px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:400;text-wrap:balance}h1,h2{font-family:Lilita,system-ui,sans-serif}h1{font-size:clamp(3rem,6vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-weight:700;font-size:1.2rem}p+p{margin-top:1em}img{max-width:100%;height:auto;display:block}.wrap{max-width:1120px;margin:auto;padding-inline:32px}.skip{position:absolute;top:-120px;left:20px;background:var(--yellow);color:var(--deep);padding:12px;z-index:10}.skip:focus{top:12px}.site-header{background:var(--deep);color:var(--cream)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:19px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:Lilita,sans-serif;font-size:1.65rem;line-height:1}.brand img{width:48px;height:48px;border-radius:13px}.site-nav{display:flex;gap:24px;font-size:1rem;font-weight:700}.site-nav a{min-height:44px;display:inline-flex;align-items:center}.site-nav a[aria-current=page]{color:var(--yellow)}.hero{background:var(--jungle);color:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:610px;gap:45px}.hero-copy{padding-block:60px}.hero-copy p{max-width:28em;margin-top:24px;color:#e1e8ce;font-size:1.2rem}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 22px;background:var(--yellow);color:var(--deep);font-weight:700;text-decoration:none;border-radius:10px}.hero-actions>a:not(.button){padding-block:10px}.forest{align-self:stretch;position:relative;min-height:530px;background-image:linear-gradient(90deg,var(--jungle),transparent 20%),url('forest.webp');background-size:cover;background-position:center;border-radius:0 0 46% 46%;display:grid;place-items:center}.forest .portrait{width:70%;max-width:330px;border-radius:26%;box-shadow:0 18px 50px #092b2070;transform:rotate(-5deg)}.intro{padding-block:80px;display:grid;grid-template-columns:1fr .65fr;gap:100px;align-items:center}.intro h2{max-width:12em}.intro p{max-width:33em;margin-top:22px}.game-shot{max-width:250px;margin:auto;transform:rotate(4deg);border:7px solid var(--deep);border-radius:31px;box-shadow:0 12px 28px #092b2024}.game-shot img{border-radius:23px;width:100%}.game-shot figcaption{font-size:13px;line-height:1.4;padding:12px 9px;color:var(--cream);background:var(--deep);border-radius:0 0 20px 20px}.quiet-band{background:#e9eedc}.quiet-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:52px}.quiet-band p{margin-top:14px;max-width:30em}.quiet-band a{display:inline-block;margin-top:14px;font-weight:700}.site-footer{background:var(--deep);color:var(--cream);font-size:.95rem}.footer-inner{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding-block:35px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-inner p{max-width:30em;color:#c6d6ba}.page-head{padding-block:60px 46px;background:var(--jungle);color:var(--cream)}.page-head h1{font-size:clamp(3rem,6vw,4.5rem)}.page-head p{margin-top:17px;max-width:45em;color:#e1e8ce}.reading{max-width:790px;padding-block:48px 76px}.reading h2{font-size:1.9rem;margin:40px 0 15px}.reading h3{margin:26px 0 12px}.reading ul,.reading ol{padding-left:25px}.reading li{margin-block:8px}.reading .lead{font-size:1.2rem;line-height:1.65}.summary-box{border-left:5px solid var(--yellow);padding:20px 24px;background:#edf0e1;margin-bottom:35px}.summary-box p+p{margin-top:12px}.contact{padding:28px;background:var(--jungle);color:var(--cream);border-radius:14px;margin-top:36px;overflow-wrap:anywhere}.contact h2{margin-top:0;color:var(--cream)}.contact a{font-weight:700}.contact .button{color:var(--deep);margin-top:20px}.contents{margin:28px 0 36px;padding-block:22px;border-block:1px solid var(--line)}.contents ul{columns:2;margin-bottom:0;font-size:1rem}.reading details{border-bottom:1px solid var(--line);padding-block:20px}.reading summary{cursor:pointer;min-height:44px;font-weight:700;line-height:1.5;list-style-position:outside;margin-left:20px;padding-left:5px}.reading details p{margin:10px 0 0 25px}.note{font-size:.95rem}.preview-warning{background:#ffdf7c;color:#332303;padding:14px 24px;text-align:center;font-weight:700}.version-note{font-size:1rem;margin-top:18px}.pill{display:inline-block;padding:4px 12px;background:#285440;border-radius:20px;color:var(--cream);font-size:.9rem;margin-top:26px}@media(max-width:760px){.wrap{padding-inline:24px}.header-inner{gap:14px;align-items:flex-start;flex-direction:column;padding-block:15px 10px}.brand{font-size:1.5rem}.site-nav{gap:25px;width:100%}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-block:45px 10px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero-copy p{font-size:1.1rem;margin-top:18px}.forest{min-height:330px;margin-top:20px;background-image:linear-gradient(180deg,var(--jungle),transparent 22%),url('forest.webp');border-radius:0 0 40% 40%}.forest .portrait{max-width:220px;width:57%}.intro{padding-block:55px;grid-template-columns:1fr;gap:38px}.intro p{margin-top:18px}.game-shot{max-width:230px}.quiet-band .wrap{grid-template-columns:1fr;gap:36px;padding-block:40px}.footer-inner{flex-direction:column;gap:22px}.page-head{padding-block:40px 35px}.reading{padding-block:32px 52px}.reading h2{margin-top:32px}.contents ul{columns:1}.contact{padding:24px}.summary-box{padding:18px}.footer-nav{gap:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
