@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--forest:#203b30;--deep:#142b23;--cream:#f6f1e5;--paper:#fffaf0;--ochre:#c98952;--sage:#71846a;--ink:#213e31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}em{font-weight:400}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:white;padding:10px}.skip:focus{left:10px}.hero{position:relative;min-height:720px;height:min(850px,92svh);color:#fff8e7;overflow:hidden;background:#173429}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#102d26ed 0%,#153d2cc9 27%,#173d2a60 53%,#112b1e12 80%),linear-gradient(0deg,#12291cd9,transparent 35%)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:27px max(5vw,calc((100vw - 1400px)/2));gap:20px;border-bottom:1px solid #ffffff5a;font-size:11px;letter-spacing:.13em;font-weight:800}.topbar a{text-decoration:none}.topbar a:hover,.hero-cta a:hover{color:#efd39d}.topbar strong{font-size:11px;letter-spacing:.2em}.hero-copy{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1350px)/2));top:48%;transform:translateY(-40%);max-width:850px}.eyebrow,.section-head>span,.board-copy>span,.care-heading>span,.field-intro>span,.ending>span{font-size:11px;letter-spacing:.2em;font-weight:800;color:#e9ca91}.hero h1,.section-head h2,.board h2,.care h2,.field h2,.ending h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.055em}.hero h1{font-size:clamp(60px,7.4vw,112px);margin:25px 0 23px}.hero h1 em{color:#f3ce9a}.hero-copy p{max-width:520px;font-size:17px;line-height:1.8;color:#f1eee0}.hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.hero-cta a{display:flex;justify-content:space-between;gap:25px;min-width:205px;text-decoration:none;background:#f5e7c4;color:#234234;padding:15px 18px;border-radius:4px 17px 4px 17px;font-weight:800;font-size:12px}.hero-cta a.light{background:#254b3cba;color:white;border:1px solid #fff8e77d}.hero-caption{position:absolute;z-index:2;bottom:22px;right:max(5vw,calc((100vw - 1400px)/2));font-size:9px;letter-spacing:.14em;color:#f6eacd}.ribbon{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,90px);padding:19px 10px;background:#dda96e;color:#244232;font-size:10px;letter-spacing:.26em;font-weight:800}.ribbon i{font-size:17px;font-style:normal}.intro{padding:105px max(6vw,calc((100vw - 1350px)/2)) 58px;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.section-head>span,.board-copy>span,.care-heading>span,.field-intro>span{color:#997448}.section-head h2{font-size:clamp(52px,5.4vw,83px);margin:20px 0 0}.section-head h2 em,.board h2 em,.care h2 em,.field h2 em{color:#9a7150}.intro>p{font-size:15px;line-height:1.9;color:#53675b;max-width:500px;margin:0 0 8px}.animal{padding:0 max(6vw,calc((100vw - 1350px)/2)) 120px}.animal-tabs{display:flex;gap:10px;margin:0 0 12px}.animal-tabs button{flex:1;min-height:69px;padding:12px 25px;border:1px solid #a8b59f;background:#efece0;color:#345041;text-align:left;border-radius:5px 19px 5px 19px;font-size:19px;font-weight:800;display:flex;align-items:center;gap:17px}.animal-tabs button span{color:#997448;font-size:11px;letter-spacing:.12em}.animal-tabs button b{margin-left:auto;font-size:23px;font-weight:400}.animal-tabs button.active{background:var(--deep);color:#fff5de;border-color:var(--deep)}.animal-stage{display:grid;grid-template-columns:1.03fr .97fr;min-height:670px;background:#244638;color:#f9f4e6;border-radius:6px 32px 6px 32px;overflow:hidden;box-shadow:0 28px 60px #21443830}.animal-visual{position:relative;min-height:670px}.animal-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-stamp{position:absolute;bottom:21px;left:24px;background:#173d30c9;border:1px solid #fff9df74;border-radius:50px;padding:10px 13px;font-size:9px;letter-spacing:.15em;color:#fff6e2}.animal-copy{padding:clamp(34px,4.3vw,67px);display:flex;flex-direction:column;justify-content:center}.animal-copy>span{color:#e8bb7f;font-size:10px;letter-spacing:.19em;font-weight:800}.animal-copy h3{font:normal clamp(50px,5vw,75px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:14px 0}.animal-copy h3 em{color:#efd39d}.animal-copy>p{font-size:15px;line-height:1.75;color:#e3e9d8;margin:0 0 24px}.fact-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-block:1px solid #ffffff47;padding:20px 0}.fact-rail small{display:block;color:#d8b989;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:8px}.fact-rail strong{font-size:13px;line-height:1.4}.animal-copy h4{font:normal 25px 'Playfair Display',Georgia,serif;margin:28px 0 13px}.trait-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.trait-buttons button{border:1px solid #799b81;border-radius:5px 14px 5px 14px;padding:12px 8px;min-height:54px;background:#315c48;color:#f8f5e7;font-weight:800;font-size:11px}.trait-buttons button.active{background:#eed29a;color:#294838;border-color:#eed29a}.trait-reveal{background:#f3e6c9;color:#284634;border-radius:5px 18px 5px 18px;padding:18px 20px;margin-top:10px;min-height:134px}.trait-reveal small{display:block;font-size:9px;letter-spacing:.15em;color:#99744c;font-weight:800}.trait-reveal strong{display:block;font:normal 25px 'Playfair Display',Georgia,serif;margin:6px 0}.trait-reveal p{margin:0;font-size:12px;line-height:1.6}.animal-copy .outside-task{border-left:2px solid #e2bf88;padding-left:14px;font-size:12px;color:#d9e7d4;margin:22px 0 0}.board{display:grid;grid-template-columns:1fr 1fr;background:#e9e2d1;min-height:690px}.board-copy{padding:100px max(6vw,calc((100vw - 1400px)/2)) 90px max(6vw,calc((100vw - 1400px)/2));align-self:center}.board h2{font-size:clamp(50px,5vw,76px);margin:20px 0}.board-copy>p{max-width:520px;font-size:15px;line-height:1.85;color:#526c59}.board-prompt{margin:29px 0;background:#faf5e9;border-left:4px solid #bb8650;padding:19px 23px;max-width:480px}.board-prompt b{font-size:10px;letter-spacing:.17em;color:#8c704a}.board-prompt p{font:normal 20px/1.4 'Playfair Display',Georgia,serif;margin:8px 0 0}.board-copy button{background:#254a38;color:#fff6e2;border:0;border-radius:5px 15px 5px 15px;padding:15px 20px;font-size:12px;font-weight:800}.board-copy>small{display:block;margin-top:20px;color:#667967;font-size:9px;letter-spacing:.12em}.board-photo{position:relative;overflow:hidden;min-height:690px;background:#3b4330}.board-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%}.board-photo span{position:absolute;bottom:25px;right:25px;background:#17372dd9;color:#fff5e1;padding:11px 15px;font-size:9px;letter-spacing:.15em}.care{padding:115px max(6vw,calc((100vw - 1350px)/2));background:#19392e;color:#f9f2df}.care-heading{display:grid;grid-template-columns:1fr .65fr;gap:6vw;align-items:end}.care-heading>span{grid-column:1/-1;color:#dfbb80}.care h2{font-size:clamp(55px,6vw,90px);margin:0}.care h2 em{color:#dfbd83}.care-heading p{font-size:15px;line-height:1.85;color:#d1e0d0}.care-game{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:45px;background:#f7f1e2;color:#214236;border-radius:6px 29px 6px 29px;overflow:hidden;min-height:470px;box-shadow:0 30px 60px #0a261c70}.care-scene{background:linear-gradient(135deg,#bb8754,#8a623f);color:#fff6e8;padding:46px;display:flex;flex-direction:column}.care-scene>span,.care-scene>small{font-size:10px;font-weight:800;letter-spacing:.18em}.care-icon{font:normal 95px 'Playfair Display',Georgia,serif;line-height:1;margin:30px 0 20px;color:#ffe9ba}.care-scene h3{font:normal clamp(38px,3.6vw,55px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:13px 0}.care-scene p{font-size:14px;line-height:1.7}.care-progress{display:flex;gap:8px;margin-top:auto;padding-top:20px}.care-progress i{height:5px;flex:1;background:#ffffff67;border-radius:10px}.care-progress i.done{background:#fff3bc}.care-options{padding:48px;display:flex;flex-direction:column;justify-content:center}.care-options>span{font-size:10px;font-weight:800;letter-spacing:.19em;color:#a27b53;margin-bottom:19px}#careAnswers{display:grid;gap:10px}#careAnswers button{display:flex;gap:17px;text-align:left;align-items:center;width:100%;background:#fffdf5;color:#254837;border:1px solid #c9d4be;padding:16px 18px;min-height:62px;border-radius:5px 16px 5px 16px;font-weight:700;font-size:13px;line-height:1.4}#careAnswers button b{flex:0 0 24px;color:#aa8255}#careAnswers button:hover{background:#e7eedf}#careAnswers button.wrong{background:#f3ddd3;border-color:#c57c66}#careAnswers button.correct{background:#dfeccc;border-color:#85a46c}#careAnswers button:disabled{cursor:default}#careFeedback{font-size:13px;line-height:1.6;min-height:45px;color:#4d674d;margin:18px 0}#careNext{align-self:flex-start;background:#264d3a;color:#fff8e9;border:0;border-radius:5px 14px 5px 14px;padding:13px 20px;font-weight:800;font-size:12px}.care-boundary{max-width:830px;margin:29px 0 0;color:#c9dccb;font-size:12px;line-height:1.8}.field{padding:110px max(6vw,calc((100vw - 1350px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.field h2{font-size:clamp(52px,5.6vw,81px);margin:22px 0}.field-intro p{font-size:15px;line-height:1.85;color:#566e5e}.field-count{font-size:11px;letter-spacing:.16em;font-weight:800;color:#8c6a47;margin-top:29px}.field-list{display:grid;gap:11px}.field-list button{display:grid;grid-template-columns:40px 1fr;gap:15px;align-items:center;width:100%;border:1px solid #c7cfb8;background:#fcf8eb;border-radius:5px 20px 5px 20px;text-align:left;padding:18px 21px;color:#294638;min-height:93px}.field-list button>span{width:32px;height:32px;border:1px solid #a6b495;display:grid;place-items:center;border-radius:50%;font-weight:800;color:#7d8f72}.field-list button[aria-pressed=true]{background:#e5efda;border-color:#80a06e}.field-list button[aria-pressed=true]>span{background:#527b50;color:white;border-color:#527b50}.field-list strong{display:block;font:normal 23px 'Playfair Display',Georgia,serif}.field-list small{display:block;color:#667968;line-height:1.5;margin-top:5px}.ending{background:#d6b685;color:#264333;padding:110px max(6vw,calc((100vw - 1350px)/2));text-align:center}.ending>span{color:#695437}.ending h2{font-size:clamp(46px,5.7vw,82px);margin:25px 0}.ending h2 em{color:#694f37}.ending p{max-width:630px;margin:0 auto 30px;line-height:1.8}.ending a{display:inline-block;text-decoration:none;background:#274c3a;color:#fff8e8;padding:16px 22px;border-radius:4px 15px 4px 15px;font-size:12px;font-weight:800}.sources{padding:24px max(6vw,calc((100vw - 1350px)/2));background:#f5f0e4;font-size:12px;line-height:1.7;color:#56695a}.sources summary{cursor:pointer;font-weight:800}.sources p{max-width:850px}footer{background:#15352a;color:#ecf0df;padding:30px 6vw;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;letter-spacing:.13em}footer a{text-decoration:none}#boardDialog{border:0;border-radius:12px;max-width:min(92vw,850px);max-height:90vh;padding:0;background:#f4f0e8;box-shadow:0 25px 90px #0008}#boardDialog::backdrop{background:#071a16d9}#boardDialog img{max-height:85vh;width:auto;margin:auto}#closeBoard{position:sticky;top:10px;float:right;z-index:2;margin:10px;background:#254836;color:white;border:0;border-radius:50%;height:42px;width:42px;font-size:25px}
@media(max-width:1000px){.animal-stage{grid-template-columns:.85fr 1.15fr}.animal-copy{padding:31px}.care-options{padding:32px}.care-scene{padding:32px}.board-copy{padding:70px 7%}.board-photo{min-height:620px}}
@media(max-width:760px){.hero{height:780px;min-height:0}.hero-art{object-position:59% center}.hero-shade{background:linear-gradient(0deg,#122c24f5 5%,#17392bc6 38%,#173b2940 75%),linear-gradient(90deg,#1834257a,transparent)}.topbar{padding:20px 5%;font-size:10px}.topbar strong{display:none}.hero-copy{left:6%;right:6%;top:auto;bottom:77px;transform:none}.hero h1{font-size:clamp(48px,10vw,70px)}.hero-copy p{font-size:14px;max-width:510px}.hero-caption{right:6%;bottom:18px;font-size:8px}.ribbon{gap:13px;font-size:8px}.intro,.field{display:block;padding:75px 6% 35px}.intro>p{margin:25px 0 0}.animal{padding:0 5% 85px}.animal-tabs button{font-size:14px;padding:12px;gap:8px;min-height:60px}.animal-stage{display:block}.animal-visual{min-height:0;height:360px}.animal-copy{padding:32px 26px}.board{display:flex;flex-direction:column-reverse}.board-photo{min-height:0;height:490px}.board-copy{padding:70px 6%}.care{padding:80px 5%}.care-heading{display:block}.care-heading p{max-width:600px;margin-top:20px}.care-game{display:block}.care-scene{min-height:300px}.care-icon{font-size:65px;margin:15px 0}.care-scene h3{font-size:44px}.care-options{padding:31px}.field-list{margin:30px 0 45px}.ending{padding:80px 6%}footer{flex-wrap:wrap;justify-content:center;text-align:center}}
@media(max-width:480px){.hero{height:760px}.hero-art{object-position:62% center}.hero h1{font-size:48px}.hero-copy p{font-size:13px}.hero-cta{gap:8px}.hero-cta a{min-width:0;flex:1;padding:12px;font-size:10px;gap:8px}.section-head h2,.board h2,.field h2{font-size:49px}.animal-visual{height:270px}.animal-copy h3{font-size:52px}.trait-buttons button{font-size:10px}.care h2{font-size:54px}.board-photo{height:430px}.field-list button{padding:14px}.field-list strong{font-size:20px}.ending h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}