@import url('fonts.css');:root{--paper:#f1f3eb;--ink:#183529;--forest:#183b2b;--surface:#e3e9dc;--accent:#c0e276;--muted:#314a39;--white:#fff;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Schibsted Grotesk',Noto,sans-serif;font-size:18px;line-height:1.55}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #57762b;outline-offset:6px}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button{border:0}h1{font-size:clamp(52px,6.4vw,96px);line-height:1.15;letter-spacing:-.06em;font-weight:800}h1 span{display:block}h2{font-size:clamp(36px,4.6vw,68px);line-height:1.2;letter-spacing:-.05em;font-weight:800}h3{font-size:clamp(32px,3.5vw,52px);line-height:1.25;letter-spacing:-.04em}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 32px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:30px;text-decoration:none;letter-spacing:-.06em}.brand svg{width:28px;height:28px}.brand span{font-family:inherit;font-size:16px;letter-spacing:0;margin-left:15px}nav{display:flex;gap:32px;align-items:center;font-size:16px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}nav button{background:none;color:var(--muted);font-size:16px;padding:8px}.skip{position:fixed;top:-100px;background:var(--accent);padding:20px;left:20px;z-index:50}.skip:focus{top:12px}.hero{padding:0 32px 84px}.masthead{position:relative;height:clamp(330px,30vw,420px);overflow:hidden;background:var(--forest)}.masthead>img{object-position:50% 20%;transform:scale(1.04);transition:opacity .3s}.masthead:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.masthead-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2;color:white;font-size:16px}.habitat-controls{display:flex;padding:5px;gap:5px;background:var(--paper);color:var(--ink)}.habitat-controls button{min-height:42px;padding:8px 24px;background:none;color:var(--ink);font-size:16px;transition:background .2s}.habitat-controls button[aria-pressed=true]{background:var(--forest);color:var(--white)}.spot{position:absolute;right:22%;top:46%;height:50px;width:50px;border-radius:50%;background:var(--accent);color:var(--ink);z-index:3;font-size:30px;transition:transform .25s}.spot:hover{transform:rotate(90deg)}.spot-note{position:absolute;right:7%;top:61%;background:var(--paper);color:var(--ink);padding:20px;z-index:3;font-size:16px}.hero-type{display:grid;grid-template-columns:40% 60%;gap:0;padding-top:46px}.journal-intro{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.journal-name{font-size:36px;line-height:1.02;letter-spacing:-.045em;font-weight:800}.journal-description{font-size:16px;line-height:1.7;color:var(--muted)}.quiet-link{display:inline-block;font-size:16px;text-decoration:none}.quiet-link:hover{text-decoration:underline}.hero-title>p{margin-top:24px;font-size:18px;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:56px;padding:16px 22px;background:var(--forest);color:var(--white);text-decoration:none;font-size:18px;transition:transform .25s var(--ease),background .25s}.primary:hover{transform:translateY(-3px);background:#285538}.primary:active{transform:translateY(0) scale(.98)}.hero-title>.primary{margin-top:28px}.arrow{font-size:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head>p{font-size:16px;line-height:1.7;color:var(--muted);min-width:200px}.fieldnotes{padding:85px 32px 100px;background:var(--surface)}.species-tabs{display:flex;gap:0;margin-bottom:30px}.species-tabs button{background:transparent;color:var(--muted);min-height:64px;padding:14px 28px;font-size:18px;display:flex;gap:30px;align-items:center}.species-tabs button span{font-size:16px}.species-tabs button[aria-pressed=true]{background:var(--forest);color:white}.observation{display:grid;grid-template-columns:58% 42%;background:var(--paper)}.observation-image{position:relative;min-height:570px;overflow:hidden}.observation-image>img{object-position:55% 50%}.photo-note{position:absolute;left:24px;bottom:24px;background:var(--paper);padding:12px 18px;font-size:16px}.observation-copy{padding:52px 44px;align-self:center}.species-english{font-size:16px;color:var(--muted);margin-bottom:30px}.observation-copy>p:not(.species-english){font-size:18px;line-height:1.8;margin-top:28px;max-width:24em}.observation-facts{margin:30px 0;display:grid;gap:18px}.observation-facts span{font-size:16px;color:var(--muted)}.observation-facts p{font-size:18px;margin-top:5px}.play-section{padding:100px 32px}.quiz{display:grid;grid-template-columns:58% 42%;background:var(--surface)}.quiz-photo{position:relative;min-height:500px;overflow:hidden}.quiz-photo img{object-position:50% 50%}.quiz-photo-caption{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);padding:12px 16px;font-size:16px}.listen{background:var(--forest);color:white;padding:10px 16px;font-size:16px}.quiz-question{align-self:center;padding:40px}.quiz-question h3{font-size:32px}.answers{display:grid;gap:10px;margin-top:30px}.answer{display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:14px 20px;background:var(--paper);color:var(--ink);text-align:left;font-size:18px;transition:transform .2s}.answer:after{content:'↗'}.answer:hover:not(:disabled){transform:translateX(6px);background:white}.answer.correct{background:#245b3a;color:white}.answer.wrong{background:#8d362b;color:white}.feedback{margin:22px 0;font-size:16px;min-height:44px}.quiz-question .primary{width:100%}[hidden]{display:none!important}.closing{display:grid;grid-template-columns:40% 60%;background:var(--forest);color:var(--paper)}.closing>img{height:100%;min-height:500px}.closing>div{padding:65px 64px;align-self:center}.closing p{font-size:18px;margin:30px 0}.closing .primary{background:var(--accent);color:var(--ink)}footer{padding:45px 32px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.footer-top .brand{font-size:68px}.footer-top p{font-size:16px}footer details{font-size:16px;color:var(--muted);max-width:100%}footer summary{cursor:pointer}footer details p{margin-top:18px;max-width:65ch}footer details a{display:inline-block;margin:4px 0}section{scroll-margin-top:25px}@media(min-width:1700px){body{max-width:1800px;margin:auto}header,.hero,.fieldnotes,.play-section,footer{padding-left:48px;padding-right:48px}}@media(max-width:1000px){header{padding:20px 24px}.brand span{display:none}nav{gap:20px}.hero{padding:0 24px 64px}.masthead{height:380px}.hero-type{grid-template-columns:36% 64%;padding-top:32px}.journal-name{font-size:30px}h1{font-size:58px}.fieldnotes,.play-section{padding:64px 24px}.section-head>p{min-width:auto}.observation-image{min-height:520px}.observation{grid-template-columns:53% 47%}.observation-copy{padding:30px 24px}.observation-copy h3{font-size:36px}.species-tabs button{padding:14px 20px;gap:15px}.quiz{grid-template-columns:53% 47%}.quiz-question{padding:26px}.quiz-photo{min-height:500px}.closing>div{padding:45px 36px}.closing h2{font-size:48px}.footer-top .brand{font-size:54px}}@media(max-width:600px){body{font-size:18px}header{padding:20px}.brand{font-size:27px}nav{gap:16px}nav a:first-child{display:none}nav button{font-size:16px;padding:0}nav a{font-size:16px}.hero{padding:0 20px 46px}.masthead{height:340px}.masthead>img{object-position:68% 50%}.masthead-bottom{bottom:16px;left:16px;right:16px;gap:10px;align-items:flex-start;flex-direction:column}.habitat-controls{padding:3px;gap:2px}.habitat-controls button{padding:8px 16px;min-height:40px}.masthead-bottom>span{font-size:16px}.spot{right:20%;top:35%;width:44px;height:44px}.spot-note{right:12px;top:50%;font-size:16px;padding:14px}.hero-type{display:flex;flex-direction:column;gap:26px;padding-top:28px}.journal-intro{display:none}.hero-title h1{font-size:50px;line-height:1.2}.hero-title>p{font-size:18px;margin-top:18px}.hero-title>.primary{margin-top:24px;width:100%}.fieldnotes,.play-section{padding:45px 20px}.section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}h2{font-size:36px}.section-head>p{font-size:16px}.section-head>p br{display:none}.species-tabs{gap:0;margin-bottom:20px;justify-content:space-between}.species-tabs button{padding:12px 14px;font-size:16px;min-height:48px}.species-tabs button span{display:none}.observation{grid-template-columns:1fr}.observation-image{min-height:0;height:350px}.observation-copy{padding:28px 24px}.species-english{margin-bottom:20px}.observation-copy h3{font-size:36px}.observation-copy>p:not(.species-english){font-size:18px;line-height:1.7;margin-top:20px}.photo-note{left:16px;bottom:16px;font-size:16px}.quiz{grid-template-columns:1fr}.quiz-photo{min-height:0;height:350px}.quiz-photo-caption{left:14px;right:14px;bottom:14px;gap:10px;padding:10px 12px;font-size:16px}.listen{font-size:16px;padding:10px 12px}.quiz-question{padding:28px 24px}.quiz-question h3{font-size:28px}.answers{margin-top:24px}.closing{grid-template-columns:1fr}.closing>img{height:330px;min-height:0}.closing>div{padding:36px 24px}.closing h2{font-size:48px}.closing .primary{width:100%}footer{padding:35px 20px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-top .brand{font-size:56px}footer details{font-size:16px}.footer-top p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.motion-off *{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}
@media(min-width:1100px){.hero-title{display:grid;grid-template-columns:1fr auto;column-gap:32px;align-items:end}.hero-title h1{grid-column:1 / -1;font-size:88px}.hero-title>.primary{margin-top:24px;gap:25px}.hero-title>p{font-size:18px;max-width:28em}}

.field-strip{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.field-strip button{padding:0;background:none;color:var(--ink);text-align:left}.field-strip img{height:280px}.field-strip span{display:flex;justify-content:space-between;font-size:18px;margin-top:14px}.field-strip button:hover img{transform:scale(1.02)}.field-strip img{transition:transform .45s var(--ease)}@media(max-width:600px){.field-strip{gap:16px;margin-top:24px}.field-strip img{height:180px}.field-strip span{font-size:16px}.brand{font-size:24px}.closing h2{font-size:36px}.footer-top .brand{font-size:50px}}

.field-strip button[data-species="giraffe"] img{object-position:50% 10%}