:root{--ink:#071c26;--deep:#082632;--paper:#f4f0e6;--mist:#d8e4df;--coral:#ec684b;--sky:#73b7c7;--lime:#c8da69;--line:rgba(7,28,38,.18);--serif:"Newsreader",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.65}.skip{position:fixed;z-index:100;top:8px;left:8px;padding:10px;background:white;transform:translateY(-160%)}.skip:focus{transform:none}header{position:absolute;z-index:10;display:flex;width:100%;height:90px;padding:0 clamp(22px,5vw,72px);align-items:center;justify-content:space-between;color:white}.brand{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-decoration:none}.brand span{display:grid;width:40px;height:40px;place-items:center;border:1px solid;border-radius:50%;font-size:1.4rem}header nav{display:flex;gap:28px;font:500 .65rem var(--mono);text-transform:uppercase}header nav a{text-decoration:none}.hero{position:relative;min-height:850px;overflow:hidden;color:white;background:var(--deep)}.hero>img{position:absolute;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#03131cd9 0%,#03131c8a 40%,transparent 75%),linear-gradient(0deg,#03131c88,transparent 45%)}.hero-copy{position:relative;z-index:2;display:flex;min-height:850px;max-width:780px;padding:150px 5vw 90px;justify-content:center;flex-direction:column}.eyebrow,.chapter{font:500 .67rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero h1,.section h2{margin:0;font-family:var(--serif);font-weight:400;line-height:.88;letter-spacing:-.045em}.hero h1{font-size:clamp(4.5rem,10vw,9.3rem)}em{color:var(--coral)}.hero-copy>p:not(.eyebrow){max-width:530px;font-size:1.1rem}.button{display:flex;width:250px;margin-top:25px;padding:15px 18px;justify-content:space-between;color:var(--ink);background:var(--lime);font:500 .65rem var(--mono);text-decoration:none;text-transform:uppercase}.hero-stat{position:absolute;z-index:2;right:5vw;bottom:65px;display:flex;gap:18px;align-items:center}.hero-stat strong{font:400 4rem/1 var(--serif)}.hero-stat span{padding-left:18px;border-left:1px solid #ffffff66;font:.62rem var(--mono);text-transform:uppercase}.ticker{overflow:hidden;padding:12px;color:white;background:var(--coral);font:.62rem var(--mono);text-align:center;word-spacing:20px}.section{padding:105px clamp(24px,7vw,110px)}.chapter{padding-bottom:18px;border-bottom:1px solid var(--line)}.chapter.light{border-color:#ffffff33}.split,.heading{display:grid;margin-top:65px;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.section h2{font-size:clamp(3.8rem,7vw,7rem)}.lead{font:400 clamp(1.35rem,2vw,1.9rem)/1.3 var(--serif)}.stats{display:grid;margin-top:75px;border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr)}.stats article{padding:28px;border-right:1px solid var(--line)}.stats strong{display:block;font:400 4rem/1 var(--serif)}.stats span{font:.58rem var(--mono);text-transform:uppercase}.species{color:white;background:var(--deep)}.heading>p{color:#abc0bd}.coral{color:var(--coral)}.blue{color:#2e7c8e}aside{display:grid;margin-top:35px;padding:18px;border:1px solid #ffffff33;grid-template-columns:160px 1fr;gap:20px;color:#b8cac7;font-size:.78rem}aside b{color:var(--lime);font:.62rem var(--mono)}.species-index{display:grid;margin-top:55px;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e}.species-index a{display:flex;min-height:66px;padding:12px;gap:9px;border-right:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;align-items:center;font-family:var(--serif);text-decoration:none}.species-index b{color:var(--coral);font:.5rem var(--mono)}.species-index a:hover{color:var(--ink);background:var(--lime)}.portrait-grid{display:grid;margin-top:55px;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff2e}.portrait-grid a{padding:9px;color:white;background:#061c25;text-decoration:none}.portrait-grid img{display:block;width:100%;aspect-ratio:4/3;padding:6px;object-fit:contain;background:#041820}.portrait-grid span{display:block;min-height:47px;padding:9px 3px;font:1rem/1.1 var(--serif)}.profiles{margin-top:90px}.profile{display:grid;padding:50px 0;border-top:1px solid #ffffff2e;grid-template-columns:45px minmax(300px,.9fr) 1.1fr;gap:clamp(22px,4vw,55px)}.profile-number{color:var(--coral);font:.62rem var(--mono)}.profile figure{position:relative;min-height:330px;margin:0;background:#061c25}.profile img{position:absolute;inset:0;width:100%;height:100%;padding:10px;object-fit:contain}.profile figcaption{position:absolute;right:0;bottom:0;left:0;padding:12px;background:#051820dc;font:1rem var(--serif)}.profile h3{margin:0;font:400 2.4rem/1 var(--serif)}.scientific{color:#91aaa7;font-family:var(--serif)}.data{display:grid;margin:25px 0;padding:16px 0;border-block:1px solid #ffffff2e;grid-template-columns:1fr 1fr;gap:12px}.data span{display:block;color:#819b99;font:.52rem var(--mono);text-transform:uppercase}.data strong{font-size:.75rem}.profile p{color:#c6d4d1;font-size:.88rem}.ocean{background:var(--mist)}.life{text-align:center}.life .chapter{text-align:left}.life>.eyebrow{margin-top:65px}.life-grid{display:grid;margin-top:65px;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.life-grid article{padding:30px;border-right:1px solid var(--line)}.life-grid b{color:var(--coral);font:.6rem var(--mono)}.life-grid h3{font:400 2rem var(--serif)}.life-grid p{font-size:.8rem}footer{display:grid;padding:42px 7vw;grid-template-columns:1fr 1fr 1fr;align-items:center;color:white;background:#05151c}footer p{margin:0;color:#9ab0ae;font-size:.68rem}footer p:last-child{text-align:right;font-family:var(--mono)}@media(max-width:900px){header nav{display:none}.split,.heading{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.species-index,.portrait-grid{grid-template-columns:repeat(2,1fr)}.profile{grid-template-columns:35px 1fr}.profile figure,.profile-info{grid-column:2}.life-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;gap:20px}footer p:last-child{text-align:left}}@media(max-width:580px){.section{padding:75px 20px}.hero-copy{padding-inline:22px}.hero h1{font-size:4.2rem}.hero-stat{display:none}.species-index{grid-template-columns:1fr}aside{grid-template-columns:1fr}.profile{grid-template-columns:25px 1fr;gap:12px}.profile figure{min-height:270px}.life-grid{grid-template-columns:1fr}.portrait-grid span{font-size:.8rem}}