:root{color:#0c2a2d;background:#f4faf8;font-family:League Spartan,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:11rem}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;padding:1rem clamp(1rem,4vw,4rem);color:#f5fffb;background:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #072d3424}.site-header:before{content:"";position:absolute;inset:0 0 0 auto;width:min(76%,980px);background:url("data:image/svg+xml,%3Csvg viewBox='0 0 900 180' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 C82 18 70 72 148 82 C236 94 226 20 330 26 C430 32 424 103 548 95 C656 88 690 30 812 44 C842 47 870 56 900 68 L900 180 L0 180 Z' fill='%230c6ea6'/%3E%3Cpath d='M0 45 C98 68 104 118 188 112 C280 105 284 48 388 58 C482 66 502 135 612 126 C724 117 735 69 900 86 L900 180 L0 180 Z' fill='%2314a7c4' fill-opacity='.82'/%3E%3C/svg%3E") left center / 100% 100% no-repeat,linear-gradient(90deg,#fff,#dffafa 22%,#197fbc 58%,#073f7c);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.72) 34%,#000000 52%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.72) 34%,#000000 52%)}.site-header>*{position:relative;z-index:1}.brand,nav{display:flex;align-items:center;gap:.75rem}.brand{font-weight:400}.brand-logo-wrap{display:inline-flex;align-items:center;width:clamp(16rem,34vw,31rem)}.brand-logo{display:block;width:100%;height:auto;object-fit:contain}nav a{border-radius:999px;padding:.45rem .75rem;color:#fff;font-size:1.15rem;font-weight:600}nav a:hover{background:#85f1df29;color:#b8fff0}.hero{position:relative;min-height:92vh;display:grid;align-items:center;overflow:hidden;padding:clamp(13rem,24vh,17rem) clamp(1rem,5vw,5rem) 5rem}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#041f23e6,#041f23ab 42%,#041f231f),linear-gradient(0deg,#0632356b,#0632350d)}.hero-content{position:relative;z-index:1;max-width:680px;color:#fff}.eyebrow{margin:0 0 .85rem;color:#1a447a;font-size:1.2rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#c4d5e4}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.1rem;font-size:clamp(3.5rem,9vw,8rem);font-weight:600;line-height:1.02;letter-spacing:0;word-spacing:.08em}h2{margin-bottom:1rem;max-width:820px;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1;letter-spacing:0}h3{font-size:1.35rem;font-weight:600}p{line-height:1.65}.hero-copy{max-width:610px;color:#ffffffe6;font-size:clamp(1.08rem,2vw,1.35rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border-radius:8px;padding:.8rem 1rem;font-weight:600}.button.primary{background:#fbdf6a;color:#102a2d}.button.secondary{border:1px solid rgba(255,255,255,.5);color:#fff}.intro-band,.method-section,.habitats,.aquarium-section,.polluted-aquarium-section,.mission{padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.intro-band,.method-section,.habitats{scroll-margin-top:11rem}.intro-band{background:#fff}.polluted-aquarium-section{padding:0;background:#103f5a}.issue-media{display:grid;gap:1rem}.issue-image{position:relative;overflow:hidden;width:min(100%,21rem);margin:0;border-radius:8px;aspect-ratio:4 / 3;background:#d8e9e4}.issue-image img{display:block;width:100%;height:100%;object-fit:cover}.section-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-bottom:2rem}.intro-band .section-copy h2{margin-top:3.8rem}.fact-grid,.habitat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fact-grid article,.habitat-card{border:1px solid #d8e9e4;border-radius:8px;background:#f8fcfb;padding:1.25rem}.impact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;border-radius:8px;background:#0b3439;padding:1rem}.impact-strip article{border-left:3px solid #85f1df;padding:.25rem .9rem}.impact-strip strong{display:block;margin-bottom:.6rem;color:#fff;font-size:1.28rem;font-weight:600;line-height:1.25}.fact-grid strong{display:block;margin-bottom:.7rem;font-size:1.28rem;font-weight:600;line-height:1.25}.fact-grid p,.impact-strip p,.habitat-card p,.method-panel p,.mission p{color:#3c5c5d}.fact-grid p,.habitat-card p,.method-panel p{font-size:1.08rem;line-height:1.55}.impact-strip p{color:#ffffffd1;font-size:1.08rem;line-height:1.55}.method-section{display:block;background:#e6f4f1}.method-panel{max-width:1180px}.filter-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}.filter-part{border:1px solid #d8e9e4;border-radius:8px;background:#fff;padding:1rem}.filter-part strong{display:block;margin-bottom:.45rem;color:#0c2a2d;font-size:1.08rem;font-weight:600;line-height:1.25}.filter-part p{margin-bottom:0;color:#3c5c5d;font-size:1rem;line-height:1.5}.process-title{margin:1.6rem 0 .75rem;color:#0c2a2d;font-size:1.6rem;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;min-height:5rem;border-left:4px solid #14a7a2;border-radius:8px;background:#fff;padding:1.2rem 1.1rem 1.2rem 4rem;box-shadow:0 18px 38px #2246481a;counter-increment:step;font-size:1.08rem;line-height:1.55}.steps li:before{content:counter(step);position:absolute;left:1rem;top:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#0f8f87;color:#fff;font-weight:700;line-height:1;padding-top:.08em}.habitats{background:#f4faf8}.habitat-image{overflow:hidden;margin:0 0 1rem;border-radius:8px;aspect-ratio:16 / 6;background:#d8e9e4}.habitat-image img{display:block;width:100%;height:100%;object-fit:cover}.habitat-card span{display:block;width:100%;height:.45rem;margin-bottom:1.25rem;border-radius:999px;background:linear-gradient(90deg,#0f8f87,#5bb6d6,#fbdf6a)}.aquarium-section{display:block;background:#dffafa;padding:0}.aquarium{position:relative;overflow:hidden;width:100%;min-height:28rem;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.38),transparent 18rem),linear-gradient(180deg,#4fc8d8,#147fb5 48%,#0c456f);box-shadow:inset 0 -38px 60px #06253e3d;isolation:isolate}.aquarium:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:56px 56px;opacity:.2}.aquarium-caption{position:absolute;top:1.4rem;left:1.5rem;z-index:4;max-width:calc(100% - 3rem);color:#ffffffad;font-size:clamp(1.05rem,2.1vw,1.75rem);font-weight:600;line-height:.95;white-space:nowrap;pointer-events:none;text-shadow:0 8px 28px rgba(6,37,62,.22)}.polluted-aquarium{min-height:28rem;background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.2),transparent 17rem),radial-gradient(circle at 70% 8%,rgba(251,223,106,.16),transparent 13rem),linear-gradient(180deg,#5aa5ad,#316f82 44%,#173f56);box-shadow:inset 0 44px 70px #52664847,inset 0 -38px 70px #06253e57}.polluted-aquarium:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 12% 32%,rgba(255,255,255,.18) 0 .14rem,transparent .16rem),radial-gradient(circle at 28% 58%,rgba(251,223,106,.28) 0 .12rem,transparent .14rem),radial-gradient(circle at 56% 42%,rgba(255,143,163,.22) 0 .13rem,transparent .15rem),radial-gradient(circle at 82% 66%,rgba(255,255,255,.18) 0 .14rem,transparent .16rem);opacity:.75;pointer-events:none}.polluted-caption{color:#ffffffb3;font-size:clamp(1.05rem,2.1vw,1.75rem)}.light-ray{position:absolute;top:-15%;width:8rem;height:135%;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 68%);filter:blur(10px);opacity:.55;transform:rotate(15deg)}.light-ray-one{left:14%}.light-ray-two{left:48%;width:6rem;opacity:.34}.fish{position:absolute;left:-8rem;z-index:2;display:block;width:5.8rem;height:2.6rem;animation:swim 14s linear infinite}.fish-body{position:absolute;inset:.35rem 0 .35rem .95rem;border-radius:48% 55% 55% 48%;background:linear-gradient(90deg,#fbdf6a,#23b6c1)}.fish-body:before{content:"";position:absolute;left:-1rem;top:.3rem;width:1.35rem;height:1.35rem;background:#23b6c1;clip-path:polygon(100% 50%,0 0,0 100%);transform-origin:right center;animation:tail .72s ease-in-out infinite alternate}.fish-body:after{content:"";position:absolute;right:.9rem;top:.46rem;width:.28rem;height:.28rem;border-radius:50%;background:#06344b}.fish-one{top:22%}.fish-two{top:48%;width:4.7rem;height:2.15rem;animation-duration:18s;animation-delay:-6s;opacity:.9}.fish-two .fish-body{background:linear-gradient(90deg,#fff,#85f1df)}.fish-two .fish-body:before{background:#85f1df}.fish-three{top:66%;width:6.6rem;height:2.9rem;animation-duration:21s;animation-delay:-11s}.fish-three .fish-body{background:linear-gradient(90deg,#ffdf8a,#5bb6d6)}.fish-three .fish-body:before{background:#5bb6d6}.plastic{position:absolute;z-index:3;display:block;opacity:.82;filter:drop-shadow(0 8px 12px rgba(6,37,62,.18));animation:plastic-drift 6.5s ease-in-out infinite alternate}.plastic-bag{top:18%;left:18%;width:3.2rem;height:2.25rem;border:2px solid rgba(255,255,255,.62);border-radius:8px 8px 14px 12px;background:#ffffff38;transform:rotate(-10deg)}.plastic-bag:before{content:"";position:absolute;left:.82rem;top:-.55rem;width:1.1rem;height:.9rem;border:2px solid rgba(255,255,255,.52);border-bottom:0;border-radius:999px 999px 0 0}.plastic-bottle{top:34%;left:68%;width:4.2rem;height:1.15rem;border-radius:999px 12px 12px 999px;background:#85f1df57;transform:rotate(16deg);animation-duration:7.5s}.plastic-bottle:before{content:"";position:absolute;right:-.55rem;top:.24rem;width:.7rem;height:.48rem;border-radius:3px;background:#ffffff6b}.plastic-ring{top:56%;left:35%;width:2.7rem;height:2rem;border:.42rem solid rgba(255,255,255,.54);border-radius:50%;transform:rotate(24deg);animation-duration:5.8s;animation-delay:-4s}.plastic-wrapper{top:68%;left:78%;width:3.6rem;height:1.65rem;border-radius:5px;background:linear-gradient(90deg,#ff8fa3bd,#fbdf6ab3);transform:rotate(-18deg);animation-duration:7s;animation-delay:-7s}.plastic-wrapper:before,.plastic-wrapper:after{content:"";position:absolute;top:0;width:.35rem;height:100%;background:#ffffff7a}.plastic-wrapper:before{left:.35rem}.plastic-wrapper:after{right:.35rem}.plastic-cup{top:24%;left:47%;width:1.8rem;height:2.35rem;border:.22rem solid rgba(255,255,255,.58);border-top-width:.32rem;border-radius:.28rem .28rem .65rem .65rem;background:linear-gradient(180deg,#ffffff2e,#b8fff02e);transform:rotate(-21deg);animation-duration:6.2s;animation-delay:-2s}.plastic-cup:before{content:"";position:absolute;left:-.22rem;right:-.22rem;bottom:-.42rem;height:.28rem;border-radius:999px;background:#ffffff85}.bubble{position:absolute;bottom:-2rem;z-index:1;width:.8rem;height:.8rem;border:2px solid rgba(255,255,255,.72);border-radius:50%;animation:bubble-rise 7s linear infinite}.bubble-one{left:22%}.bubble-two{left:58%;width:1.1rem;height:1.1rem;animation-duration:9s;animation-delay:-3s}.bubble-three{left:78%;width:.6rem;height:.6rem;animation-duration:6s;animation-delay:-5s}.reef{position:absolute;bottom:2.35rem;z-index:2;width:12rem;height:6.8rem}.reef-left{left:8%}.reef-right{right:10%;transform:scaleX(-1)}.coral,.sea-grass{position:absolute;bottom:0;display:block}.coral-branch{left:1.4rem;width:.6rem;height:5.4rem;border-radius:999px;background:#ff8fa3}.coral-branch:before,.coral-branch:after{content:"";position:absolute;width:.48rem;height:2.5rem;border-radius:999px;background:#ff8fa3;transform-origin:bottom center}.coral-branch:before{left:-.75rem;top:1.4rem;transform:rotate(-36deg)}.coral-branch:after{right:-.75rem;top:.75rem;transform:rotate(34deg)}.coral-round{left:4.2rem;width:4.5rem;height:2.3rem;border-radius:58% 42% 48% 52%;background:radial-gradient(circle at 24% 42%,rgba(255,255,255,.42) 0 .18rem,transparent .2rem),radial-gradient(circle at 58% 36%,rgba(255,255,255,.36) 0 .16rem,transparent .18rem),radial-gradient(circle at 74% 62%,rgba(255,255,255,.34) 0 .15rem,transparent .17rem),#fbdf6a}.coral-fan{left:1.2rem;width:4.8rem;height:5rem;border-radius:90% 10% 80% 20%;background:repeating-linear-gradient(75deg,rgba(255,255,255,.34) 0 2px,transparent 2px 10px),#d489ff;clip-path:polygon(50% 100%,8% 18%,38% 0,58% 22%,82% 4%,94% 36%,70% 100%)}.sea-grass{width:.42rem;height:4.9rem;border-radius:999px 999px 0 0;background:#85f1df;transform-origin:bottom center}.sea-grass:before,.sea-grass:after{content:"";position:absolute;bottom:0;width:.34rem;height:3.8rem;border-radius:999px 999px 0 0;background:#2cc6a5;transform-origin:bottom center}.sea-grass:before{left:-.8rem;transform:rotate(-18deg)}.sea-grass:after{right:-.8rem;transform:rotate(20deg)}.sea-grass-one{left:8.8rem;transform:rotate(-8deg)}.sea-grass-two{left:10.3rem;height:3.8rem;transform:rotate(12deg)}.sea-floor{position:absolute;left:-4%;right:-4%;bottom:-1.4rem;height:5rem;border-radius:50% 50% 0 0;background:radial-gradient(circle at 18% 38%,#85f1df 0 .28rem,transparent .3rem),radial-gradient(circle at 72% 28%,#fbdf6a 0 .22rem,transparent .24rem),linear-gradient(180deg,#147f87,#0a4a58)}@keyframes swim{0%{transform:translate(-8rem) translateY(0)}45%{transform:translate(48vw) translateY(-.75rem)}to{transform:translate(calc(100vw + 8rem)) translateY(.55rem)}}@keyframes tail{0%{transform:rotate(-10deg)}to{transform:rotate(12deg)}}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:.8}to{transform:translateY(-26rem) translate(1.3rem);opacity:0}}@keyframes plastic-drift{0%{translate:0 0}to{translate:1.25rem -.85rem}}.mission{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,5rem);align-items:center;background:#1a447a;color:#fff}.mission .eyebrow{color:#ffffffd1}.mission p{color:#ffffffd1;font-size:1.2rem;line-height:1.55}.site-footer{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,.8fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;border-top:1px solid rgba(255,255,255,.16);background:#102f5d;color:#fff;padding:2rem clamp(1rem,5vw,5rem)}.site-footer strong{display:block;margin-bottom:.45rem;font-size:1.35rem;font-weight:600}.site-footer p{margin-bottom:0;color:#ffffffc7;font-size:1rem;line-height:1.5}.site-footer nav{justify-content:center}.site-footer nav a{color:#b8fff0;font-size:1rem;font-weight:600}.site-footer nav a:hover{background:#b8fff024;color:#fff}.footer-note{justify-self:end;text-align:right;font-weight:600}.footer-copy{margin-top:.2rem;font-weight:400;opacity:.82}@media(max-width:640px){html{scroll-padding-top:7rem}.site-header{align-items:center;flex-direction:row;gap:.5rem;padding:.65rem .75rem}.site-header:before{inset:0 0 0 auto;width:64%;height:100%;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.82) 42%,#000000 62%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.82) 42%,#000000 62%)}.brand-logo-wrap{width:clamp(8.5rem,39vw,11rem)}nav{width:auto;margin-left:auto;gap:.2rem;justify-content:flex-end}nav a{padding:.38rem .32rem;font-size:.92rem}.hero{min-height:94vh;padding:9rem 1rem 3rem}.intro-band,.method-section,.habitats{scroll-margin-top:7rem}.hero-overlay{background:linear-gradient(0deg,#041f23e6,#041f2380)}.section-copy,.method-section,.aquarium-section,.mission,.site-footer,.fact-grid,.filter-parts,.steps,.impact-strip,.habitat-grid{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.footer-note{justify-self:start;text-align:left}.intro-band .section-copy h2{margin-top:0}.aquarium{min-height:19rem}.aquarium-caption{font-size:clamp(1rem,5.5vw,1.45rem)}.polluted-caption{top:1rem;left:1rem;max-width:calc(100% - 2rem);font-size:clamp(1rem,5.5vw,1.45rem);line-height:1.05;white-space:normal}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fish,.fish-body:before,.bubble,.plastic{animation:none}.fish-one{left:12%}.fish-two{left:54%}.fish-three{left:28%}}