:root{--ink:#06131b;--ice:#e9f5f2;--snow:#f7f4e8;--cyan:#69d3d8;--orange:#f3a33c;--line:rgba(233,245,242,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--ink);color:var(--ice);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--snow);color:var(--ink);padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3vw;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.16em}
.wordmark{display:flex;gap:.6rem;align-items:center;text-decoration:none;font-weight:700}.wordmark-mark{font-size:1.4rem;color:var(--cyan)}nav{display:flex;gap:2rem}nav a{text-decoration:none;opacity:.75}nav a:hover,nav a:focus{opacity:1}.coordinates{opacity:.6}
.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:8rem 7vw 5rem;isolation:isolate;background:radial-gradient(circle at 69% 34%,#173e4c 0,transparent 31%),linear-gradient(145deg,#06131b 20%,#0a2834 70%,#0d3540)}
.aurora{position:absolute;inset:-30% -10% 20% 35%;z-index:-2;background:conic-gradient(from 210deg at 50% 60%,transparent,#47b7b233,#a7ebe344,transparent 45%);filter:blur(50px);animation:aurora 12s ease-in-out infinite alternate}
.snow{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:67px 67px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.hero-copy{width:min(650px,53vw);z-index:2}.eyebrow,.section-number{font-size:.67rem;letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);font-weight:700}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.86;letter-spacing:-.05em;margin:.28em 0}h1{font-size:clamp(4rem,9.4vw,10rem)}h2{font-size:clamp(3.7rem,7vw,7.8rem)}h1 em,h2 em{font-weight:400;color:var(--cyan)}.lede{font-size:clamp(1rem,1.4vw,1.25rem);max-width:35rem;color:#c8d6d5}.text-link{display:inline-flex;gap:1rem;margin-top:1.8rem;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:.55rem}
.hero-penguin{position:absolute;width:min(34vw,480px);right:5vw;bottom:1.5rem;filter:drop-shadow(0 25px 40px #0008)}.hero-penguin svg{display:block;width:100%}.ice-shelf{position:absolute;bottom:0;left:0;width:100%;height:12%;z-index:-1;background:linear-gradient(170deg,transparent 18%,#d9f0ed30 19%,#aacdd155)}.hero-caption{position:absolute;right:3vw;bottom:2rem;font-size:.63rem;letter-spacing:.12em;writing-mode:vertical-rl;opacity:.65}
.dispatch{min-height:58vh;padding:8vw;display:grid;grid-template-columns:1fr 3fr 1fr;gap:5vw;align-items:start;background:var(--snow);color:var(--ink)}.dispatch .section-number{color:#44747b}.dispatch blockquote{margin:0;font:clamp(2rem,3.6vw,4.5rem)/1.15 Georgia,serif;letter-spacing:-.03em}.dispatch-note{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:.8rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px #f3a33c22;margin-top:.35rem}
.field-guide{padding:10vw 6vw;background:#0b1c24}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:3vw;margin-bottom:7vw}.section-heading .eyebrow{align-self:start}.section-heading h2{margin:0}.section-heading>p:last-child{color:#afc3c4;max-width:23rem}
.species-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.species-card{display:grid;grid-template-columns:1fr 1fr;min-height:620px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.species-art{position:relative;background:linear-gradient(160deg,#16404a,#0b222c);overflow:hidden}.species-card:nth-child(2) .species-art,.species-card:nth-child(3) .species-art{background:linear-gradient(160deg,#eaf2ed,#91b7ba)}.species-copy{padding:3rem 2.4rem;display:flex;flex-direction:column}.index{font:italic 1rem Georgia;color:var(--orange)}.latin{font:italic .76rem Georgia;color:#96b2b4}.species-copy h3{font:3rem Georgia;margin:auto 0 1rem}.species-copy>p:not(.latin){font-size:.86rem;color:#b8c9c9}.species-copy dl{display:flex;gap:2rem;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem}.species-copy dl div{display:flex;flex-direction:column}.species-copy dt{text-transform:uppercase;font-size:.56rem;letter-spacing:.15em;color:#7f9d9f}.species-copy dd{margin:0;font:1rem Georgia}
.penguin-shape{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:block;width:44%;height:62%;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 52% 59%,#eef3e9 0 28%,transparent 29%),linear-gradient(#08141a,#101b20);filter:drop-shadow(20px 24px 15px #0019)}.penguin-shape:before{content:"";position:absolute;left:35%;top:18%;width:30%;height:10%;background:var(--orange);clip-path:polygon(0 30%,100% 0,50% 100%)}.compact{height:48%;width:48%;border-radius:50%}.slim{height:58%;width:38%}.round{height:51%;width:52%}.ice-line{position:absolute;bottom:12%;left:10%;right:10%;height:1px;background:#b5e3e5}
.ocean{min-height:100vh;position:relative;padding:12vw 8vw;display:grid;grid-template-columns:4fr 5fr;background:linear-gradient(#073348,#051923 78%);overflow:hidden}.depth-meter{position:absolute;inset:3rem auto 3rem 2rem;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #92dfe844;padding-left:.7rem;font-size:.58rem;color:#8ac5ca}.ocean-copy{z-index:2}.ocean-copy>p{max-width:30rem;color:#b0cfd0}.stat{display:flex;gap:1.2rem;align-items:center;margin-top:4rem}.stat strong{font:7rem/.8 Georgia;color:var(--cyan)}.stat span{text-transform:uppercase;font-size:.62rem;letter-spacing:.15em}.ocean-flight{align-self:center;animation:swim 7s ease-in-out infinite}.ocean-flight svg{width:100%;filter:drop-shadow(0 40px 30px #0007)}.bubble{position:absolute;border:1px solid #b9f8ff66;border-radius:50%;animation:bubble 8s linear infinite}.b1{width:10px;height:10px;left:70%;bottom:12%}.b2{width:18px;height:18px;left:84%;bottom:20%;animation-delay:-3s}.b3{width:6px;height:6px;left:62%;bottom:8%;animation-delay:-5s}
.action{padding:11vw 8vw;min-height:90vh;background:var(--snow);color:var(--ink);display:grid;grid-template-columns:3fr 2fr;gap:10vw;align-items:center;position:relative}.action:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#5fc8c844,transparent 32%);pointer-events:none}.action h2 em{color:#2b737c}.action-inner>p:not(.eyebrow){max-width:34rem;color:#344b50;font-size:1.05rem}.button{display:inline-flex;justify-content:space-between;gap:3rem;background:var(--ink);color:white;padding:1.2rem 1.4rem;margin-top:2rem;text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.button:hover,.button:focus{background:#17404b}.action-facts p{padding:1.6rem 0;border-bottom:1px solid #17343c33;font:1.35rem Georgia}.action-facts span{font:.65rem Arial;color:#47777d;margin-right:1.2rem}
footer{display:flex;justify-content:space-between;padding:2rem 3vw;background:#030b0f;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#8ba1a2}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes aurora{to{transform:translate(5%,8%) rotate(6deg);opacity:.6}}@keyframes swim{50%{transform:translate(-3%,3%) rotate(-2deg)}}@keyframes bubble{to{transform:translateY(-80vh);opacity:0}}
@media (max-width:900px){.coordinates{display:none}.hero{padding-top:9rem;align-items:start}.hero-copy{width:90%}.hero-penguin{width:48vw;opacity:.62}.dispatch{grid-template-columns:1fr}.dispatch-note{max-width:18rem}.section-heading{grid-template-columns:1fr}.species-grid{grid-template-columns:1fr}.species-card{min-height:520px}.ocean{grid-template-columns:1fr;padding-left:4rem}.ocean-flight{opacity:.55}.action{grid-template-columns:1fr}}
@media (max-width:600px){.site-header nav{display:none}.site-header{padding:1.2rem}.hero{padding:8rem 1.5rem 4rem;min-height:760px}.hero-penguin{width:80vw;right:-18vw}.hero-copy{width:100%}h1{font-size:clamp(3.7rem,19vw,6rem)}.hero .lede{max-width:78%}.dispatch{padding:5rem 1.5rem}.field-guide{padding:6rem 1rem}.species-card{grid-template-columns:1fr;min-height:720px}.species-art{min-height:360px}.section-heading{margin-bottom:4rem}.species-copy{padding:2rem}.ocean{padding:7rem 1.5rem 7rem 3.5rem;min-height:850px}.ocean-flight{position:absolute;width:90%;right:-25%;bottom:8rem}.stat strong{font-size:5rem}.action{padding:6rem 1.5rem}.button{gap:1rem;width:100%}footer{flex-direction:column;gap:1rem}.hero-caption{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}