.ocean{background:#015871;width:100%;height:4%;position:absolute;bottom:0;left:0}.wave-test{background:url(/wave.svg) repeat-x;width:6400px;height:198px;animation:7s cubic-bezier(.36,.45,.63,.53) infinite wave;position:absolute;top:-150px;transform:translate(0,0)}.wave-test:nth-of-type(2){opacity:1;animation:7s cubic-bezier(.36,.45,.63,.53) -.125s infinite wave,7s -1.25s infinite swell;top:-127px}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translateY(-25px)}50%{transform:translateY(5px)}}:root{--ocean-deep:#224a59;--ocean-mid:#2f3e62;--purple-mid:#564059;--ocean-surface:#3290a6;--coral:#d97762;--coral-light:#e58a74;--seafoam:#26a6a6;--seafoam-dim:#26a6a62e;--gold:#f0c060;--cream:#fef8f0;--cream-dim:#fef8f099}html{scroll-behavior:smooth}body{background:var(--ocean-deep);color:var(--cream);font-family:Montserrat,sans-serif;overflow-x:hidden}.ponyo-app{background:var(--ocean-deep);min-height:100vh}nav{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#040d1af2 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.4rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--seafoam);letter-spacing:.06em;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;text-decoration:none}.nav-logo span{color:var(--coral)}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--cream-dim);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:300;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--coral-light)}#hero{background-color:#4ec9b8;background-image:url(Clouds.png);background-size:contain;justify-content:center;align-items:center;width:100%;height:100vh;animation:5s linear infinite scrolling;display:flex;position:relative;overflow:hidden}@keyframes scrolling{0%{background-position:0 0}to{background-position:110% 10px}}#globe-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;text-align:center;pointer-events:none;padding:0 2rem;position:relative}.hero-content a{pointer-events:all}.hero-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--seafoam);opacity:0;margin-bottom:1.2rem;font-size:.72rem;font-weight:300;animation:1s .5s forwards fade-up}.hero-title em{color:#e76c82;font-style:italic}.hero-sub{color:var(--cream-dim);opacity:0;max-width:460px;margin:0 auto 2.8rem;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic;font-weight:300;line-height:1.65;animation:1s 1.1s forwards fade-up}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s 1.4s forwards fade-up;display:flex}.btn-coral,.btn-ghost{letter-spacing:.06em;cursor:pointer;border-radius:50px;padding:.85rem 2.4rem;font-family:Nunito,sans-serif;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-ghost{color:var(--seafoam);background:0 0;border:1px solid #26a6a680;font-weight:400}.btn-ghost:hover{background:var(--seafoam-dim);border-color:var(--seafoam);transform:translateY(-2px)}.btn-coral{--color:#e76c82;cursor:pointer;border:2px solid var(--color);z-index:1;color:#fff;background:0 0;font-family:inherit;font-weight:600;line-height:1.5em;transition:color .5s;display:inline-block;position:relative;overflow:hidden}.btn-coral:before{content:"";z-index:-1;background:var(--color);border-radius:50%;width:300px;height:150px;transition:all .7s;position:absolute;top:100%;left:100%}.btn-coral:hover{color:#fff;transform:translateY(-2px)}.btn-coral:hover:before{top:-30px;left:-30px}.btn-coral:active:before{background:#c9556b;transition:background}.live-badge{text-align:right;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#040d1ad9;border:1px solid #4ec9b847;border-radius:14px;padding:.9rem 1.4rem;animation:1s 2s forwards fade-up;position:absolute;bottom:200px;right:3rem}.live-badge .big-num{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;line-height:1;display:block}.live-badge .label{color:var(--cream-dim);margin-top:4px;font-size:.7rem;font-weight:300;display:block}.live-badge .source{color:var(--seafoam);letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:.62rem;display:block}.live-dot{background:var(--coral);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.scroll-hint{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:6px;animation:1s 2.2s forwards fade-up;display:flex;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.scroll-hint span{letter-spacing:.3em;text-transform:uppercase;color:#fef8f04d;font-size:.6rem}.scroll-line{background:linear-gradient(#4ec9b8b3,#0000);width:1px;height:44px;animation:2.5s ease-in-out infinite line-pulse}@keyframes line-pulse{0%,to{opacity:.4}50%{opacity:1}}.hero-waves{z-index:5;height:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#map{background:linear-gradient(#0d657c, #015871, var(--ocean-mid));padding:5rem 3rem 4rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.stat-card{text-align:center;background:#0a204499;border:1px solid #4ec9b826;border-radius:18px;padding:2rem 1.5rem;transition:border-color .3s,transform .3s}.stat-card:hover{border-color:#4ec9b880;transform:translateY(-5px)}.stat-number{color:var(--gold);margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:3.2rem;font-weight:300;line-height:1}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);font-size:.78rem;font-weight:300}#pfas{background:var(--ocean-mid);padding:2rem 3rem 7rem;position:relative;overflow:hidden}.section-header{text-align:center;z-index:2;margin-bottom:3.5rem;position:relative}.section-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--seafoam);margin-bottom:1rem;font-size:.72rem;font-weight:300;display:block}.section-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300}.section-title em{color:#e76c82;font-style:italic}.features-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.4rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.jellyfish-field{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.particles-canvas--features{z-index:0;opacity:.7}.jellyfish-field:before{content:"";background:radial-gradient(#26a6a61f 0%,#26a6a60d 40%,#26a6a600 75%);width:180px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.jellyfish-float{opacity:0;filter:drop-shadow(0 8px 14px #030c1859);animation-name:jelly-rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-110px}@keyframes jelly-rise{0%{opacity:0;transform:translate(0,0)rotate(-7deg)}14%{opacity:1}45%{opacity:1;transform:translate(10px,-300px)rotate(4deg)}68%{opacity:.75;transform:translate(-8px,-520px)rotate(-5deg)}86%{opacity:.3}to{opacity:0;transform:translate(4px,-760px)rotate(3deg)}}.feature-card{color:inherit;background:#071830cc;border:1px solid #4ec9b821;border-radius:22px;padding:2.4rem;text-decoration:none;transition:border-color .3s,transform .3s,background .3s;display:block;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;border-radius:50%;width:180px;height:180px;transition:opacity .4s;position:absolute;top:-60px;right:-60px}.feature-card.coral:before{background:radial-gradient(circle,#d9776226 0%,#0000 70%)}.feature-card.teal:before{background:radial-gradient(circle,#26a6a626 0%,#0000 70%)}.feature-card.gold:before{background:radial-gradient(circle,#f0c0601f 0%,#0000 70%)}.feature-card:hover{background:#0a1e3ce6;border-color:#4ec9b873;transform:translateY(-7px)}.feature-card:hover:before{opacity:1}.feature-icon{letter-spacing:.18em;color:var(--seafoam);margin-bottom:1.4rem;font-size:.72rem;font-weight:700;display:inline-block}.feature-title{color:var(--cream);margin-bottom:.7rem;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400}.feature-desc{color:var(--cream-dim);font-size:.88rem;font-weight:300;line-height:1.75}.feature-link{letter-spacing:.14em;text-transform:uppercase;margin-top:1.6rem;padding-bottom:2px;font-size:.72rem;display:inline-block}.feature-card.coral .feature-link{color:var(--coral);border-bottom:1px solid var(--coral)}.feature-card.teal .feature-link{color:var(--seafoam);border-bottom:1px solid var(--seafoam)}.feature-card.gold .feature-link{color:var(--gold);border-bottom:1px solid var(--gold)}#resources{background:linear-gradient(180deg,#2f3e63,var(--ocean-deep)50%);text-align:center;padding:9rem 3rem;position:relative;overflow:hidden}.particles-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.quote-text{color:var(--cream);z-index:1;max-width:680px;margin:0 auto 2rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,4vw,2.6rem);font-style:italic;font-weight:300;line-height:1.55;position:relative}.quote-text:before{content:"“";color:#4ec9b826;vertical-align:-2.5rem;margin-right:.2rem;font-size:6rem;font-style:normal;line-height:0}.quote-attr{letter-spacing:.22em;text-transform:uppercase;color:var(--seafoam);z-index:1;font-size:.78rem;position:relative}#about{background:linear-gradient(180deg, var(--ocean-deep) 0%, #071428 100%)}#ponyo-msg{align-items:center;gap:4rem;max-width:1100px;margin:0 auto;padding:6rem 3rem;display:flex}.ponyo-text{flex:1}.ponyo-text h2{margin-bottom:1.2rem;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300}.ponyo-text h2 em{color:#e76c82;font-style:italic}.ponyo-text p{color:var(--cream-dim);max-width:500px;font-size:.95rem;font-weight:300;line-height:1.8}.ponyo-followup{margin-top:1rem}.ponyo-visual{border:none;border-radius:50%;flex:0 0 360px;justify-content:center;align-items:center;height:360px;display:flex;position:relative;overflow:hidden}.ponyo-fish{object-fit:contain;width:360px;height:360px;animation:3s ease-in-out infinite swim-bob}@keyframes swim-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}.footer{background:var(--ocean-deep);border-top:1px solid #4ec9b81f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;padding:3rem;display:flex}.footer-left{flex:1;min-width:250px}.footer-logo{color:var(--seafoam);margin-bottom:.5rem;font-size:1.4rem}.footer-tagline{color:var(--cream-dim);max-width:300px;font-size:.85rem;line-height:1.6}.footer-right{text-align:right;flex-direction:column;flex:1;align-items:flex-end;gap:1.2rem;min-width:250px;display:flex}.footer-title{color:var(--cream);letter-spacing:.1em;text-transform:uppercase;font-size:1rem}.person{flex-direction:column;gap:.4rem;display:flex}.person h4{color:var(--cream);margin:0;font-size:.95rem}.person-links{flex-direction:column;gap:.3rem;display:flex}.person-links a{color:#fef8f0b3;font-size:.8rem;text-decoration:none;transition:all .2s}.person-links a:hover{color:var(--seafoam);transform:translate(3px)}.people-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem;display:grid}.footer-note{text-align:center;color:#fef8f040;width:100%;margin-top:2rem;font-size:.7rem}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=768px){nav{padding:1rem 1.5rem}.nav-links{display:none}#map,#pfas,footer{padding-left:1.5rem;padding-right:1.5rem}#ponyo-msg{flex-direction:column;gap:2rem;padding:4rem 1.5rem}.ponyo-visual{flex:0 0 180px;align-self:center;height:180px}.live-badge{bottom:200px;right:1rem}}body.explore-mode{overflow:hidden}body.explore-mode nav{opacity:.18;filter:grayscale(.6);transition:opacity .5s,filter .5s}body.explore-mode nav:hover{opacity:1;filter:none}.hero-content{transition:opacity .7s,transform .7s}.hero-content--out{pointer-events:none;transform:translateY(-18px);opacity:0!important}.ui-fade-out{pointer-events:none;transition:opacity .5s;opacity:0!important}.explore-back-btn{z-index:50;color:var(--seafoam);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#040d1abf;border:1px solid #4ec9b859;border-radius:50px;padding:.6rem 1.4rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:400;transition:opacity .45s,transform .45s,background .3s,border-color .3s;position:absolute;top:5.5rem;left:3rem;transform:translateY(6px)}.explore-back-btn--visible{opacity:1;pointer-events:all;transform:translateY(0)}.explore-back-btn:hover{background:var(--seafoam-dim);border-color:var(--seafoam)}.explore-hint{letter-spacing:.22em;text-transform:uppercase;color:#4ec9b873;z-index:20;opacity:0;pointer-events:none;font-size:.68rem;transition:opacity .6s .4s;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.explore-hint--visible{opacity:1}.globe-popup{min-width:180px;max-width:240px;color:var(--cream);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#040d1ae0;border:1px solid #4ec9b859;border-radius:10px;padding:.6rem .75rem;transform:translate(-50%,-116%);box-shadow:0 10px 26px #02081273}.globe-popup__title{letter-spacing:.08em;text-transform:uppercase;color:var(--seafoam);font-size:.74rem}.globe-popup__meta{color:#fef8f0b3;margin-top:.2rem;font-size:.7rem}.globe-popup__value{color:var(--gold);margin-top:.35rem;font-size:.8rem}.globe-popup__source{letter-spacing:.08em;text-transform:uppercase;color:#fef8f080;margin-top:.3rem;font-size:.62rem}.ocean{transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .6s}.ocean.ocean--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.resources-page{color:var(--cream);padding-top:6rem;padding-left:3rem;padding-right:3rem}.waves{pointer-events:none;width:100%;height:80px;position:absolute;top:calc(90vh - 50px);left:0;overflow:visible}.waves:after{display:none}.waves svg{width:200%;height:100%;position:absolute;bottom:0;left:0}.waves.back{z-index:4}.waves.back svg{animation:12s linear infinite waveSlide}.waves.back use{fill:#4a8fa8;opacity:.7}.waves.front{z-index:6}.waves.front svg{animation:7s linear infinite waveSlide}.waves.front use{fill:#2d6b88;opacity:.95}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.boat{z-index:5;transform-origin:bottom;pointer-events:none;flex-direction:column;align-items:flex-start;transition:left .4s cubic-bezier(.25,.46,.45,.94);animation:4s ease-in-out infinite alternate bob;display:flex;position:absolute;top:calc(90vh - 6vw);left:5vw}.boat .sails{flex-direction:row;align-items:flex-end;margin-left:.96vw;display:flex}.boat .sail1{border-bottom:3.6vw solid #fff;border-left:3.2vw solid #0000;width:0;height:0;margin-right:.16vw}.boat .sail2{border-bottom:4.4vw solid #fff;border-right:4vw solid #0000;width:0;height:0}.boat .hull{background:#b22222;border-top:.16vw solid #8b0000;border-radius:0 0 4vw 4vw;width:8vw;height:2.8vw}@keyframes bob{0%{transform:rotate(-8deg)translateY(0)}to{transform:rotate(6deg)translateY(-2.5vh)}}@media (prefers-color-scheme:dark){.waves.back use{fill:#2f6a82}.waves.front use{fill:#1f4f68}.boat .hull{background:#8b0000;border-top-color:#600}.boat .sail1,.boat .sail2{border-bottom-color:#f5f5f5}}.hero-title{color:var(--cream);opacity:0;margin-bottom:1.6rem;font-family:Patrick Hand,cursive;font-size:clamp(3.5rem,9vw,7.5rem);font-style:normal;font-weight:400;line-height:1;animation:1s .8s forwards fade-up}