@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1e2a24;--muted:#647168;--cream:#f7f6ef;--green:#dce9d7;--deep:#244b3c;--orange:#e78d55;--line:#e4e6dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.04em;white-space:nowrap}.logo span{font-size:1.4rem;vertical-align:-2px;margin-right:6px}.site-header nav{display:flex;gap:8px;flex-wrap:wrap}.site-header nav a{font-size:.9rem;color:#667168;padding:9px 13px;border-radius:100px}.site-header nav a:hover,.site-header nav a.active{background:#e8ebdf;color:var(--ink)}main{max-width:1180px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;min-height:560px;padding:40px 0 65px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;color:#718274;margin:0 0 18px}.hero h1,.inner-page h1{font-family:Manrope,sans-serif;font-size:clamp(3.2rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.075em;margin:0 0 25px;font-weight:800}.hero h1 em,.inner-page h1 em{color:#54836a;font-style:normal}.lead{font-size:1.15rem;color:var(--muted);max-width:520px;line-height:1.75}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;gap:25px;background:var(--deep);color:white;padding:15px 20px;border-radius:12px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:1.2rem}.text-link{font-size:.9rem;font-weight:700;border-bottom:1px solid #a5b1a5;padding-bottom:4px}.hero-art{height:440px;border-radius:28px;background:linear-gradient(145deg,#dce9d7,#bfd3c1);position:relative;overflow:hidden;display:grid;place-items:center}.moon{position:absolute;width:170px;height:170px;border-radius:50%;background:#f7f0d9;top:42px;right:60px;opacity:.9}.raccoon{font-size:clamp(9rem,18vw,15rem);z-index:2;filter:drop-shadow(0 16px 8px #34554022);transform:translateY(-6px)}.ground{position:absolute;bottom:-85px;left:-30px;width:120%;height:180px;background:#63886d;border-radius:50%}.leaf{position:absolute;color:#6d9375;font-size:3rem}.leaf-one{top:90px;left:55px}.leaf-two{right:70px;bottom:100px}.art-note{position:absolute;bottom:28px;left:28px;z-index:3;color:#f8f6ec;font-size:.82rem;line-height:1.5}.art-note strong{font-size:1.15rem}.section{padding:55px 0}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid var(--line);align-items:start}.intro h2,.split h2,.quiz h2{font-family:Manrope,sans-serif;font-size:2rem;line-height:1.2;letter-spacing:-.05em;margin:0}.section-text{font-size:1.08rem;color:var(--muted);margin:0;max-width:590px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:10px}.feature-card{min-height:280px;padding:26px;border-radius:20px;position:relative;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.card-green{background:#e0eadb}.card-sand{background:#f0e4d3}.card-lilac{background:#e6e1ed}.card-icon{font-size:2rem;display:block;margin-bottom:28px}.card-kicker{font-size:.68rem;letter-spacing:.12em;font-weight:700;color:#718274}.feature-card h3{font-family:Manrope,sans-serif;font-size:1.55rem;letter-spacing:-.04em;margin:9px 0}.feature-card p{color:#647168;max-width:250px;margin:0}.arrow{position:absolute;right:24px;bottom:22px;font-size:1.4rem}.quote{border-top:1px solid var(--line);text-align:center;max-width:850px;margin:20px auto 30px;padding:55px 20px}.quote>span{font-family:Georgia,serif;color:#8aa38d;font-size:5rem;line-height:.8}.quote blockquote{font-family:Manrope,sans-serif;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;letter-spacing:-.04em;line-height:1.35;margin:15px auto;max-width:760px}.quote p{font-size:.85rem;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:.82rem}footer .logo{color:var(--ink)}.inner-page{padding-top:65px;padding-bottom:70px;min-height:75vh}.inner-page h1{font-size:clamp(3rem,6vw,5.2rem);margin-bottom:24px}.narrow{max-width:680px}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;margin:65px 0}.big-emoji{background:#dce9d7;border-radius:24px;min-height:300px;display:grid;place-items:center;font-size:10rem}.split h2{font-size:1.6rem;margin:20px 0 8px}.split p,.habitat-card p,.fact p{color:var(--muted);margin-top:0}.notice{background:#e9eee3;border-left:4px solid #779a7d;padding:22px 26px;border-radius:0 14px 14px 0;margin:45px 0}.notice strong{font-family:Manrope,sans-serif}.notice p{margin:6px 0 0;color:#536258}.next-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;margin-top:50px;font-weight:700}.next-link span{font-size:1.4rem}.habitat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.habitat-card{border-radius:20px;padding:28px;min-height:290px}.forest{background:#e0eadb}.water{background:#dce8eb}.city{background:#f0e4d3}.habitat-emoji{font-size:2.5rem;margin-bottom:24px}.habitat-card h2{font-family:Manrope,sans-serif;font-size:1.6rem;letter-spacing:-.04em;margin:0 0 10px}.fact-list{margin-top:45px}.fact{display:grid;grid-template-columns:70px 1fr 60px;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line)}.fact-number{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#6b8c72;padding-top:7px}.fact h2{font-family:Manrope,sans-serif;font-size:1.35rem;letter-spacing:-.04em;margin:0 0 6px}.fact p{margin-bottom:0;max-width:700px}.fact-symbol{font-size:2rem;text-align:right}.quiz{background:#e0eadb;border-radius:22px;padding:30px;margin-top:55px}.quiz h2{font-size:1.7rem;margin-bottom:22px}.quiz-options{display:flex;gap:10px;flex-wrap:wrap}.quiz-options button{font:inherit;color:var(--ink);background:#f7f6ef;border:1px solid #cbd7c9;padding:12px 16px;border-radius:10px;cursor:pointer}.quiz-options button:hover{background:#fff}.quiz #quiz-result{font-weight:700;margin-bottom:0}.correct{color:#245b3d}.incorrect{color:#9a522e}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:20px}.site-header nav{gap:2px}.site-header nav a{padding:8px 10px;font-size:.82rem}main{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:25px;gap:35px}.hero h1{font-size:3.6rem}.hero-art{height:330px}.intro{grid-template-columns:1fr;gap:20px}.cards,.habitat-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.split{grid-template-columns:1fr;gap:25px;margin:40px 0}.big-emoji{min-height:220px;font-size:8rem}.fact{grid-template-columns:42px 1fr 35px;gap:12px}.fact-symbol{font-size:1.5rem}footer{padding:22px 20px;flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}.inner-page{padding-top:45px}.inner-page h1{font-size:3.3rem}.quote{padding:40px 0}}