@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#243127;--muted:#68736a;--cream:#f5f1e7;--paper:#fffdf8;--green:#274b35;--lime:#b9c99d;--orange:#d96f35;--line:#ddd8ca}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}
.header{background:rgba(245,241,231,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-weight:700;font-size:19px}.nav nav{display:flex;gap:24px;font-size:14px}.nav nav a{padding:10px 0;color:#59635a}.nav nav a.active,.nav nav a:hover{color:var(--green);border-bottom:2px solid var(--orange)}
.hero{background:var(--green);color:#fff8e9;min-height:590px;display:flex;align-items:center}.hero-content{display:flex;align-items:center;justify-content:space-between}.hero h1{font:700 clamp(54px,8vw,94px)/.92 'Playfair Display',serif;margin:15px 0 25px;letter-spacing:-3px}.hero h1 em{color:var(--lime);font-style:normal}.hero p{max-width:510px;font-size:18px;line-height:1.7;color:#dfe7d9}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--orange)}.hero .eyebrow{color:var(--lime)}.hero-art{font-size:220px;filter:drop-shadow(0 25px 20px rgba(0,0,0,.18));transform:rotate(-6deg)}.button{display:inline-block;background:#e8b25c;color:#273528;padding:15px 22px;border-radius:100px;font-weight:700;margin-top:15px}
.section{padding:90px 0}.section h2,.page h1{font:700 54px/1.05 'Playfair Display',serif;margin:10px 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);padding:30px;border:1px solid var(--line);min-height:245px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #24312712}.icon{font-size:35px}.card h3{font-size:23px;margin:25px 0 10px}.card p,.lead{color:var(--muted);line-height:1.7}.quote{background:#dfe7d2;padding:55px 0}.quote p{font:600 30px/1.35 'Playfair Display',serif;max-width:800px;margin:0}
.page{padding:75px 0 110px;min-height:calc(100vh - 140px)}.page h1{font-size:68px;margin-bottom:15px}.lead{font-size:18px;max-width:700px;margin-bottom:50px}.mushrooms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mushroom{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:25px;padding:22px}.mushroom-pic{height:170px;background:#e7eadb;display:flex;align-items:center;justify-content:center;font-size:90px}.mushroom-pic.orange{background:#f3dfbf}.mushroom-pic.brown{background:#ded6c5}.mushroom-pic.red{background:#efd4c9;font-size:55px}.mushroom h2{font:700 27px 'Playfair Display',serif;margin:14px 0 8px}.mushroom p{color:var(--muted);line-height:1.55;font-size:14px}.tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.edible{color:#4c713f}.toxic{color:#b84935}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border:1px solid var(--line)}.step{background:var(--paper);padding:35px;min-height:220px}.step b,.facts span{color:var(--orange);font-size:13px}.step h2{font:700 27px 'Playfair Display',serif;margin:30px 0 8px}.step p,.facts p{color:var(--muted);line-height:1.65}.warning{margin-top:25px;padding:22px;background:#f0dfc6;border-left:4px solid var(--orange);line-height:1.6}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:16px}.tile{background:#dce5d0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.tile:nth-child(2){background:#ecd9b8}.tile:nth-child(3){background:#cfd9c2}.tile:nth-child(4){background:#e7cfc4}.tile:nth-child(5){background:#c6d2c0}.tile span{font-size:90px}.tile h3{position:absolute;bottom:12px;left:18px;margin:0;font:700 21px 'Playfair Display',serif}.tall{grid-row:span 2}.wide{grid-column:span 2}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.facts article{background:var(--paper);padding:35px;border:1px solid var(--line);min-height:250px}.facts h2{font:700 30px 'Playfair Display',serif;margin:28px 0 10px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}
@media(max-width:800px){.nav{align-items:flex-start;padding:17px 0;flex-direction:column}.nav nav{gap:13px;flex-wrap:wrap}.hero-content{padding:70px 0}.hero-art{font-size:130px}.cards,.mushrooms,.steps,.facts{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}.page h1{font-size:52px}.mushroom{grid-template-columns:100px 1fr}.mushroom-pic{height:140px;font-size:65px}.tall{grid-row:span 1}}
@media(max-width:520px){.container{width:min(100% - 28px,1120px)}.hero h1{font-size:52px}.hero-art{display:none}.gallery{grid-template-columns:1fr}.wide{grid-column:span 1}.nav nav{font-size:12px;gap:10px}.mushroom{grid-template-columns:1fr}.mushroom-pic{height:180px}}