:root{--ink:#031016;--panel:#071b22;--line:rgba(119,219,211,.18);--aqua:#5ff4de;--muted:#91a8aa;--white:#eefcf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 70%,#093441 0,transparent 37%),linear-gradient(145deg,#020a0f,#04151b 65%,#03141d)}
.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(165,245,237,.12);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.24em;line-height:1.45}.brand b{font-weight:600}.brand-mark{width:34px;height:34px;border:1px solid rgba(95,244,222,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-10deg)}.brand-mark i{display:block;width:3px;border-radius:5px;background:var(--aqua)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:11px}.nav-links{display:flex;gap:36px;color:#a9bab9;font-size:12px}.nav-links a:hover{color:var(--aqua)}.nav-cta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:13px 18px;border:1px solid rgba(95,244,222,.32);border-radius:3px}.nav-cta span,.button span{color:var(--aqua);margin-left:12px}
.hero{min-height:calc(100vh - 86px);position:relative;padding:clamp(80px,12vh,130px) clamp(24px,5vw,76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(84,180,180,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(84,180,180,.1) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,transparent 4%,black 55%,transparent)}.hero-copy{position:relative;z-index:2}.eyebrow{font:10px monospace;letter-spacing:.18em;text-transform:uppercase;color:#9aafae}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);margin-right:8px}.hero h1{font-size:clamp(49px,6.2vw,96px);letter-spacing:-.055em;line-height:.92;margin:25px 0 28px;font-weight:450;max-width:880px}.hero h1 em{font-style:normal;color:var(--aqua)}.lede{max-width:590px;color:#a7b9b9;line-height:1.7;font-size:clamp(14px,1.25vw,18px)}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{padding:16px 20px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;border:1px solid rgba(130,220,214,.22);border-radius:3px;transition:.2s}.button.primary{background:var(--aqua);color:#03221f;border-color:var(--aqua);font-weight:700}.button.primary span{color:#03221f}.button:hover{transform:translateY(-2px)}
.mission-card{position:relative;z-index:2;width:min(100%,550px);justify-self:end;border:1px solid rgba(94,220,211,.22);background:linear-gradient(145deg,rgba(7,33,40,.72),rgba(5,18,25,.88));backdrop-filter:blur(12px);box-shadow:0 30px 100px rgba(0,0,0,.35);padding:18px}.card-head{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.12em;color:#93a8a8}.card-head span{color:var(--aqua)}.card-head i{display:inline-block;width:5px;height:5px;background:var(--aqua);border-radius:50%;box-shadow:0 0 9px var(--aqua);margin-right:6px}.sonar{height:min(44vh,430px);margin:18px 0;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(46,190,186,.16),rgba(0,0,0,0) 54%),linear-gradient(rgba(95,244,222,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(95,244,222,.07) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;border:1px solid rgba(95,244,222,.1)}.ring{position:absolute;left:50%;top:50%;border:1px solid rgba(95,244,222,.22);border-radius:50%;transform:translate(-50%,-50%)}.r1{width:30%;aspect-ratio:1}.r2{width:56%;aspect-ratio:1}.r3{width:82%;aspect-ratio:1}.sweep{position:absolute;left:50%;top:50%;width:42%;height:1px;background:linear-gradient(90deg,var(--aqua),transparent);transform-origin:left;animation:sweep 7s linear infinite}.site-dot{position:absolute;width:7px;height:7px;border:1px solid var(--aqua);border-radius:50%;box-shadow:0 0 10px var(--aqua)}.d1{left:65%;top:35%}.d2{left:36%;top:61%}.d3{left:72%;top:69%}.depth{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font:36px monospace;color:var(--white)}.depth small{font-size:10px;color:var(--aqua);margin-left:3px}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(95,244,222,.12)}.card-stats div{background:#07171d;padding:14px}.card-stats small{font:8px monospace;color:#718889;display:block;margin-bottom:7px}.card-stats b{font:12px monospace}.aqua{color:var(--aqua)}.scroll-label{position:absolute;left:clamp(24px,5vw,76px);bottom:24px;font:8px monospace;letter-spacing:.16em;color:#62797a}.scroll-label span{color:var(--aqua);margin-left:8px}@keyframes sweep{to{transform:rotate(360deg)}}
@media(max-width:850px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:72px}.mission-card{justify-self:stretch}.hero h1{font-size:clamp(48px,12vw,74px)}.sonar{height:360px}.scroll-label{display:none}}
@media(max-width:520px){.nav-wrap{height:72px}.nav-cta{padding:10px;font-size:8px}.hero{min-height:calc(100vh - 72px)}.hero-actions{flex-direction:column;align-items:stretch}.button{text-align:center}.card-stats{grid-template-columns:1fr}.sonar{height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.sweep{animation:none}}

.section{padding:130px clamp(24px,6vw,92px)}.metrics-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#031117}.metrics-strip>div{padding:38px clamp(20px,3vw,52px);border-right:1px solid var(--line)}.metrics-strip>div:last-child{border:0}.metrics-strip small{font:8px monospace;letter-spacing:.14em;color:#708789}.metrics-strip b{display:block;font-size:46px;font-weight:400;letter-spacing:-.05em;margin:13px 0 2px}.metrics-strip b span{font-size:18px;color:var(--aqua);margin-left:3px}.metrics-strip p{font-size:11px;color:#758b8d;margin:0}
.section-intro h2,.project-copy h2,.data-copy h2,.cta-section h2{font-size:clamp(44px,5.1vw,76px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:20px 0}.section-intro h2 em,.cta-section h2 em{font-style:normal;color:var(--aqua)}.section-intro>p:last-child{color:#879d9e;max-width:480px;line-height:1.7}.capabilities{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:linear-gradient(180deg,#06171d,#041219)}.cap-list{border-top:1px solid var(--line)}.cap-list article{display:grid;grid-template-columns:40px 1fr 24px;gap:20px;padding:27px 4px;border-bottom:1px solid var(--line);transition:.3s}.cap-list article:hover{padding-left:14px;background:linear-gradient(90deg,rgba(95,244,222,.05),transparent)}.cap-list>article>span,.cap-list small{font:8px monospace;letter-spacing:.12em;color:#648184}.cap-list h3{font-size:28px;font-weight:400;margin:0 0 8px}.cap-list p{font-size:13px;line-height:1.55;color:#91a4a5;margin:0 0 15px}.cap-list>article>b{font-weight:400;color:var(--aqua)}
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:780px}.project-visual{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 70% 70%,rgba(24,132,130,.35),transparent 36%),radial-gradient(ellipse at 30% 55%,rgba(22,86,94,.7),transparent 48%),linear-gradient(#082632,#04161e 64%,#071815)}.sea-haze{position:absolute;inset:0;background:linear-gradient(112deg,transparent 25%,rgba(82,239,223,.08) 27%,transparent 39%);filter:blur(6px)}.seabed{position:absolute;left:0;right:0;bottom:-5%;height:38%;background:linear-gradient(170deg,transparent 22%,#0a2623 23%);filter:drop-shadow(0 -15px 30px rgba(0,0,0,.5))}.seabed i{position:absolute;bottom:45%;display:block;width:35px;height:58px;border-radius:55% 40% 46% 50%;background:#227266;box-shadow:inset 6px 4px 13px rgba(111,255,226,.28),0 0 30px rgba(53,208,183,.12)}.seabed i:nth-child(1){left:14%;transform:scale(.7)}.seabed i:nth-child(2){left:32%;height:90px;bottom:52%}.seabed i:nth-child(3){left:48%;width:55px;height:60px}.seabed i:nth-child(4){left:67%;transform:scale(1.3)}.seabed i:nth-child(5){left:81%;height:100px}.coordinate,.visual-caption{position:absolute;font:8px monospace;letter-spacing:.12em;color:#9fb4b2}.coordinate{top:28px;left:30px}.visual-caption{left:30px;right:30px;bottom:28px;display:flex;justify-content:space-between}.visual-caption b{color:var(--aqua)}.project-copy{padding:80px clamp(35px,6vw,90px);align-content:center;background:#0a1d23}.project-copy>p:nth-of-type(2){color:#91a5a6;line-height:1.7;font-size:14px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:38px 0}.mini-metrics>div{padding:20px 10px;border-right:1px solid var(--line)}.mini-metrics>div:last-child{border:0}.mini-metrics b{font-size:26px;font-weight:400;display:block}.mini-metrics small{font:7px monospace;color:#6f8586;letter-spacing:.1em}.text-link{font:10px monospace;letter-spacing:.13em;color:var(--aqua)}.text-link span{margin-left:18px}
.flow{background:#030d12}.section-intro.compact>p:last-child{max-width:none}.flow-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:80px;border-top:1px solid var(--line)}.flow-node{position:relative;padding:26px 16px 0 0}.flow-node>span{font:8px monospace;color:#5f7778}.flow-node>i{position:absolute;right:20px;top:-10px;color:var(--aqua);font-style:normal;background:#030d12;padding:0 8px}.flow-node>b{display:block;font:12px monospace;letter-spacing:.1em;margin:28px 0 7px}.flow-node>small{color:#6e8587;font-size:10px}
.data-section{display:grid;grid-template-columns:.8fr 1.2fr;min-height:760px;background:#06151b}.data-copy{padding:130px clamp(30px,6vw,90px)}.data-copy>p:nth-of-type(2){color:#8aa0a1;line-height:1.7}.data-copy ul{list-style:none;padding:0;margin:40px 0}.data-copy li{padding:16px 0;border-top:1px solid var(--line);font-size:12px}.data-copy li span{font:8px monospace;color:var(--aqua);margin-right:20px}.terrain-ui{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,rgba(19,130,126,.3),transparent 50%),linear-gradient(#04151c,#020b0f)}.terrain-ui:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,244,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(95,244,222,.06) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(55deg) scale(1.4)}.terrain-lines{position:absolute;inset:32% 8% 16%;transform:skewY(-9deg)}.terrain-lines i{display:block;height:11%;border-top:1px solid rgba(95,244,222,.3);border-radius:45%;transform:translateX(var(--x,0))}.terrain-lines i:nth-child(2n){width:80%;margin-left:10%}.terrain-lines i:nth-child(3n){width:65%;margin-left:22%}.scanbar{position:absolute;left:10%;right:10%;top:48%;height:1px;background:var(--aqua);box-shadow:0 0 24px var(--aqua);animation:scan 5s ease-in-out infinite}.terrain-hud{position:absolute;top:30px;right:30px;border:1px solid var(--line);background:rgba(3,17,23,.75);padding:18px;min-width:180px}.terrain-hud span,.terrain-hud em{font:8px monospace;letter-spacing:.1em;color:#6e898a;display:block}.terrain-hud b{display:block;font:36px monospace;margin:8px 0;color:var(--aqua)}.terrain-hud b small{font-size:12px}.terrain-hud em{font-style:normal}.terrain-scale{position:absolute;bottom:28px;left:30px;right:30px;font:8px monospace;color:#799090;display:flex;align-items:center;gap:12px}.terrain-scale span{height:1px;background:var(--line);flex:1}@keyframes scan{50%{top:72%}}
.applications{background:#041218}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line)}.app-grid article{padding:30px;min-height:260px;border-right:1px solid var(--line);transition:.3s}.app-grid article:last-child{border:0}.app-grid article:hover{background:rgba(95,244,222,.05);transform:translateY(-5px)}.app-grid span{font:8px monospace;color:var(--aqua)}.app-grid h3{font-size:23px;font-weight:400;margin:70px 0 15px}.app-grid p{font-size:12px;color:#839899;line-height:1.6}
.partners{padding:55px clamp(24px,6vw,92px);border-block:1px solid var(--line);background:#06171d}.partners>p{font:8px monospace;letter-spacing:.16em;color:#647c7d;text-align:center;margin-bottom:34px}.partners>div{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,68px);flex-wrap:wrap}.partners b{font-size:10px;letter-spacing:.08em;color:#879b9c}.cta-section{text-align:center;padding:150px 24px;background:radial-gradient(circle at 50% 100%,#0c4e4a,transparent 52%),#020c11}.cta-section .eyebrow{justify-content:center}.cta-section .button{display:inline-block;margin-top:30px}footer{padding:55px clamp(24px,6vw,92px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line);background:#020a0e}footer>p{font-size:11px;color:#6f8586}footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:10px;color:#879b9b}footer>div a{color:var(--aqua)}
@media(max-width:900px){.metrics-strip{grid-template-columns:repeat(2,1fr)}.metrics-strip>div:nth-child(2){border-right:0}.metrics-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.capabilities,.project-feature,.data-section{grid-template-columns:1fr}.project-visual{min-height:580px}.flow-line{grid-template-columns:1fr 1fr}.flow-node:last-child{grid-column:1/-1}.app-grid{grid-template-columns:1fr 1fr}.app-grid article:nth-child(2){border-right:0}.app-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr;gap:30px}footer>div{align-items:flex-start}}
@media(max-width:560px){.section{padding:90px 24px}.metrics-strip{grid-template-columns:1fr}.metrics-strip>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.capabilities{gap:60px}.project-visual{min-height:440px}.project-copy{padding:70px 24px}.flow-line,.app-grid{grid-template-columns:1fr}.app-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:210px}.app-grid h3{margin-top:45px}.terrain-ui{min-height:520px}.data-copy{padding:90px 24px}.partners>div{flex-direction:column}.cta-section{padding:100px 24px}.mini-metrics b{font-size:22px}}

.apollo{background:#020c11;color:var(--white)}.apollo-nav{position:absolute;inset:0 0 auto;z-index:20;background:rgba(2,12,17,.4);backdrop-filter:blur(10px)}.mission-status{font:9px monospace;letter-spacing:.12em;color:#8ea5a5}.mission-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);margin-right:7px}.apollo-hero{min-height:100vh;display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;padding:160px clamp(24px,6vw,92px) 110px;overflow:hidden;background:radial-gradient(ellipse at 65% 100%,rgba(17,124,122,.44),transparent 43%),linear-gradient(#03131c,#061b24 55%,#06201f)}.apollo-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:25%;background:linear-gradient(173deg,transparent 31%,#092725 32%)}.mission-index{position:absolute;top:125px;left:clamp(24px,6vw,92px);font:9px monospace;letter-spacing:.12em;color:#788e8f}.mission-index span{display:inline-block;width:80px;height:1px;background:var(--line);margin:0 15px;vertical-align:middle}.apollo-hero>div:nth-of-type(3){position:relative;z-index:2}.apollo-hero h1{font-size:clamp(64px,10vw,155px);line-height:.76;letter-spacing:-.075em;margin:26px 0 40px;font-weight:420}.apollo-hero h1 em{font-style:normal;color:var(--aqua)}.apollo-hero>div>p:last-child{color:#9bb0b0;max-width:500px;line-height:1.65}.depth-column{position:absolute!important;right:clamp(24px,6vw,92px);top:23%;bottom:22%;width:140px;display:flex;flex-direction:column;align-items:flex-end;z-index:3}.depth-column>div{text-align:right}.depth-column small{font:7px monospace;color:#698081;display:block}.depth-column b{font:23px monospace;font-weight:400}.depth-column span{width:1px;flex:1;background:linear-gradient(var(--line),var(--aqua));margin:14px 18px}.dive-link{position:absolute;right:clamp(24px,6vw,92px);bottom:54px;z-index:4;font:9px monospace;letter-spacing:.15em}.dive-link b{color:var(--aqua);font-size:16px;margin-left:15px}
.mission-brief{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;padding:130px clamp(24px,6vw,92px);background:#06171d}.mission-brief h2,.explorer-head h2,.timeline h2,.impact>h2,.next-mission h2{font-size:clamp(45px,5.2vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:20px 0}.mission-brief>div:nth-child(2)>p{font-size:17px;color:#a0b3b3;line-height:1.8;max-width:700px}.brief-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-block:1px solid var(--line)}.brief-stats>div{padding:22px 12px;border-right:1px solid var(--line)}.brief-stats>div:last-child{border:0}.brief-stats b{font:30px monospace;font-weight:400;display:block}.brief-stats small{font:7px monospace;color:#708889}
.explorer-section{padding:130px clamp(24px,6vw,92px);background:#020d12}.explorer-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw}.explorer-head>p{max-width:620px;color:#82999a;line-height:1.7}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:820px;margin-top:70px;border:1px solid var(--line)}.map-panel{position:relative;padding:68px 58px;background:radial-gradient(circle at 50% 50%,rgba(42,143,138,.13),transparent 50%),linear-gradient(rgba(95,244,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(95,244,222,.035) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.map-toolbar{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;font:10px monospace;color:#71898a}.map-toolbar span:last-child{color:var(--aqua)}.map-toolbar i{display:inline-block;width:5px;height:5px;background:var(--aqua);border-radius:50%}.mat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(8px,1.1vw,16px);height:100%}.mat-grid button{appearance:none;border:1px solid rgba(95,244,222,.18);background:rgba(5,26,31,.72);min-width:0;position:relative;color:#708788;cursor:pointer;transition:.2s}.mat-grid button:hover,.mat-grid button:focus-visible{border-color:rgba(95,244,222,.75);outline:none;background:rgba(35,91,88,.22)}.mat-grid button.active{border-color:var(--aqua);background:rgba(48,161,150,.16);box-shadow:0 0 22px rgba(95,244,222,.12)}.mat-grid button>.atlas-icon{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%)}.mat-grid button>b{position:absolute;left:7px;bottom:6px;font:9px monospace;font-weight:400}.map-axis{position:absolute;font:9px monospace;letter-spacing:.15em;color:#4d6668}.map-axis.x{bottom:25px;left:75px;right:45px;display:flex;justify-content:space-around}.map-axis.y{left:28px;top:80px;bottom:70px;display:flex;flex-direction:column;justify-content:space-around;line-height:1}
.sample-panel{padding:28px;background:#071a20;border-left:1px solid var(--line);position:relative}.sample-label{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.1em;color:#72898a}.sample-label b{color:var(--aqua)}.specimen{height:260px;position:relative;margin:22px 0;background:radial-gradient(circle at 50% 62%,rgba(40,138,132,.22),transparent 54%);border:1px solid rgba(95,244,222,.1);display:grid;place-items:center;overflow:hidden}.specimen:after{content:"";position:absolute;left:20%;right:20%;bottom:12%;height:9%;background:#153735;border-radius:50%;filter:blur(7px)}.sample-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.sample-title small{font:11px monospace;color:var(--aqua)}.sample-title h3{font-size:29px;line-height:1.05;font-weight:400;margin:8px 0}.sample-title em{font-size:14px;color:#b6c5c3}.sample-title>span{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 12px currentColor}.sample-panel>p{font-size:14px;color:#8ea2a2;line-height:1.65}.species-fact{margin:20px 0;padding:15px 16px;border-left:2px solid var(--aqua);background:rgba(95,244,222,.045)}.species-fact small{font:10px monospace;letter-spacing:.12em;color:var(--aqua)}.species-fact p{font-size:13px;line-height:1.55;color:#a6b7b5;margin:8px 0 0}.sample-panel dl{margin:20px 0 14px}.sample-panel dl>div{display:flex;justify-content:space-between;gap:22px;padding:12px 0;border-top:1px solid var(--line)}.sample-panel dt,.sample-panel dd{font:11px/1.4 monospace}.sample-panel dt{color:#678081}.sample-panel dd{margin:0;color:#c1d0cd;max-width:62%;text-align:right}.profile-source{display:inline-block;margin-top:2px;color:var(--aqua);font:11px monospace;letter-spacing:.06em}.profile-source:hover{text-decoration:underline}.atlas-note{max-width:950px;margin:24px 0 0;color:#668082;font:11px/1.6 monospace}
.atlas-icon{--edge:color-mix(in srgb,var(--species),#001318 28%);position:relative;display:block;width:42px;height:42px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--species),transparent 45%))}.atlas-icon i{position:absolute;display:block;background:linear-gradient(90deg,var(--edge),var(--species));border:1px solid color-mix(in srgb,var(--species),#fff 18%);transform-origin:bottom center}.atlas-icon.large{width:220px;height:190px;z-index:1;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--species),transparent 48%))}.atlas-icon.large i{border-width:2px}
.shape-halfmoon i:first-child{left:8%;bottom:8%;width:84%;height:62%;border-radius:70% 70% 12% 12%;clip-path:polygon(5% 100%,15% 26%,50% 0,85% 26%,95% 100%)}.shape-halfmoon i:nth-child(n+2){width:8%;height:8%;bottom:33%;border:0;border-radius:50%;background:#173333}.shape-halfmoon i:nth-child(2){left:23%}.shape-halfmoon i:nth-child(3){left:39%;bottom:44%}.shape-halfmoon i:nth-child(4){left:55%;bottom:44%}.shape-halfmoon i:nth-child(5){left:70%}
.shape-hand i{bottom:9%;width:16%;border-radius:70% 70% 18% 18%}.shape-hand i:nth-child(1){left:12%;height:52%;transform:rotate(-25deg)}.shape-hand i:nth-child(2){left:28%;height:72%;transform:rotate(-10deg)}.shape-hand i:nth-child(3){left:45%;height:88%}.shape-hand i:nth-child(4){left:61%;height:68%;transform:rotate(12deg)}.shape-hand i:nth-child(5){left:76%;height:48%;transform:rotate(25deg)}.shape-hand i:nth-child(6){left:24%;bottom:5%;width:58%;height:26%;border-radius:50% 50% 18% 18%}
.shape-branch i:first-child{left:42%;bottom:5%;width:18%;height:82%;border-radius:70% 70% 14% 14%}.shape-branch i:nth-child(n+2){left:45%;bottom:34%;width:14%;height:48%;border-radius:70% 70% 14% 14%}.shape-branch i:nth-child(2){transform:rotate(-48deg)}.shape-branch i:nth-child(3){transform:rotate(48deg)}.shape-branch i:nth-child(4){bottom:18%;transform:rotate(-62deg);height:40%}.shape-branch i:nth-child(5){bottom:17%;transform:rotate(62deg);height:38%}
.shape-cactus i:first-child,.shape-violet i:first-child,.shape-rose i:first-child{left:6%;bottom:7%;width:88%;height:38%;border-radius:48% 52% 20% 18%}.shape-cactus i:nth-child(n+2),.shape-rose i:nth-child(n+2){bottom:28%;width:12%;height:42%;border-radius:70% 70% 15% 15%}.shape-cactus i:nth-child(2),.shape-rose i:nth-child(2){left:16%;height:31%}.shape-cactus i:nth-child(3),.shape-rose i:nth-child(3){left:33%;height:48%}.shape-cactus i:nth-child(4),.shape-rose i:nth-child(4){left:52%;height:38%}.shape-cactus i:nth-child(5),.shape-rose i:nth-child(5){left:70%;height:53%}.shape-cactus i:nth-child(6),.shape-rose i:nth-child(6){left:82%;height:29%}.shape-rose i{border-radius:60% 60% 22% 22%}.shape-violet i:nth-child(n+2){left:14%;bottom:19%;width:70%;height:5%;border:0;border-radius:50%;background:color-mix(in srgb,var(--species),#fff 18%);transform:rotate(var(--r,0deg))}.shape-violet i:nth-child(3){--r:12deg;bottom:31%}.shape-violet i:nth-child(4){--r:-10deg;bottom:43%}
.shape-nodular i,.shape-bulbous i{border-radius:50%}.shape-nodular i:nth-child(1){left:8%;bottom:8%;width:48%;height:55%}.shape-nodular i:nth-child(2){left:39%;bottom:8%;width:54%;height:70%}.shape-nodular i:nth-child(3){left:25%;bottom:30%;width:44%;height:58%}.shape-nodular i:nth-child(n+4){width:8%;height:8%;border:0;background:#183333;bottom:55%}.shape-nodular i:nth-child(4){left:38%}.shape-nodular i:nth-child(5){left:55%}.shape-nodular i:nth-child(6){left:68%}.shape-bulbous i:nth-child(1){left:4%;bottom:7%;width:43%;height:55%}.shape-bulbous i:nth-child(2){left:28%;bottom:7%;width:47%;height:78%}.shape-bulbous i:nth-child(3){left:59%;bottom:7%;width:37%;height:48%}.shape-bulbous i:nth-child(n+4){width:7%;height:7%;border:0;background:#183333;bottom:59%}.shape-bulbous i:nth-child(4){left:39%}.shape-bulbous i:nth-child(5){left:52%}
.shape-honeycomb i:first-child{left:4%;bottom:7%;width:92%;height:72%;border-radius:48% 52% 23% 20%}.shape-honeycomb i:nth-child(n+2){width:15%;height:15%;border:0;border-radius:50%;background:#173233}.shape-honeycomb i:nth-child(2){left:17%;bottom:29%}.shape-honeycomb i:nth-child(3){left:40%;bottom:46%}.shape-honeycomb i:nth-child(4){left:66%;bottom:31%}.shape-honeycomb i:nth-child(5){left:65%;bottom:56%}.shape-honeycomb i:nth-child(6){left:35%;bottom:19%}
.shape-ridge i:first-child{left:4%;bottom:8%;width:92%;height:55%;border-radius:55% 45% 18% 22%}.shape-ridge i:nth-child(n+2){left:13%;bottom:21%;width:75%;height:6%;border:0;border-radius:50%;background:color-mix(in srgb,var(--species),#fff 18%);transform:rotate(var(--r,0deg))}.shape-ridge i:nth-child(3){bottom:34%;--r:-8deg}.shape-ridge i:nth-child(4){bottom:47%;--r:7deg}
.shape-golfball i:first-child{left:13%;bottom:5%;width:74%;height:78%;border-radius:48%}.shape-golfball i:nth-child(n+2){width:6%;height:6%;border:0;border-radius:50%;background:color-mix(in srgb,var(--species),#001318 30%)}.shape-golfball i:nth-child(2){left:31%;bottom:47%}.shape-golfball i:nth-child(3){left:55%;bottom:62%}.shape-golfball i:nth-child(4){left:65%;bottom:35%}.shape-golfball i:nth-child(5){left:41%;bottom:22%}
.shape-cathedral i{bottom:7%;border-radius:70% 70% 10% 10%}.shape-cathedral i:nth-child(1){left:8%;width:28%;height:55%;transform:rotate(-12deg)}.shape-cathedral i:nth-child(2){left:35%;width:30%;height:87%}.shape-cathedral i:nth-child(3){left:64%;width:27%;height:62%;transform:rotate(12deg)}.shape-cathedral i:nth-child(n+4){width:7%;height:7%;border:0;border-radius:50%;background:#173333;bottom:28%}.shape-cathedral i:nth-child(4){left:20%}.shape-cathedral i:nth-child(5){left:47%}.shape-cathedral i:nth-child(6){left:76%}
.shape-tubes i,.shape-oceanapia i,.shape-sycon i,.shape-fingers i{bottom:7%;border-radius:55% 55% 14% 14%}.shape-tubes i:nth-child(1){left:17%;width:21%;height:66%}.shape-tubes i:nth-child(2){left:40%;width:23%;height:88%}.shape-tubes i:nth-child(3){left:65%;width:20%;height:58%}.shape-oceanapia i:first-child{left:12%;width:76%;height:38%;border-radius:50%}.shape-oceanapia i:nth-child(2){left:23%;width:16%;height:62%}.shape-oceanapia i:nth-child(3){left:44%;width:17%;height:83%}.shape-oceanapia i:nth-child(4){left:67%;width:15%;height:53%}.shape-sycon i{width:10%}.shape-sycon i:nth-child(1){left:12%;height:43%}.shape-sycon i:nth-child(2){left:27%;height:66%}.shape-sycon i:nth-child(3){left:42%;height:52%}.shape-sycon i:nth-child(4){left:57%;height:80%}.shape-sycon i:nth-child(5){left:72%;height:59%}.shape-sycon i:nth-child(6){left:84%;height:37%}.shape-fingers i{width:14%}.shape-fingers i:nth-child(1){left:8%;height:43%;transform:rotate(-13deg)}.shape-fingers i:nth-child(2){left:24%;height:67%;transform:rotate(-6deg)}.shape-fingers i:nth-child(3){left:41%;height:83%}.shape-fingers i:nth-child(4){left:58%;height:62%;transform:rotate(7deg)}.shape-fingers i:nth-child(5){left:75%;height:48%;transform:rotate(13deg)}
.species-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:22px;background:var(--line);border:1px solid var(--line)}.species-legend button{appearance:none;border:0;background:#06171d;color:#93a7a6;min-height:72px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.species-legend button:hover,.species-legend button:focus-visible{outline:none;background:#0a2529;color:var(--white)}.species-legend .atlas-icon{width:34px;height:34px;flex:0 0 34px}.species-legend span{font:11px/1.35 monospace}.species-legend b{display:block;color:var(--aqua);font-size:9px;margin-bottom:4px}
.story{display:grid;grid-template-columns:1.15fr .85fr;min-height:850px;background:#06171d}.story-visual{position:sticky;top:0;height:100vh;overflow:hidden;background:linear-gradient(#0a3547,#071d28 60%,#091a18)}.ocean-layer{position:absolute;inset:0}.ocean-layer.surface{height:2px;top:8%;background:rgba(146,244,234,.55);box-shadow:0 0 45px 10px rgba(95,244,222,.18)}.ocean-layer.middle{background:linear-gradient(112deg,transparent 20%,rgba(76,225,215,.07) 25%,transparent 38%)}.ocean-layer.floor{top:auto;height:28%;bottom:0;background:linear-gradient(170deg,transparent 20%,#12352e 21%)}.ocean-layer.floor i{position:absolute;bottom:40%;width:40px;height:75px;border-radius:50% 45% 30%;background:#378978}.ocean-layer.floor i:nth-child(1){left:25%}.ocean-layer.floor i:nth-child(2){left:47%;height:120px}.ocean-layer.floor i:nth-child(3){left:70%;transform:scale(.7)}.depth-readout{position:absolute;right:30px;bottom:30px;font:40px monospace}.depth-readout small{font-size:8px;color:var(--aqua)}.story-copy{padding:130px clamp(30px,6vw,85px)}.story-step{position:relative;padding:30px 0 30px 48px;border-left:1px solid var(--line);opacity:.4}.story-step.active{opacity:1;border-color:var(--aqua)}.story-step>span{position:absolute;left:-11px;top:35px;background:#06171d;padding:5px;font:8px monospace;color:var(--aqua)}.story-step h3{font-size:34px;font-weight:400;margin:0 0 10px}.story-step p{font-size:13px;color:#8ca0a1;line-height:1.7}
.timeline{display:grid;grid-template-columns:.75fr 1.25fr;min-height:820px;background:#020c11}.timeline-copy{padding:120px clamp(30px,6vw,80px)}.timeline-copy>p:nth-of-type(2){color:#849a9b;line-height:1.7}.time-controls{margin-top:45px;border-top:1px solid var(--line)}.time-controls button{width:100%;display:grid;grid-template-columns:45px 1fr;text-align:left;padding:15px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:#789091;cursor:pointer}.time-controls button span{font:10px monospace}.time-controls button.active{color:var(--aqua);padding-left:12px}.time-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 65%,rgba(20,112,106,.22),transparent 45%),linear-gradient(rgba(95,244,222,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(95,244,222,.05) 1px,transparent 1px),#041219;background-size:auto,50px 50px,50px 50px}.time-hud{position:absolute;left:28px;top:28px;font:11px monospace;color:#668082}.time-hud b{display:block;margin-top:8px;color:var(--aqua);letter-spacing:.14em}.before-after{position:absolute;inset:10% 5% 17%;perspective:900px}.concrete-mat{position:absolute;left:5%;right:5%;bottom:7%;height:48%;transform:rotateX(56deg);transform-origin:50% 100%;border:2px solid #82908b;background:radial-gradient(circle at 15% 22%,#9ea8a3 0 2px,transparent 3px),radial-gradient(circle at 68% 67%,#596762 0 3px,transparent 4px),radial-gradient(circle at 84% 28%,#b3bbb6 0 2px,transparent 3px),repeating-linear-gradient(19deg,rgba(255,255,255,.04) 0 3px,transparent 3px 12px),linear-gradient(145deg,#89948e,#626f6b 56%,#4c5b57);background-size:64px 58px,91px 76px,73px 81px,auto,auto;box-shadow:0 18px 0 #384744,0 25px 32px rgba(0,0,0,.5),inset 0 0 0 9px rgba(35,49,47,.28);transition:filter .8s ease}.concrete-mat:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.6%,rgba(34,49,47,.45) 50%,transparent 50.4%),linear-gradient(transparent 49.6%,rgba(34,49,47,.45) 50%,transparent 50.4%);box-shadow:inset 0 0 28px rgba(5,18,19,.5)}.concrete-mat:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 25%,rgba(47,112,96,.55),transparent 9%),radial-gradient(circle at 72% 63%,rgba(47,112,96,.42),transparent 12%),radial-gradient(circle at 57% 34%,rgba(61,135,113,.35),transparent 10%);opacity:0;transition:opacity .9s ease}.concrete-mat>span{position:absolute;width:18px;height:18px;border-radius:50%;border:4px solid #3f4d49;background:#172a29;box-shadow:inset 0 0 0 3px #697671,0 2px 5px rgba(0,0,0,.4);z-index:2}.concrete-mat>span:nth-child(1){left:4%;top:7%}.concrete-mat>span:nth-child(2){right:4%;top:7%}.concrete-mat>span:nth-child(3){left:4%;bottom:7%}.concrete-mat>span:nth-child(4){right:4%;bottom:7%}.mat-id{position:absolute;right:4%;bottom:5%;z-index:3;color:#263b38;font:700 11px monospace;letter-spacing:.08em}.growth-sponges{position:absolute;inset:1% 4% 8%;z-index:5}.growth-specimen{--growth:.05;position:absolute;width:70px;height:70px;transform:translateX(-50%) scale(var(--growth));transform-origin:50% 88%;opacity:.08;transition:transform 900ms cubic-bezier(.2,.85,.25,1) var(--delay),opacity 550ms ease var(--delay);filter:saturate(.85)}.growth-specimen .atlas-icon{width:70px;height:70px;transform:scale(var(--mature));transform-origin:50% 100%}.t0 .growth-specimen{--growth:.05;opacity:.06}.t1 .growth-specimen{--growth:.34;opacity:.88}.t2 .growth-specimen{--growth:.68;opacity:1;filter:saturate(1)}.t3 .growth-specimen{--growth:1;opacity:1;filter:saturate(1.12)}.t2 .concrete-mat:after{opacity:.35}.t3 .concrete-mat:after{opacity:.72}.t3 .growth-specimen .atlas-icon{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--species),transparent 48%))}.growth-score{position:absolute;right:28px;bottom:28px;width:220px;padding:18px;border:1px solid var(--line);background:rgba(2,14,18,.88);z-index:8}.growth-score>span,.growth-score>em{font:10px monospace;color:#6b8384;display:block;font-style:normal}.growth-score>b{font:34px monospace;display:block;margin:8px 0}.growth-score>b small{font-size:11px;color:#6c8586}.growth-score>div{height:2px;background:#173536;margin-bottom:10px}.growth-score>div i{display:block;height:100%;background:var(--aqua);transition:1s}
.impact{padding:130px clamp(24px,6vw,92px);background:#071a20}.impact>h2 em{font-style:normal;color:var(--aqua)}.impact>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.impact article{padding:28px 24px 10px 0}.impact article span{font:8px monospace;color:var(--aqua)}.impact h3{font:14px monospace;letter-spacing:.1em;margin:55px 0 12px}.impact article p{font-size:12px;color:#819697;line-height:1.65}.mission-partners{padding:55px clamp(24px,6vw,92px);border-block:1px solid var(--line);text-align:center}.mission-partners>p{font:8px monospace;color:#627b7c;letter-spacing:.15em}.mission-partners>div{display:flex;justify-content:center;flex-wrap:wrap;gap:24px 45px;margin-top:30px}.mission-partners b{font-size:10px;color:#8da0a1}.next-mission{text-align:center;padding:150px 24px;background:radial-gradient(circle at 50% 100%,#0c4e4a,transparent 53%),#020c11}.next-mission .eyebrow{justify-content:center}.next-mission .button{display:inline-block;margin-top:30px}
@media(max-width:900px){.apollo-hero{grid-template-columns:1fr}.depth-column{display:none}.apollo-hero h1{font-size:clamp(66px,16vw,120px)}.mission-brief,.explorer-head,.story,.timeline{grid-template-columns:1fr}.explorer{grid-template-columns:1fr}.sample-panel{border-left:0;border-top:1px solid var(--line)}.specimen{max-width:500px;margin-inline:auto}.story-visual{position:relative;height:650px}.time-visual{min-height:650px}.impact>div{grid-template-columns:1fr 1fr}.mission-status{display:none}}
@media(max-width:600px){.apollo-hero{padding-bottom:90px}.apollo-hero h1{font-size:16vw}.mission-brief,.explorer-section,.impact{padding:90px 24px}.brief-stats{grid-template-columns:1fr 1fr}.brief-stats>div:nth-child(2){border-right:0}.brief-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.explorer{margin-top:45px}.map-panel{padding:55px 28px;overflow-x:auto}.mat-grid{min-width:520px;min-height:480px}.map-axis{display:none!important}.legend{flex-wrap:wrap}.story-visual{height:480px}.story-copy,.timeline-copy{padding:90px 24px}.time-visual{min-height:540px}.impact>div{grid-template-columns:1fr}.mission-partners>div{flex-direction:column}.next-mission{padding:100px 24px}}
@media(max-width:900px){.species-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-panel{padding:32px}.specimen{height:320px}}
@media(max-width:600px){.species-legend{grid-template-columns:1fr}.sample-panel{padding:24px}.specimen{height:250px}.atlas-icon.large{width:190px;height:165px}.sample-title h3{font-size:25px}.sample-panel dl>div{align-items:flex-start}.sample-panel dd{max-width:58%}}

/* Apollo deployment mini-game */
.project-visual{min-height:720px;background:#06151b;padding:18px}.pixel-game{position:relative;width:100%;height:100%;min-height:684px;overflow:hidden;background:linear-gradient(#79cce0 0 17%,#167a9b 17% 27%,#075875 48%,#053b50 70%,#032c39 88%);image-rendering:pixelated;border:3px solid #0e2830;box-shadow:inset 0 0 0 3px #15414a;font-family:var(--font-geist-mono),monospace}.pixel-game:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.055) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.pixel-sky{position:absolute;inset:0 0 auto;height:17%;background:linear-gradient(#72c9de,#a7dbe5)}.pixel-sky i{position:absolute;width:40px;height:8px;background:#e3f2ed;box-shadow:8px -8px #e3f2ed,24px 0 #e3f2ed}.pixel-sky i:nth-child(1){left:8%;top:32%}.pixel-sky i:nth-child(2){right:12%;top:18%;transform:scale(.7)}.pixel-sky i:nth-child(3){left:55%;top:60%;transform:scale(.45)}.pixel-waterline{position:absolute;left:0;right:0;top:17%;height:22px;background:#0b7695;border-top:5px solid #d2f0ed;z-index:3}.pixel-waterline i{position:absolute;top:-8px;width:70px;height:6px;background:#f1fbf6}.pixel-waterline i:nth-child(1){left:1%}.pixel-waterline i:nth-child(2){left:23%}.pixel-waterline i:nth-child(3){left:49%}.pixel-waterline i:nth-child(4){left:69%}.pixel-waterline i:nth-child(5){right:-2%}
.pixel-boat{position:absolute;top:6%;left:50%;width:230px;height:96px;transform:translateX(-50%);z-index:7;animation:boatBob 2.2s steps(2,end) infinite}.boat-hull{position:absolute;left:18px;bottom:7px;width:200px;height:38px;background:#e5eee7;clip-path:polygon(0 0,100% 0,83% 100%,18% 100%);border-top:8px solid #16343b;box-shadow:inset 0 -11px #ef6b4f}.boat-cabin{position:absolute;left:72px;bottom:45px;width:75px;height:34px;background:#f0eee3;box-shadow:inset 0 0 0 7px #e8a94b}.boat-mast{position:absolute;left:142px;bottom:75px;width:7px;height:58px;background:#18353a}.boat-boom{position:absolute;left:145px;bottom:126px;width:73px;height:7px;background:#18353a;transform:rotate(17deg);transform-origin:left}.boat-window{position:absolute;bottom:59px;width:18px;height:12px;background:#255e6c;z-index:2}.boat-window.w1{left:82px}.boat-window.w2{left:110px}.boat-name{position:absolute;left:50%;top:62px;width:158px;transform:translateX(-50%);z-index:3;text-align:center;white-space:nowrap;color:#17343b;font:700 7px/1 var(--font-geist-mono),monospace;letter-spacing:-.02em}.boat-name small{display:block;margin-top:3px;color:#b3483f;font:700 6px/1 var(--font-geist-mono),monospace;letter-spacing:.22em;text-transform:uppercase}@keyframes boatBob{50%{transform:translate(-50%,3px) rotate(.5deg)}}
.pixel-cable{position:absolute;left:calc(50% + 68px);top:12%;width:4px;background:#142d32;z-index:5;transition:height .18s steps(3,end);box-shadow:2px 0 #46625f}.pixel-mat{position:absolute;left:calc(50% + 18px);width:104px;height:54px;z-index:6;transition:top .18s steps(3,end);transform:translateX(-50%)}.mat-block{position:absolute;left:0;right:0;bottom:0;height:19px;background:#8b9891;box-shadow:inset 0 -7px #505d59,6px 6px 0 rgba(0,0,0,.25)}.sponge{position:absolute;bottom:19px;width:13px;background:#ff9e62;border:3px solid #d25d47}.sponge:after{content:"";position:absolute;left:2px;top:-5px;width:4px;height:4px;background:#ffd179}.sp1{left:13px;height:25px}.sp2{left:33px;height:35px;background:#60d6af;border-color:#22947d}.sp3{left:57px;height:22px;background:#f2d35e;border-color:#c48c37}.sp4{left:77px;height:31px;background:#e884a3;border-color:#a74868}
.pixel-depth-scale{position:absolute;left:20px;top:20%;bottom:10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#a8d8d6;font-size:9px;z-index:4}.pixel-depth-scale i{width:18px;height:3px;background:#83bab8}.pixel-fish{position:absolute;color:#77c8b8;font-size:18px;opacity:.55;z-index:2;animation:fishMove 10s steps(10,end) infinite}.fish-one{left:15%;top:48%}.fish-two{left:77%;top:67%;animation-delay:-4s;transform:scale(.65)}@keyframes fishMove{50%{transform:translateX(60px)}}.pixel-bubbles{position:absolute;right:19%;top:38%}.pixel-bubbles i{display:block;width:7px;height:7px;border:2px solid #76bdb9;margin:15px;animation:bubble 3s steps(5,end) infinite}.pixel-bubbles i:nth-child(2){margin-left:-5px;animation-delay:-1s}.pixel-bubbles i:nth-child(3){margin-left:8px;animation-delay:-2s}@keyframes bubble{to{transform:translateY(-60px);opacity:0}}
.pixel-floor{position:absolute;left:0;right:0;bottom:0;height:12%;background:#183f37;border-top:8px solid #2a6050;z-index:3}.pixel-floor:before{content:"";position:absolute;inset:-14px 0 auto;height:8px;background:repeating-linear-gradient(90deg,#456b58 0 20px,#2e5849 20px 42px)}.pixel-floor i{position:absolute;bottom:100%;width:10px;height:22px;background:#55b18b}.pixel-floor i:nth-child(1){left:10%}.pixel-floor i:nth-child(2){left:20%;height:12px}.pixel-floor i:nth-child(3){left:72%;height:28px}.pixel-floor i:nth-child(4){left:82%;height:18px}.pixel-floor i:nth-child(5){left:88%;height:33px}.pixel-floor i:nth-child(6){left:35%;height:17px}
.game-hud{position:absolute;top:22%;left:54px;right:18px;display:flex;justify-content:space-between;z-index:8;pointer-events:none}.game-hud>div{background:#042d3b;border:3px solid #71c7bd;box-shadow:4px 4px 0 rgba(0,0,0,.28);padding:9px 12px}.game-hud small,.game-hud b{display:block}.game-hud small{font-size:7px;letter-spacing:.12em;color:#86bdb8}.game-hud b{font-size:17px;color:#eff5df;margin-top:4px}.game-hud b span{font-size:8px;color:#71e0c6}.game-hud b.complete{color:#73f2bd}.game-message{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:9;text-align:center;background:#04232d;border:3px solid #6dbea9;padding:10px 18px;box-shadow:5px 5px 0 rgba(0,0,0,.28);white-space:nowrap}.game-message b,.game-message span{display:block}.game-message b{font-size:10px;color:#f3e6a6;letter-spacing:.08em}.game-message span{font-size:7px;color:#83aaa8;margin-top:5px}.is-landed .game-message{border-color:#6ee2aa}.is-landed .game-message b{color:#74f2b8}
.game-controls{position:absolute;right:18px;bottom:18px;z-index:10;display:flex;gap:7px}.game-controls button{width:62px;height:48px;border:3px solid #8db8af;background:#173d46;color:#eaf5df;font:15px monospace;cursor:pointer;box-shadow:4px 4px 0 #031a21}.game-controls button span{display:block;font-size:7px;margin-top:2px}.game-controls button.lower{background:#e2b852;color:#17302f;border-color:#ffdf77}.game-controls button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #031a21}.game-controls button:disabled{opacity:.35;cursor:not-allowed}.game-tip{position:absolute;left:18px;bottom:18px;z-index:8;font-size:7px;color:#779d9c}.game-tip kbd{display:inline-block;padding:3px 5px;margin-left:4px;border:2px solid #587e7b;background:#0a303a;color:#d9ede4;box-shadow:2px 2px #031b22}
@media(max-width:900px){.project-visual{min-height:650px}.pixel-game{min-height:614px}.pixel-boat{transform:translateX(-50%) scale(.85);transform-origin:bottom}.game-tip{display:none}}
@media(max-width:560px){.project-visual{min-height:570px;padding:8px}.pixel-game{min-height:550px}.pixel-boat{left:47%;transform:translateX(-50%) scale(.65)}.pixel-cable{left:calc(47% + 44px)}.pixel-mat{left:calc(47% + 12px);transform:translateX(-50%) scale(.8)}.game-message{bottom:18%;padding:8px 10px}.game-controls{right:10px;bottom:10px}.game-controls button{width:54px}.game-hud{left:35px;right:10px}.game-hud>div{padding:7px}.game-hud b{font-size:13px}}

.pixel-target-line{position:absolute;left:42px;right:0;top:87.5%;height:3px;background:repeating-linear-gradient(90deg,#f1d965 0 8px,transparent 8px 16px);z-index:2;opacity:.7}.pixel-target-line span{position:absolute;right:14px;bottom:7px;font:7px monospace;letter-spacing:.08em;color:#f1d965}.target-depth{color:#f7df65!important;font-weight:700}.mat-piece{display:none}.game-hud b.at-target{color:#f7df65;text-shadow:0 0 8px #f7df65}.game-hud b.over-target,.game-hud b.failed{color:#ff765f}.game-controls .hold-button,.game-controls .reset-button{width:78px;height:62px;background:#e2b852;border-color:#ffdf77;color:#17302f;touch-action:none;user-select:none}.game-controls .hold-button b{display:block;font-size:12px}.game-controls .hold-button span,.game-controls .reset-button span{font-size:7px}.game-controls .hold-button:active{background:#ffdc68}.game-controls .reset-button{background:#72d7b2;border-color:#9af0c7}.game-lowering .pixel-cable{background:#f0d35a;box-shadow:0 0 8px rgba(240,211,90,.55)}.game-success .game-message{border-color:#6ee2aa}.game-success .game-message b{color:#74f2b8}.game-early .game-message,.game-crash .game-message{border-color:#ff705a}.game-early .game-message b,.game-crash .game-message b{color:#ff8068}.game-early .pixel-cable,.game-crash .pixel-cable{height:59%!important;background:repeating-linear-gradient(#334c4d 0 5px,transparent 5px 10px);box-shadow:none}.game-early .pixel-mat{top:82%!important;transform:translateX(-50%) rotate(180deg);transition:top .7s steps(7,end),transform .7s steps(5,end)}.game-crash .pixel-mat{top:83%!important;transition:top .28s steps(4,end)}.game-crash .mat-block{display:none}.game-crash .mat-piece{display:block;position:absolute;bottom:0;width:31px;height:14px;background:#707d77;border:3px solid #4d5955}.game-crash .mat-piece.p1{left:1px;transform:translate(-20px,5px) rotate(-18deg)}.game-crash .mat-piece.p2{left:37px;transform:translateY(7px) rotate(12deg)}.game-crash .mat-piece.p3{right:0;transform:translate(18px,3px) rotate(25deg)}.game-crash .sponge.sp1{transform:translate(-18px,8px) rotate(-70deg)}.game-crash .sponge.sp2{transform:translate(9px,12px) rotate(64deg)}.game-crash .sponge.sp3{transform:translate(21px,8px) rotate(78deg)}.game-crash .sponge.sp4{transform:translate(31px,12px) rotate(90deg)}.game-crash .sponge{transition:transform .35s steps(3,end)}.game-early .sponge{filter:brightness(.65)}.game-ready .pixel-mat{animation:matHover 1.4s steps(2,end) infinite}@keyframes matHover{50%{margin-top:3px}}.game-lowering .pixel-mat{animation:lineTension .25s steps(2,end) infinite}@keyframes lineTension{50%{margin-left:2px}}.game-success .pixel-mat{animation:successPulse .8s steps(2,end) 3}@keyframes successPulse{50%{filter:drop-shadow(0 0 8px #75f0b7)}}
@media(max-width:560px){.pixel-target-line{left:30px}.game-controls .hold-button,.game-controls .reset-button{width:70px;height:56px}.game-early .pixel-mat{transform:translateX(-50%) scale(.8) rotate(180deg)}}

.game-message{top:50%;bottom:auto;transform:translate(-50%,-50%);min-width:210px}.game-message.result-message{padding:18px 26px;min-width:250px;background:rgba(4,35,45,.94)}.game-message.result-message b{font-size:32px;line-height:1;letter-spacing:.12em}.game-message.result-message span{font-size:8px;margin-top:10px}.game-success .game-message.result-message{box-shadow:0 0 0 5px rgba(110,226,170,.14),6px 6px 0 rgba(0,0,0,.3)}.game-early .game-message.result-message,.game-crash .game-message.result-message{box-shadow:0 0 0 5px rgba(255,112,90,.14),6px 6px 0 rgba(0,0,0,.3)}
@media(max-width:560px){.game-message{top:52%;bottom:auto}.game-message.result-message b{font-size:26px}}

.sediment-cloud{position:absolute;left:calc(50% + 18px);bottom:9%;width:150px;height:55px;transform:translateX(-50%);z-index:7;pointer-events:none}.sediment-cloud i{position:absolute;left:50%;bottom:0;width:12px;height:12px;background:#9d9973;opacity:0}.game-success .sediment-cloud i,.game-early .sediment-cloud i,.game-crash .sediment-cloud i{animation:sedimentBurst 1.6s steps(6,end) forwards}.sediment-cloud i:nth-child(1){--dx:-62px;--dy:-18px}.sediment-cloud i:nth-child(2){--dx:-40px;--dy:-34px;animation-delay:.04s!important}.sediment-cloud i:nth-child(3){--dx:-18px;--dy:-23px;animation-delay:.08s!important}.sediment-cloud i:nth-child(4){--dx:18px;--dy:-31px;animation-delay:.03s!important}.sediment-cloud i:nth-child(5){--dx:42px;--dy:-19px;animation-delay:.1s!important}.sediment-cloud i:nth-child(6){--dx:65px;--dy:-27px;animation-delay:.06s!important}@keyframes sedimentBurst{0%{opacity:.9;transform:translate(0,0) scale(.5)}45%{opacity:.65;transform:translate(var(--dx),var(--dy)) scale(1.8)}100%{opacity:0;transform:translate(calc(var(--dx) * 1.25),calc(var(--dy) * 1.5)) scale(2.6)}}.game-success .pixel-mat{top:79.6%!important}.game-success .pixel-cable{height:67.6%!important}.game-early .pixel-mat{top:80%!important}.game-crash .pixel-mat{top:81%!important}
@media(max-width:560px){.sediment-cloud{left:calc(47% + 12px);transform:translateX(-50%) scale(.8)}}

/* Mission radar */
.radar-map{isolation:isolate}.radar-sweep{z-index:2;box-shadow:0 0 14px rgba(95,244,222,.35)}.radar-sweep:after{content:"";position:absolute;right:100%;top:-45px;width:95px;height:90px;background:conic-gradient(from 78deg at 100% 50%,transparent,rgba(95,244,222,.1) 12deg,transparent 36deg);pointer-events:none}.radar-boat{position:absolute;left:50%;top:50%;width:54px;height:40px;transform:translate(-50%,-50%);z-index:4;color:var(--white);filter:drop-shadow(0 0 8px rgba(95,244,222,.65))}.radar-boat .rb-hull{position:absolute;left:5px;bottom:9px;width:44px;height:13px;background:var(--aqua);clip-path:polygon(0 0,100% 0,82% 100%,19% 100%)}.radar-boat .rb-cabin{position:absolute;left:17px;bottom:22px;width:21px;height:11px;border:2px solid var(--aqua)}.radar-boat .rb-mast{position:absolute;left:37px;bottom:31px;width:2px;height:9px;background:var(--aqua)}.radar-boat>span{position:absolute;top:43px;left:50%;transform:translateX(-50%);font:6px monospace;letter-spacing:.1em;color:#83a4a2}.radar-object{position:absolute;z-index:5;color:var(--aqua);opacity:0;animation:radarReveal 7s linear infinite}.radar-object>b{position:absolute;top:36px;left:50%;transform:translateX(-50%);white-space:nowrap;font:6px monospace;letter-spacing:.08em;color:#9bb7b5}.radar-ping{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid var(--aqua);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--aqua)}.radar-ping:after{content:"";position:absolute;inset:-7px;border:1px solid var(--aqua);border-radius:50%;animation:pingRing 1.4s ease-out infinite}.windfarm{left:68%;top:25%;animation-delay:6.1s}.bridge{left:74%;top:63%;animation-delay:.8s}.divers{left:27%;top:68%;animation-delay:2.8s}.reef{left:27%;top:32%;animation-delay:4.2s}@keyframes radarReveal{0%,2%{opacity:0;transform:scale(.6)}4%,14%{opacity:1;transform:scale(1)}24%,100%{opacity:0;transform:scale(.92)}}@keyframes pingRing{to{transform:scale(1.8);opacity:0}}
.wind-icon{position:relative;width:42px;height:30px;transform:translate(-50%,-50%)}.wind-icon i{position:absolute;bottom:0;width:2px;height:22px;background:var(--aqua)}.wind-icon i:before,.wind-icon i:after{content:"";position:absolute;left:1px;top:1px;width:12px;height:2px;background:var(--aqua);transform-origin:left}.wind-icon i:before{transform:rotate(25deg)}.wind-icon i:after{transform:rotate(145deg)}.wind-icon i:nth-child(1){left:6px}.wind-icon i:nth-child(2){left:20px;height:28px}.wind-icon i:nth-child(3){left:35px;height:19px}
.bridge-icon{position:relative;width:48px;height:25px;transform:translate(-50%,-50%)}.bridge-icon i:nth-child(1){position:absolute;left:0;right:0;top:8px;height:2px;background:var(--aqua)}.bridge-icon i:nth-child(2),.bridge-icon i:nth-child(3){position:absolute;top:0;width:2px;height:22px;background:var(--aqua)}.bridge-icon i:nth-child(2){left:8px}.bridge-icon i:nth-child(3){right:8px}.bridge-icon:after{content:"";position:absolute;left:8px;right:8px;top:1px;height:14px;border:1px solid var(--aqua);border-bottom:0;border-radius:50% 50% 0 0}
.diver-icon{position:relative;width:42px;height:24px;transform:translate(-50%,-50%)}.diver-icon i{position:absolute;width:17px;height:7px;border:2px solid var(--aqua);border-radius:50%;transform:rotate(-14deg)}.diver-icon i:before{content:"";position:absolute;left:-7px;top:-1px;width:5px;height:5px;border:1px solid var(--aqua);border-radius:50%}.diver-icon i:after{content:"";position:absolute;right:-9px;top:2px;width:9px;height:2px;background:var(--aqua)}.diver-icon i:nth-child(1){left:2px;top:2px}.diver-icon i:nth-child(2){right:0;bottom:1px;transform:rotate(10deg) scale(.82)}
.reef-icon{position:relative;width:48px;height:25px;transform:translate(-50%,-50%);border-bottom:2px solid var(--aqua)}.reef-icon i{position:absolute;bottom:2px;border:2px solid var(--aqua);border-bottom:0;border-radius:50% 50% 0 0}.reef-icon i:nth-child(1){left:2px;width:15px;height:11px}.reef-icon i:nth-child(2){left:14px;width:19px;height:17px}.reef-icon i:nth-child(3){right:1px;width:17px;height:9px}.reef-icon i:nth-child(4){left:25px;width:3px;height:22px;border-width:1px;border-radius:0}
@media(max-width:520px){.radar-object>b{display:none}.radar-boat{transform:translate(-50%,-50%) scale(.82)}.windfarm{left:70%}.bridge{left:73%}.divers{left:25%}.reef{left:26%}}
@media(prefers-reduced-motion:reduce){.radar-object{opacity:1;animation:none}.radar-ping:after{animation:none}}

/* Scientific-diver radar contact: 27% / 68% = 142° from the sweep origin.
   The reveal begins at 2.76s in the seven-second rotation. */
.divers{animation-delay:2.48s}.diver-icon{width:54px;height:31px}.diver-icon i{width:23px;height:9px;border:2px solid var(--aqua);border-radius:5px;transform:rotate(-13deg);box-shadow:inset 0 3px 0 rgba(95,244,222,.22),0 -5px 0 -2px var(--aqua)}.diver-icon i:before{left:-10px;top:-3px;width:8px;height:8px;border:2px solid var(--aqua);border-radius:50%;box-shadow:inset 3px 0 0 rgba(95,244,222,.3)}.diver-icon i:after{right:-14px;top:3px;width:13px;height:2px;background:var(--aqua);box-shadow:5px -4px 0 -0.5px var(--aqua),5px 4px 0 -0.5px var(--aqua)}.diver-icon i:nth-child(1){left:5px;top:3px}.diver-icon i:nth-child(2){right:1px;bottom:1px;transform:rotate(11deg) scale(.83)}.diver-icon:after{content:"";position:absolute;left:1px;top:-8px;width:3px;height:3px;border:1px solid var(--aqua);box-shadow:-5px -5px 0 -1px var(--aqua),4px -9px 0 -1px var(--aqua)}

/* The sweep and contacts share one measured angle, preventing animation drift. */
.radar-map .radar-sweep{animation:none}.radar-map .radar-object{animation:none;opacity:0;transform:scale(.72);transition:opacity .08s linear,transform .12s ease-out}.radar-map .radar-object.radar-visible{opacity:1;transform:scale(1)}

.radar-map .radar-object{transition:opacity 1s ease-out,transform .55s ease-out}.wind-icon i:after{content:none}.wind-icon i:before{content:"";position:absolute;left:-2px;top:-2px;width:6px;height:6px;border:1px solid var(--aqua);border-radius:50%;background:#08252c;transform:none}.wind-icon i em{position:absolute;display:block;left:1px;top:1px;width:11px;height:2px;background:var(--aqua);transform-origin:0 50%;font-style:normal}.wind-icon i em:nth-child(1){transform:rotate(0deg)}.wind-icon i em:nth-child(2){transform:rotate(120deg)}.wind-icon i em:nth-child(3){transform:rotate(240deg)}.wind-icon i:nth-child(1){height:22px}.wind-icon i:nth-child(2){height:28px}.wind-icon i:nth-child(3){height:19px}

.wind-icon{width:64px;height:46px}.wind-icon i{bottom:0;width:2px;background:var(--aqua)}.wind-icon i:nth-child(1){left:9px;height:28px}.wind-icon i:nth-child(2){left:31px;height:40px}.wind-icon i:nth-child(3){left:54px;height:25px}.wind-icon i:before,.wind-icon i:after{content:none}.wind-icon i>span{position:absolute;display:block;left:1px;top:0;width:6px;height:6px;border:2px solid var(--aqua);border-radius:50%;background:#08252c;transform:translate(-50%,-50%);animation:turbineSpin 8s linear infinite}.wind-icon i>span em{position:absolute;display:block;left:50%;top:50%;width:15px;height:2px;background:var(--aqua);transform-origin:0 50%;font-style:normal}.wind-icon i>span em:nth-child(1){transform:translateY(-50%) rotate(-90deg)}.wind-icon i>span em:nth-child(2){transform:translateY(-50%) rotate(30deg)}.wind-icon i>span em:nth-child(3){transform:translateY(-50%) rotate(150deg)}@keyframes turbineSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.wind-icon i:nth-child(1)>span,.wind-icon i:nth-child(3)>span{transform:translate(-50%,-50%) scale(.82);animation-name:turbineSpinSmall}@keyframes turbineSpinSmall{to{transform:translate(-50%,-50%) scale(.82) rotate(360deg)}}.windfarm>b{top:45px}

/* Anchor the monitoring specimens to the foreshortened concrete surface. */
.growth-sponges{inset:1% 4% 7%}
.growth-specimen{transform-origin:50% 100%}
.growth-specimen:after{content:"";position:absolute;left:50%;bottom:3px;width:44px;height:10px;transform:translateX(-50%);border-radius:50%;background:rgba(13,31,29,.7);filter:blur(3px);opacity:.72;z-index:0}
.growth-specimen .atlas-icon{position:relative;z-index:1}

/* Marine life returns in stages as the habitat mat matures. */
.marine-life{position:absolute;inset:0;z-index:7;pointer-events:none}
.fauna{position:absolute;display:grid;place-items:center;width:44px;height:34px;opacity:0;transform:translateX(-50%) scale(var(--fauna-scale));transform-origin:50% 100%;font-size:30px;line-height:1;filter:saturate(.72) drop-shadow(0 5px 5px rgba(0,0,0,.55));transition:opacity .8s ease var(--fauna-delay),transform .8s cubic-bezier(.2,.85,.25,1) var(--fauna-delay)}
.t2 .fauna.stage-2,.t3 .fauna{opacity:.9}
.t2 .fauna.stage-3{opacity:0}
.fauna.fish{animation:habitatFish 5.5s ease-in-out infinite alternate}
.fauna.fish.reverse{animation-name:habitatFishReverse}
.fauna.crab,.fauna.scallop{height:28px;font-size:25px}
.fauna.crab:after,.fauna.scallop:after{content:"";position:absolute;left:50%;bottom:0;width:28px;height:7px;transform:translateX(-50%);border-radius:50%;background:rgba(9,26,24,.68);filter:blur(3px);z-index:-1}
@keyframes habitatFish{from{transform:translate(-50%,-2px) scale(var(--fauna-scale)) rotate(-2deg)}to{transform:translate(calc(-50% + 18px),4px) scale(var(--fauna-scale)) rotate(2deg)}}
@keyframes habitatFishReverse{from{transform:translate(-50%,3px) scale(calc(var(--fauna-scale) * -1),var(--fauna-scale)) rotate(-2deg)}to{transform:translate(calc(-50% - 16px),-3px) scale(calc(var(--fauna-scale) * -1),var(--fauna-scale)) rotate(2deg)}}

/* Living Marine EcoMats project */
.project-links{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.text-link.secondary{color:#9bb0ae}.ecomats-page{--eco:#76e6c1;--eco-warm:#ff8a5b;background:#031015;color:var(--white)}.ecomats-nav{position:absolute;inset:0 0 auto;z-index:30;background:rgba(2,14,19,.52);backdrop-filter:blur(14px)}
.ecomats-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:170px clamp(24px,6vw,92px) 105px;overflow:hidden;background:#061a20}.ecomats-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08);transform:scale(1.04)}.ecomats-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,17,.97) 0,rgba(2,14,19,.86) 42%,rgba(2,17,22,.32) 72%),linear-gradient(0deg,rgba(3,16,21,.98),transparent 42%),radial-gradient(circle at 76% 40%,rgba(255,138,91,.12),transparent 34%)}.ecomats-coordinates{position:absolute;top:125px;left:clamp(24px,6vw,92px);z-index:2;color:#87a09f;font:11px monospace;letter-spacing:.12em}.ecomats-coordinates span{display:inline-block;width:68px;height:1px;background:rgba(118,230,193,.35);margin:0 14px;vertical-align:middle}.ecomats-hero-copy{position:relative;z-index:2;max-width:1040px}.ecomats-hero h1{font-size:clamp(65px,9.4vw,145px);line-height:.78;letter-spacing:-.07em;font-weight:430;margin:25px 0 38px}.ecomats-hero h1 em{font-style:normal;color:var(--eco)}.ecomats-hero-copy>p:last-of-type{max-width:560px;color:#aec1be;font-size:18px;line-height:1.65;margin-bottom:34px}.ecomats-depth-card{position:absolute;right:clamp(24px,6vw,92px);bottom:100px;z-index:3;width:230px;padding:20px;border:1px solid rgba(118,230,193,.28);background:rgba(3,19,24,.78);backdrop-filter:blur(10px)}.ecomats-depth-card>small{font:10px monospace;color:#6e8988;letter-spacing:.12em}.ecomats-depth-card>div{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.ecomats-depth-card span{font:10px monospace;color:#8ba3a1}.ecomats-depth-card b{font:23px monospace;font-weight:400}.ecomats-depth-card>i{display:block;height:1px;background:rgba(118,230,193,.18);margin-top:16px}
.ecomats-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:10vw;padding:130px clamp(24px,6vw,92px);background:#06171d}.ecomats-intro h2,.ecomats-cycle h2,.trial-controls h2,.evidence-copy h2,.deployment-band h2,.monitoring-plan h2,.ecomats-outcomes h2{font-size:clamp(45px,5.2vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:20px 0}.ecomats-intro>div:last-child>p{font-size:17px;color:#9db1af;line-height:1.8;max-width:720px}.ecomats-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:48px}.ecomats-metrics>div{padding:22px 12px;border-right:1px solid var(--line)}.ecomats-metrics>div:last-child{border:0}.ecomats-metrics b{display:block;font:30px monospace;font-weight:400;color:var(--eco)}.ecomats-metrics small{font:9px/1.35 monospace;color:#718b89}
.ecomats-cycle{padding:125px clamp(24px,6vw,92px);background:#030f14}.ecomats-cycle-head{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:end}.ecomats-cycle-head .eyebrow{grid-column:1/-1}.ecomats-cycle-head h2{margin-bottom:0}.ecomats-cycle-head h2 em{color:var(--eco);font-style:normal}.ecomats-cycle-head>p:last-child{color:#829997;line-height:1.7;max-width:540px}.cycle-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:75px;border-top:1px solid var(--line)}.cycle-track article{padding:26px 20px 10px 0;min-width:0}.cycle-track article>span{font:10px monospace;color:#66817f}.cycle-node{height:42px;display:flex;align-items:center}.cycle-node i{width:11px;height:11px;border-radius:50%;background:var(--eco);box-shadow:0 0 18px rgba(118,230,193,.45)}.cycle-node b{flex:1;text-align:center;color:#47706a;font-weight:400}.cycle-track h3{font:16px monospace;letter-spacing:.08em;font-weight:400;color:var(--eco)}.cycle-track p{font-size:14px;color:#879c9a;line-height:1.6;margin-right:15px}
.trial-lab{display:grid;grid-template-columns:.72fr 1.28fr;min-height:920px;background:#06171d}.trial-controls{padding:105px clamp(28px,5vw,72px)}.trial-controls>p:nth-of-type(2){color:#8ba09e;line-height:1.65}.trial-controls fieldset{border:0;padding:0;margin:36px 0 0}.trial-controls legend{font:10px monospace;color:#68827f;letter-spacing:.13em;margin-bottom:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(118,230,193,.2)}.segmented button{border:0;background:#071d22;color:#78918e;padding:16px 14px;cursor:pointer;font:12px monospace}.segmented button+button{border-left:1px solid rgba(118,230,193,.2)}.segmented button small{display:block;margin-top:5px;color:inherit}.segmented button.active{background:rgba(118,230,193,.12);color:var(--eco);box-shadow:inset 0 -2px var(--eco)}.method-tabs{border-top:1px solid var(--line)}.method-tabs button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;text-align:left;padding:16px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:#7f9693;cursor:pointer}.method-tabs button>span{grid-row:1/3;font:10px monospace}.method-tabs button>b{font-size:15px;font-weight:400}.method-tabs button>small{font:10px monospace;color:#627d79}.method-tabs button.active{padding-left:15px;color:var(--eco);background:linear-gradient(90deg,rgba(118,230,193,.08),transparent)}.method-readout{margin-top:30px;padding:20px;border:1px solid rgba(118,230,193,.18);background:#051419}.method-readout small{font:9px monospace;color:#67817e}.method-readout b{display:block;margin-top:7px;color:var(--eco);font:13px monospace}.method-readout p{font-size:14px;line-height:1.55;color:#91a5a2;margin-bottom:0}
.trial-visual{position:relative;min-width:0;overflow:hidden;background:#051820;border-left:1px solid var(--line)}.trial-water{position:absolute;inset:0;background:linear-gradient(#0b4354,#082833 42%,#071d25 72%,#0a211d)}.depth-deep .trial-water{background:linear-gradient(#0a3545,#071e2a 38%,#061720 72%,#091c19)}.trial-water:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 18%,rgba(118,230,193,.07) 23%,transparent 35%),linear-gradient(rgba(118,230,193,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,230,193,.045) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.trial-surface{position:absolute;left:0;right:0;top:9%;height:2px;background:rgba(165,245,228,.7);box-shadow:0 0 35px 7px rgba(118,230,193,.18)}.depth-gauge{position:absolute;left:28px;top:10%;bottom:19%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;font:10px monospace;color:#8ba6a2}.depth-gauge i{display:block;width:1px;flex:1;background:linear-gradient(var(--eco),rgba(118,230,193,.12));margin:9px 8px}.depth-gauge b{font:18px monospace;color:var(--eco);font-weight:400}.bridge-piles{position:absolute;right:7%;top:0;bottom:14%;display:flex;gap:46px;opacity:.18}.bridge-piles i{width:20px;background:linear-gradient(90deg,#8cb2aa,#405e59)}.trial-arrays{position:absolute;left:12%;right:7%;bottom:17%;z-index:3;display:grid;grid-template-columns:1fr 42px 1fr;align-items:end}.array-group{padding:17px;border:1px solid rgba(118,230,193,.18);background:rgba(3,17,21,.78);backdrop-filter:blur(8px)}.array-group header{display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:#78918e}.array-group header b{color:#b9cac7;font-weight:400}.array-group.seeded header span{color:var(--eco)}.array-group.seeded header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--eco);box-shadow:0 0 8px var(--eco)}.array-group>div{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.trial-mat{aspect-ratio:1.25;position:relative;border:1px solid #84908a;background:linear-gradient(145deg,#68756f,#3e4d48);box-shadow:3px 4px 0 rgba(0,0,0,.35)}.method-1 .seeded .trial-mat>i{position:absolute;width:9px;height:13px;bottom:55%;border-radius:60% 60% 20% 20%;background:var(--eco-warm);box-shadow:0 0 6px rgba(255,138,91,.45)}.method-1 .seeded .trial-mat>i:nth-child(1){left:18%}.method-1 .seeded .trial-mat>i:nth-child(2){left:45%;height:17px;background:var(--eco)}.method-1 .seeded .trial-mat>i:nth-child(3){right:16%;height:10px}.method-2 .seeded .trial-mat>i{position:absolute;width:13px;height:10px;bottom:48%;border-radius:50%;background:#c1aa77;border:2px solid #7b6b49}.method-2 .seeded .trial-mat>i:after{content:"";position:absolute;left:3px;bottom:7px;width:5px;height:8px;border-radius:50% 50% 20% 20%;background:var(--eco-warm)}.method-2 .seeded .trial-mat>i:nth-child(1){left:13%}.method-2 .seeded .trial-mat>i:nth-child(2){left:42%}.method-2 .seeded .trial-mat>i:nth-child(3){right:12%}.method-3 .seeded .trial-mat>i{position:absolute;width:16px;height:12px;bottom:35%;border-radius:45%;background:#ae9664;border:1px dashed #d8ccb0}.method-3 .seeded .trial-mat>i:nth-child(1){left:10%;transform:translate(-8px,6px)}.method-3 .seeded .trial-mat>i:nth-child(2){left:50%;transform:translate(0,-3px)}.method-3 .seeded .trial-mat>i:nth-child(3){right:3%;transform:translate(8px,7px)}.array-group>small{font:8px monospace;color:#66807d}.array-vs{align-self:center;text-align:center;color:#58746f;font:10px monospace}.trial-legend{position:absolute;left:12%;right:7%;bottom:8%;z-index:4;display:flex;justify-content:flex-end;gap:22px;font:8px monospace;color:#78908d}.trial-legend span{display:flex;gap:7px;align-items:center}.trial-legend i{display:block;width:8px;height:8px;border-radius:50%;background:var(--eco-warm)}.trial-legend span:nth-child(2) i{background:#b8a16d}.trial-legend span:nth-child(3) i{border-radius:0;background:#66736d}
.method-evidence{display:grid;grid-template-columns:1.05fr .95fr;min-height:780px;background:#020d12}.evidence-image{position:relative;overflow:hidden;background:#07171b}.evidence-image>img{width:100%;height:100%;object-fit:cover;image-rendering:auto;filter:saturate(.82) contrast(1.05)}.evidence-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(1,10,13,.78);pointer-events:none}.evidence-labels{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);font:10px monospace;color:white}.evidence-labels span{padding:12px;background:rgba(3,18,22,.8);border-left:2px solid var(--eco-warm)}.evidence-copy{padding:95px clamp(28px,5vw,72px)}.evidence-copy>p:nth-of-type(2){color:#8a9f9c;line-height:1.65}.evidence-copy article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:17px 4px;border-top:1px solid var(--line);cursor:pointer}.evidence-copy article:last-child{border-bottom:1px solid var(--line)}.evidence-copy article>span{font:10px monospace;color:#677f7c}.evidence-copy article h3{font-size:18px;font-weight:400;margin:0}.evidence-copy article p{font-size:13px;color:#809693;line-height:1.5;margin:7px 0 0}.evidence-copy article.active{padding-left:14px;background:linear-gradient(90deg,rgba(118,230,193,.07),transparent)}.evidence-copy article.active h3{color:var(--eco)}
.deployment-band{position:relative;min-height:720px;display:flex;align-items:flex-end;padding:90px clamp(24px,6vw,92px);overflow:hidden}.deployment-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.deployment-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,17,.97),rgba(3,16,20,.78) 48%,rgba(3,15,19,.2)),linear-gradient(0deg,rgba(2,13,17,.9),transparent 45%)}.deployment-band>div{position:relative;z-index:2;max-width:650px}.deployment-band>div>p:last-child{font-size:17px;color:#acc0bd;line-height:1.7;max-width:570px}
.monitoring-plan{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:125px clamp(24px,6vw,92px);background:#06171d}.monitoring-plan>div:first-child>p:last-child{font-size:16px;color:#8da29f;line-height:1.7;max-width:560px}.monitoring-timeline{position:relative;border-top:1px solid var(--line)}.monitoring-timeline article{display:grid;grid-template-columns:36px 12px 100px 1fr;gap:14px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.monitoring-timeline article>span{font:10px monospace;color:#637d79}.monitoring-timeline article>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--eco);box-shadow:0 0 10px rgba(118,230,193,.45)}.monitoring-timeline small{font:10px monospace;color:var(--eco)}.monitoring-timeline h3{font-size:18px;font-weight:400;margin:0}.monitoring-timeline p{grid-column:4;font-size:13px;color:#7f9692;line-height:1.55;margin:5px 0 0}
.ecomats-outcomes{padding:125px clamp(24px,6vw,92px);background:#020d12}.ecomats-outcomes>h2{max-width:900px}.ecomats-outcomes>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:1px solid var(--line)}.ecomats-outcomes article{min-height:280px;padding:26px;border-right:1px solid var(--line)}.ecomats-outcomes article:last-child{border:0}.ecomats-outcomes article>span{font:10px monospace;color:#66817e}.ecomats-outcomes h3{font:18px monospace;font-weight:400;color:var(--eco);margin-top:65px}.ecomats-outcomes p{font-size:14px;color:#849a97;line-height:1.65}.ecomats-cta{display:flex;flex-direction:column;align-items:center}.ecomats-cta .text-link{margin-top:26px;color:#91aaa6}
@media(max-width:1000px){.ecomats-depth-card{display:none}.ecomats-intro,.ecomats-cycle-head,.trial-lab,.method-evidence,.monitoring-plan{grid-template-columns:1fr}.cycle-track{grid-template-columns:repeat(3,1fr)}.trial-visual{min-height:730px;border-left:0;border-top:1px solid var(--line)}.method-evidence{min-height:0}.evidence-image{min-height:520px}.monitoring-plan{gap:55px}.ecomats-outcomes>div{grid-template-columns:1fr 1fr}.ecomats-outcomes article:nth-child(2){border-right:0}.ecomats-outcomes article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.ecomats-hero{min-height:820px;padding-bottom:85px}.ecomats-hero h1{font-size:15vw}.ecomats-coordinates{font-size:9px}.ecomats-coordinates span{width:24px;margin:0 7px}.ecomats-intro,.ecomats-cycle,.ecomats-outcomes,.monitoring-plan{padding:90px 24px}.ecomats-metrics{grid-template-columns:1fr 1fr}.ecomats-metrics>div:nth-child(2){border-right:0}.ecomats-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cycle-track{grid-template-columns:1fr}.cycle-track article{border-bottom:1px solid var(--line)}.cycle-node b{display:none}.trial-controls{padding:85px 24px}.trial-visual{min-height:650px}.trial-arrays{left:12%;right:4%;grid-template-columns:1fr;gap:12px}.array-vs{display:none}.array-group>div{gap:6px;margin:12px 0}.trial-legend{display:none}.depth-gauge{left:16px}.evidence-image{min-height:360px}.evidence-copy{padding:85px 24px}.deployment-band{min-height:650px;padding:80px 24px}.monitoring-timeline article{grid-template-columns:28px 10px 86px 1fr;gap:9px}.ecomats-outcomes>div{grid-template-columns:1fr}.ecomats-outcomes article{border-right:0;border-bottom:1px solid var(--line)}.ecomats-outcomes article:last-child{border-bottom:0}.ecomats-cta{text-align:center;padding-inline:24px}}

.kelp-contact{left:50%;top:75%;width:0;height:0}.kelp-contact .radar-ping{left:0;top:0}.kelp-contact>b{top:25px}.kelp-radar-icon{width:42px;height:38px;transform:translate(-50%,-50%)}