:root{--ink:#171814;--paper:#f3f0e8;--muted:#77766f;--accent:#c9ff4a;--line:#d8d4c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,232,.92);backdrop-filter:blur(12px);z-index:10}.logo{font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--accent);border-radius:50%;font-size:15px}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.site-header nav a{opacity:.55}.site-header nav a:hover,.site-header nav .active{opacity:1}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:calc(100vh - 82px);padding:8vw 10vw;display:flex;align-items:center;justify-content:space-between;gap:5vw;background:radial-gradient(circle at 75% 50%,#d9dfc6,transparent 30%)}.hero-copy{max-width:720px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--muted);margin:0 0 22px}.hero h1,.page-head h1{font-size:clamp(65px,10vw,150px);line-height:.83;letter-spacing:-.07em;margin:0 0 35px}.hero h1 em,.page-head h1 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:clamp(17px,2vw,23px);line-height:1.45;max-width:580px;color:#55554e}.btn{display:inline-flex;gap:28px;align-items:center;background:var(--ink);color:white;padding:17px 22px;margin-top:22px;font-weight:800;border-radius:100px}.btn span{color:var(--accent);font-size:20px}.hero-card{width:min(31vw,360px);height:min(42vw,470px);min-width:240px;border-radius:200px 200px 20px 20px;background:linear-gradient(145deg,#263024,#56644a);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:30px;box-shadow:20px 30px 70px #2223;transform:rotate(2deg)}.bear-silhouette{font-size:clamp(100px,15vw,210px);text-align:center;filter:grayscale(1);margin-top:40px}.hero-card strong{font-size:64px;line-height:1;color:var(--accent)}.hero-card small{display:inline-block;margin-left:12px;line-height:1.2;color:#ddd}.intro{padding:110px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line)}h2{font-size:clamp(28px,4vw,55px);letter-spacing:-.04em;margin:0 0 18px}.intro>p{font-size:22px;line-height:1.55;color:#5d5b54;align-self:end}.cards{padding:0 5vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:360px;background:#dfe4cf;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.feature.dark{background:var(--ink);color:white}.feature span{font-size:12px;opacity:.5}.feature h3{font-size:48px;letter-spacing:-.05em;margin:0}.feature p{max-width:280px;line-height:1.5;color:#66655f}.feature.dark p{color:#bbb}.feature b{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.page{padding:100px 10vw}.page-head{max-width:950px;margin-bottom:100px}.page-head h1{font-size:clamp(55px,8vw,115px);margin-bottom:30px}.page-head>p:last-child{max-width:650px;font-size:20px;color:#66635c;line-height:1.5}.species-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.species{background:#e3e0d6;min-height:310px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.species:hover{transform:translateY(-6px)}.animal{font-size:75px}.species span{font:italic 14px Georgia;color:#78766d}.species h2{font-size:32px;margin:5px 0}.species p{color:#66635c;line-height:1.5;max-width:500px}.timeline{border-top:1px solid var(--line)}.timeline article,.habitat-list article{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--line)}.timeline b,.habitat-list>article>span{font-size:12px;color:#999;font-weight:800}.timeline h2,.habitat-list h2{font-size:36px}.timeline p,.habitat-list p{font-size:18px;line-height:1.6;color:#64625b;max-width:720px}.habitat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.map-art{height:600px;background:#252a21;color:var(--accent);position:relative;overflow:hidden;display:grid;place-items:center}.map-title{position:absolute;top:35px;left:35px;z-index:2;font-size:12px;letter-spacing:.15em}.map-title strong{font-size:24px;letter-spacing:.02em}.globe{font-size:230px;opacity:.9;filter:drop-shadow(0 0 40px #c9ff4a44)}.orbit{position:absolute;border:1px solid #c9ff4a55;border-radius:50%}.o1{width:80%;height:35%;transform:rotate(25deg)}.o2{width:55%;height:80%;transform:rotate(-35deg)}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.fact-grid article{background:#e1ded4;padding:35px;min-height:260px}.fact-grid strong{font-size:76px;letter-spacing:-.08em}.fact-grid h2{font-size:28px}.fact-grid p{color:#66635c;line-height:1.5}.quote{margin-top:15px;background:var(--ink);color:white;padding:55px;display:flex;gap:30px;align-items:flex-start}.quote span{font:100px Georgia;color:var(--accent);line-height:.7}.quote p{font:italic 36px Georgia;max-width:800px;margin:0;line-height:1.2}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;font-size:12px;color:#777;gap:20px}footer strong{color:var(--ink);letter-spacing:.15em} @media(max-width:800px){.site-header{height:70px}.menu{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{padding:70px 7vw;min-height:auto;display:block}.hero-card{width:100%;height:330px;min-width:0;margin-top:50px}.bear-silhouette{font-size:120px}.intro{padding:80px 7vw;grid-template-columns:1fr;gap:25px}.cards,.species-grid,.fact-grid{grid-template-columns:1fr;padding-left:7vw;padding-right:7vw}.page{padding:70px 7vw}.page-head{margin-bottom:65px}.timeline article,.habitat-list article{grid-template-columns:45px 1fr;gap:15px}.habitat-grid{grid-template-columns:1fr}.map-art{height:380px}.quote{padding:35px 25px}.quote p{font-size:27px}footer{flex-wrap:wrap}.feature{min-height:300px}}