@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#141c1e;--charcoal:#1c1a19;--teal:#038f96;--aqua:#68cbd0;--coral:#ffac83;--white:#f3f3ec;--muted:#a6b6b8;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:5px}.skip{position:fixed;top:-100px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:0}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#141c1ef2;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{font-size:10px;letter-spacing:.2em;line-height:1.1;display:flex;flex-direction:column}.brand b{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-1px}.brand b span{color:var(--aqua)}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a:hover{color:var(--aqua)}.nav-cta{border:1px solid var(--line);padding:11px 18px}.nav-cta span{color:var(--coral);margin-left:15px}.menu{display:none}.hero{min-height:760px;display:grid;grid-template-columns:1.2fr 1fr;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:94px 0 36px 8vw;z-index:2}.eyebrow,.section-tag{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow{color:var(--aqua)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--coral);margin-right:8px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(56px,6.3vw,94px);margin:30px 0}em{font-style:normal;color:var(--aqua)}.lead{color:#c7d2d2;max-width:480px;font-size:20px;line-height:1.6}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{background:var(--teal);color:white;padding:16px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;font-weight:700;transition:background .2s}.button:hover{background:#06767c}.text-link{font-size:12px;color:var(--white)}.hero-foot{margin-top:90px;font-size:10px;letter-spacing:.13em;color:var(--aqua)}.hero-foot span{display:block;color:#7c9498;font-size:9px;margin-top:5px}.hero-art{position:relative;background:radial-gradient(ellipse at 55% 45%,#06656c33,transparent 65%)}.coral-window{position:absolute;width:110%;height:70%;left:-3%;top:8%;overflow:hidden}.coral-window img{width:100%;transform:translateY(-1%)}.art-label{position:absolute;bottom:75px;left:20%;border-left:1px solid var(--coral);padding-left:16px;font-size:12px}.art-label span{display:block;color:var(--coral);font-size:8px;letter-spacing:.2em;margin-bottom:8px}.art-label b{font-weight:400}.orbit{position:absolute;border:1px solid #68cbd015;width:530px;height:530px;border-radius:50%;top:8%;left:0}.o2{width:620px;height:620px;top:2%;left:-8%}.cross{position:absolute;color:var(--coral);font-weight:300}.c1{top:15%;right:12%}.c2{bottom:21%;left:8%}.section{padding:100px 8vw;border-bottom:1px solid var(--line)}.section-tag{color:#82999c;margin-bottom:40px}.mission{display:grid;grid-template-columns:1fr 3fr;background:#e9ede6;color:#15373b;gap:35px}.mission .section-tag{color:#527274}h2{font-size:clamp(38px,4.2vw,63px);margin:0 0 28px}.mission h2 em{color:#03858b}.two-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px}.two-copy p{color:#52696b;font-size:16px}.mission-rule{border-top:1px solid #15373b25;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head>p{max-width:350px;color:var(--muted);font-size:16px;margin-bottom:28px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:52px 0 80px}.workflow article{border-top:1px solid var(--line);padding-top:25px}.workflow article>span,.partner-grid article>span{color:var(--coral);font-size:12px}.workflow h3{font-size:23px;letter-spacing:-.03em;margin-top:25px}.workflow p{font-size:14px;color:var(--muted)}.wide-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wide-feature h3{font-size:42px}.wide-feature p{font-size:15px;color:var(--muted)}.wide-feature .eyebrow{font-size:10px;color:var(--coral)}.small-note{font-size:11px!important;color:#8ca3a6!important}.mesh-scene{height:370px;background:radial-gradient(ellipse,#027c8730,transparent 68%);position:relative;overflow:hidden;border:1px solid var(--line)}.mesh-grid{position:absolute;inset:60px 40px;background-image:linear-gradient(#68cbd05c 1px,transparent 1px),linear-gradient(90deg,#68cbd05c 1px,transparent 1px);background-size:25px 25px;transform:perspective(450px) rotateX(58deg) rotateZ(-25deg);border:1px solid var(--aqua);border-radius:45% 20% 40% 15%;box-shadow:0 30px 0 #038f9633,0 60px 0 #038f961a}.mesh-reef{font-size:200px;color:var(--coral);position:absolute;left:40%;top:0;font-weight:100;opacity:.7}.mesh-label{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:.15em;color:var(--aqua)}.layers{background:var(--charcoal)}.layer-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.layer-tabs button{background:transparent;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--muted);padding:18px 0;display:flex;gap:20px;align-items:center;text-align:left;font-size:18px}.layer-tabs button>span{font-size:10px;color:var(--coral)}.layer-tabs button>b{margin-left:auto;font-size:17px;font-weight:400}.layer-tabs button[aria-selected=true]{color:var(--aqua)}#layer-panel{min-height:165px;padding-top:20px}#layer-panel h3{font-size:20px}#layer-panel p{font-size:14px;color:var(--muted)}.graphic-open{background:transparent;border:0;padding:0;color:var(--muted);width:100%}.graphic-open img{width:100%;display:block;border:1px solid var(--line)}.graphic-open span{font-size:10px;display:block;text-align:right;margin-top:10px}.ai-note{border-top:1px solid var(--line);padding-top:25px;margin-top:40px;color:var(--muted);font-size:13px;max-width:800px}.journey{background:#10272c}.journey-line{display:flex;align-items:center;gap:14px;margin-top:60px;font-size:9px;letter-spacing:.1em;color:var(--aqua)}.journey-line i{height:1px;flex:1;background:#68cbd050;min-width:10px}.route-explorer{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-top:55px}.region-buttons{display:flex;flex-direction:column;align-items:stretch}.region-buttons button{background:none;border:0;border-bottom:1px solid var(--line);padding:16px 0;text-align:left;color:#9ab2b5;font-size:14px}.region-buttons button.active{color:var(--coral)}#route-content h3{font-size:35px;margin:8px 0 20px}#route-content>p{color:var(--muted);font-size:15px}.stops{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:25px}.stop{border-top:1px solid var(--line);padding:16px 0}.stop h4{margin:0;font-size:14px;font-weight:500}.stop p{color:var(--muted);font-size:12px;margin-bottom:0}.mexico{background:#e9ede6;color:#15373b}.mexico em{color:#03858b}.mexico-top{display:grid;grid-template-columns:1.6fr 1fr;gap:65px}.mexico-top>p{font-size:16px;color:#52696b;align-self:end}.mexico .eyebrow{color:#527274}.mexico-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.mexico-columns article{border-top:1px solid #15373b30;padding-top:25px}.pill{font-size:9px;letter-spacing:.1em;border:1px solid #15373b40;padding:7px 10px}.mexico-columns h3{font-size:30px;margin-top:30px}.mexico-columns p,.mexico-columns li{font-size:14px;color:#52696b}.mexico-columns ul{padding-left:17px}.mexico-columns li{margin:9px 0}.vessel{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:center}.vessel p{font-size:15px;color:var(--muted)}.vessel .eyebrow{color:var(--coral)}.vessel-mark{color:var(--aqua);text-align:center}.vessel-mark svg{width:100%;max-width:350px}.vessel-mark>span{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted)}.vessel-specs{display:flex;gap:20px;font-size:8px;letter-spacing:.1em;margin-top:30px;color:var(--coral)}.people{background:#182629}.founder{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;align-items:center}.founder-monogram{font-size:150px;font-family:Manrope,Arial,sans-serif;line-height:1.2;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #68cbd050;border:1px solid var(--line);padding:40px;text-align:center}.founder-monogram span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.15em;color:var(--aqua);margin-top:35px}.founder p{font-size:15px;color:var(--muted)}.founder .eyebrow{color:var(--coral);font-size:10px}.collab{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:35px;margin-top:65px}.collab h3{font-size:30px;margin:0}.collab p{color:var(--muted);font-size:15px;margin:0}.partner{background:var(--charcoal)}.partner h2{font-size:clamp(40px,5vw,70px)}.partner-intro{max-width:600px;color:var(--muted);font-size:16px}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.partner-grid article{border-top:1px solid var(--line);padding-top:20px}.partner-grid h3{font-size:25px}.partner-grid p{font-size:14px;color:var(--muted)}.partner-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding-top:35px;border-top:1px solid var(--line)}.partner-bottom p{font-size:14px;max-width:330px;color:var(--muted)}footer{padding:40px 8vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{color:var(--muted);font-size:11px}dialog{padding:50px 20px 20px;background:var(--charcoal);color:white;border:1px solid var(--line);max-width:95vw;width:1400px}dialog::backdrop{background:#000d}dialog img{width:100%;display:block}.close-dialog{position:absolute;right:20px;top:10px;background:none;border:0;color:white;font-size:14px}
@media(min-width:1500px){.section{padding-left:max(8vw,calc((100vw - 1280px)/2));padding-right:max(8vw,calc((100vw - 1280px)/2))}}@media(max-width:1000px){nav{gap:18px}.hero{min-height:650px}.hero-copy{padding-left:6vw}.hero-foot{margin-top:60px}.hero-art .coral-window{top:18%;height:65%}.orbit{width:400px;height:400px}.o2{width:470px;height:470px}.actions{gap:18px;flex-wrap:wrap}.section{padding:75px 6vw}.mission{grid-template-columns:1fr}.section-tag{margin-bottom:25px}.layer-layout{gap:30px}.founder{gap:45px}.route-explorer{gap:35px}.journey-line{font-size:8px}.vessel{gap:35px}.two-copy{gap:30px}.workflow{gap:18px}.workflow h3{font-size:21px}.mexico-top{gap:30px}.mexico-columns{gap:35px}}
@media(max-width:700px){body{font-size:16px}header{height:75px;padding:0 6%}.menu{display:block;border:0;background:transparent;color:var(--aqua);font-size:13px}nav{display:none;position:absolute;top:75px;left:0;width:100%;background:#142427;padding:25px 6%;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:55px 6vw 0}.hero h1{font-size:55px}.lead{font-size:17px}.hero-foot{display:none}.hero-art{height:430px;margin-top:10px}.hero-art .coral-window{width:90%;left:5%;top:0;height:84%}.coral-window img{width:100%}.orbit{left:12%;top:0;width:330px;height:330px}.o2{left:5%;width:390px;height:390px}.art-label{bottom:22px;left:18%}.c2{bottom:13%}.section{padding:60px 6vw}h2{font-size:40px}.section-head,.two-copy,.wide-feature,.layer-layout,.route-explorer,.mexico-top,.mexico-columns,.vessel,.founder,.collab{display:grid;grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:20px}.section-head>p{margin:0}.two-copy{gap:0}.mission-rule{font-size:8px;gap:12px}.workflow{grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 45px}.workflow h3{font-size:21px;margin-top:18px}.workflow p{font-size:13px}.mesh-scene{height:280px}.wide-feature h3{font-size:35px}.layer-tabs button{font-size:17px}#layer-panel{min-height:145px}.graphic-open{margin-top:0}.journey-line{flex-wrap:wrap;gap:9px;font-size:8px}.journey-line i{flex:none;width:18px}.region-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.region-buttons button{font-size:12px}.stops{gap:0 20px}.mexico-columns{gap:35px}.vessel-mark svg{max-width:230px}.vessel-mark{order:2}.founder-monogram{font-size:95px;padding:25px;max-width:280px}.founder-monogram span{margin-top:15px}.collab{margin-top:40px}.partner-grid{grid-template-columns:1fr;gap:22px}.partner-grid h3{margin:15px 0}.partner-bottom{align-items:start;flex-direction:column;margin-top:25px}footer{flex-wrap:wrap;padding:30px 6vw}footer p{display:none}.vessel-specs{flex-wrap:wrap}dialog{padding:45px 7px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the coral mark visible without duplicating the wordmark. */
.coral-window img{clip-path:inset(0 0 37% 0)}
.reef-video{margin:0;min-width:0;scroll-margin-top:110px}.reef-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid var(--line)}.reef-video figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:13px;color:var(--aqua);font-size:9px;letter-spacing:.12em}.reef-video figcaption span{color:var(--muted);font-size:10px;letter-spacing:0}
.brand img{display:block;width:173px;height:auto}.brand:has(img){background:#e9ede6;padding:7px 13px;border-radius:2px;line-height:0}@media(max-width:700px){.brand img{width:145px}}
.brand:has(img){background:transparent;padding:0;border-radius:0}
/* Keep the complete infographic visible, including on short screens. */
.graphic-open{min-width:0;height:auto;overflow:visible}.graphic-open img{height:auto;max-width:100%;object-fit:contain}
#graphic-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;padding:50px 16px 16px}
#graphic-dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 70px);object-fit:contain}
#graphic-dialog .close-dialog{z-index:1;background:var(--charcoal);padding:3px 8px}
@media(max-width:700px){#graphic-dialog{padding:46px 8px 10px}#graphic-dialog img{max-height:calc(94dvh - 60px)}}
.version-switch{position:fixed;bottom:18px;right:20px;z-index:22;display:flex;gap:0;background:#10272cf0;border:1px solid #68cbd050;box-shadow:0 4px 24px #0005;padding:4px;backdrop-filter:blur(12px);font-size:11px;line-height:1.3;letter-spacing:.02em}.version-switch a,.version-switch span{padding:9px 13px;display:block}.version-switch span{background:#038f96;color:#fff}.version-switch a{color:#c4d5d6}.version-switch a:hover{color:white;background:#ffffff15}

.infographic-stack{display:grid;gap:40px}.infographic-stack figure{margin:0;min-width:0;scroll-margin-top:110px}.infographic-stack img{width:100%;height:auto;display:block;object-fit:contain}.infographic-stack .graphic-open{display:block;width:100%;height:auto}.vessel-category{grid-column:1/-1;margin-bottom:-45px}.outline-button{display:inline-block}@media(max-width:700px){.infographic-stack{gap:25px}.vessel-category{margin-bottom:0}}

.founder-photo{margin:0}.founder-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:58% center}.founder-photo figcaption{font-size:9px;color:var(--muted);margin-top:10px}.confirmed-partner{display:flex;gap:40px;align-items:center;border-top:1px solid var(--line);padding:35px 0;margin-top:40px}.confirmed-partner>img{width:160px;height:auto}.confirmed-partner h3{font-size:27px;margin:9px 0}.confirmed-partner p{font-size:14px;color:var(--muted);margin:0}.confirmed-partner .eyebrow{font-size:9px;color:var(--coral)}.support-heading{margin:55px 0 0;font-size:28px}.partner .collab{margin-top:35px}.partner .community-photo{margin-top:30px}@media(max-width:700px){.founder-photo img{aspect-ratio:4/3;object-position:58% 34%}.confirmed-partner{gap:25px;align-items:start;flex-direction:column}.confirmed-partner>img{width:140px}}

/* Compact founder portrait and chronological expedition stages. */
.founder{grid-template-columns:150px minmax(0,1fr);gap:40px;align-items:start}.founder-photo{width:150px;max-width:100%;margin:0}.founder-photo img{width:150px;height:180px;aspect-ratio:auto;object-fit:cover;object-position:58% 35%}.founder-photo figcaption{font-size:8px;line-height:1.5;letter-spacing:.03em}.founder>div{max-width:760px}.journey-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.journey-stages a{display:block;border-top:1px solid #68cbd060;padding-top:22px}.journey-stages a:hover strong{color:var(--aqua)}.journey-stages span{font-size:9px;letter-spacing:.13em;color:var(--coral);display:block}.journey-stages strong{font-weight:500;font-size:23px;letter-spacing:-.03em;display:block;margin:15px 0 9px}.journey-stages small{color:var(--muted);font-size:12px;display:block}.pilot-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.pilot-columns article{border-top:1px solid #15373b30;padding-top:26px}.pilot-columns h3{font-size:27px;margin:0 0 20px}.pilot-columns p{font-size:15px;color:#52696b}.tourism-proposal{margin-top:45px;padding:35px;background:#dce6df;border-left:3px solid #038f96}.tourism-proposal .eyebrow{font-size:10px;color:#03858b}.tourism-proposal h3{font-size:30px;margin:20px 0}.tourism-proposal>p{font-size:15px;color:#52696b;max-width:850px}.tourism-contributions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:25px}.tourism-contributions p{font-size:13px;color:#52696b}.tourism-contributions strong{font-weight:600;color:#15373b}.pacific-stage{background:#e1e8e0}#mesoamerican-pilot,#transpacific{scroll-margin-top:90px}@media(max-width:700px){.founder{grid-template-columns:1fr;gap:25px}.founder-photo,.founder-photo img{width:115px}.founder-photo img{height:140px;aspect-ratio:auto}.founder-photo figcaption{font-size:7px}.journey-stages,.pilot-columns,.tourism-contributions{grid-template-columns:1fr;gap:25px}.tourism-proposal{padding:25px}.pilot-columns{margin-top:30px}.journey-stages strong{font-size:23px}.tourism-proposal h3{font-size:26px}}

.anchor-point{display:block;scroll-margin-top:110px}#route-content .mexico-photo-grid{margin:26px 0}#route-content .mexico-photo-grid img{height:125px}#route-content .mexico-photo-grid figcaption{color:var(--muted);font-size:7px}@media(max-width:700px){#route-content .mexico-photo-grid img{height:130px}#route-content .mexico-photo-grid figure:first-child img{height:210px}}

.library-intro{border-top:1px solid var(--line);padding-top:30px;margin-top:45px}.library-intro h3{font-size:28px;margin:0 0 15px}.library-intro p{font-size:14px;color:var(--muted);max-width:760px}.library-intro+.route-explorer{margin-top:30px}.region-context{display:block;font-size:10px;color:var(--muted);margin-top:3px}

.pilot-sdgs{display:flex;align-items:center;gap:16px;margin:28px 0;flex-wrap:wrap}.pilot-sdgs img{width:65px;height:65px;object-fit:contain}.pilot-sdgs p{font-size:13px;max-width:440px;margin:0;color:var(--muted)}

/* Repeatable, compact team profiles. */
.people .team-list{max-width:800px;margin:0 auto}.people .team-member{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:44px;align-items:center;padding:24px 0}.people .team-member+.team-member{border-top:1px solid var(--line);margin-top:24px}.people .member-description p{font-size:14px;line-height:1.75;margin:0 0 14px}.people .member-description p:last-child{margin-bottom:0}.people .member-profile{margin:0;text-align:center}.people .member-profile img{display:block;width:112px;height:132px;object-fit:cover;object-position:58% 35%;margin:0 auto 14px}.people .member-profile h3{font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0;margin:0}.people .member-profile figcaption p{font-size:11px;line-height:1.5;margin:5px 0 0;color:var(--muted)}
@media(max-width:600px){.people .team-member{grid-template-columns:1fr;gap:22px;max-width:440px;margin:0 auto}.people .member-profile{grid-row:1}.people .member-description p{font-size:13px}.people .member-profile img{width:100px;height:120px}}

.people .team-member{grid-template-columns:170px minmax(0,1fr);gap:36px;padding:32px;background:#e6ece8;color:#213435;border:1px solid #c6d3ce;border-radius:8px}.people .member-profile{grid-column:1;grid-row:1}.people .member-description{grid-column:2;grid-row:1}.people .member-profile img{box-sizing:content-box;padding:6px;background:#f8faf7;border:1px solid #b9c9c1;border-radius:3px;box-shadow:0 3px 12px #21343515}.people .member-profile h3{color:#213435}.people .member-profile figcaption p{color:#526a65}.people .member-description p{color:#334a47;font-size:14px;line-height:1.8}.people .team-member+.team-member{border:1px solid #c6d3ce}
@media(max-width:600px){.people .team-member{grid-template-columns:1fr;padding:26px 22px;gap:22px}.people .member-profile{grid-column:1;grid-row:1}.people .member-description{grid-column:1;grid-row:2}}

.selected-gallery{max-width:760px;margin:38px auto 0;padding-top:20px;border-top:1px solid var(--line)}.selected-gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-gallery-heading>span{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.selected-gallery-heading button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:50%;width:27px;height:27px;margin-left:6px;cursor:pointer;font-size:13px}.selected-gallery-heading button:disabled{opacity:.25;cursor:default}.selected-gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.selected-gallery-track::-webkit-scrollbar{display:none}.selected-gallery-track figure{flex:0 0 calc((100% - 24px)/3);margin:0;scroll-snap-align:start}.selected-gallery-track img{display:block;width:100%;height:112px;object-fit:cover;border-radius:3px}.selected-gallery-track figcaption{font-size:10px;color:var(--muted);line-height:1.5;margin-top:7px}.selected-gallery button:focus-visible,.selected-gallery-track:focus-visible{outline:2px solid #68cbd0;outline-offset:3px}@media(max-width:600px){.selected-gallery-track figure{flex-basis:calc((100% - 12px)/2)}.selected-gallery-track img{height:96px}}

.selected-gallery-track .slider-frame{position:relative;aspect-ratio:2.19;overflow:hidden;border-radius:3px}.selected-gallery-track .slider-frame img{position:absolute;max-width:none;max-height:none;border-radius:0;height:auto}
.selected-gallery-track .slider-frame{cursor:pointer}.slider-description{position:absolute;inset:0;z-index:1;display:flex;align-items:center;padding:12px;background:rgba(5,22,23,.84);color:#f1f5ef;font:11px/1.5 sans-serif;opacity:0;transition:opacity .2s;pointer-events:none;overflow:auto}.slider-frame:hover .slider-description,.slider-frame:focus .slider-description,.slider-frame.description-open .slider-description{opacity:1}.slider-frame:focus-visible{outline:2px solid #68cbd0;outline-offset:3px}@media(prefers-reduced-motion:reduce){.slider-description{transition:none}}
.destination-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:18px;border-radius:3px;background:#1c3432}.destination-card-media img{display:block;width:100%;height:100%;object-fit:cover}.destination-image-empty{display:flex;align-items:center;justify-content:center;border:1px dashed #5b776b;color:#9cb5a9;font-size:12px}
.support-section{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;background:#e6ece8;color:#203839}.support-copy>p:not(.eyebrow){max-width:560px;line-height:1.7}.support-copy h2{font-size:clamp(34px,4vw,56px)}.support-note{font-size:12px!important;opacity:.7}.support-product{background:#f9faf6;border:1px solid #c6d6cf;border-radius:12px;overflow:hidden;max-width:440px}.support-product-art{min-height:200px;background:#d7e3de;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;gap:16px}.support-product-art img{width:220px;max-width:90%;height:auto}.support-product-art span{font-size:11px;letter-spacing:.18em}.support-product-art small{font-size:12px;color:#607871}.support-product-info{padding:28px}.support-product-info h3{font-size:28px;margin:12px 0}.support-product-info h3 small{display:block;font-size:12px;font-weight:400;margin-top:8px}.support-product-info>p{font-size:14px;line-height:1.6}.support-product-info button{background:#567a76;color:white;border:0;border-radius:5px;padding:13px 20px;cursor:default;opacity:.7}@media(max-width:760px){.support-section{grid-template-columns:1fr;gap:30px}.support-product{max-width:100%}}
.shirt-slider{max-width:420px;margin-top:25px}.shirt-slider-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shirt-slider-heading>span{font-size:10px;letter-spacing:.16em}.shirt-slider-heading button{border:1px solid #b5c9bf;background:transparent;color:#203839;border-radius:50%;width:30px;height:30px;cursor:pointer;margin-left:5px}.shirt-slider-heading button:disabled{opacity:.3;cursor:default}.shirt-slider-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.shirt-design{margin:0;flex:0 0 44%;scroll-snap-align:start}.shirt-design-placeholder{aspect-ratio:1.2;background:#f8faf6;border:1px dashed #a9c1b6;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.shirt-design-placeholder span{font-size:10px;letter-spacing:.12em}.shirt-design-placeholder small{font-size:11px;opacity:.6}.shirt-design figcaption{font-size:11px;margin-top:8px;color:#526d60}
.design-partner img{object-fit:contain;max-height:110px;background:#fff;border-radius:6px;padding:10px}.design-partner{margin-top:20px}
.design-partner img{background:transparent;filter:none;padding:0}
.coral-window.coral-interactive{width:82%;height:auto;aspect-ratio:1;left:9%;top:6%;border-radius:50%;background:#152d31;border:1px solid #416267;isolation:isolate}.coral-interactive .coral-fallback{width:100%;height:100%;object-fit:contain;transform:none;clip-path:none}.coral-viewer{position:absolute;inset:0;width:100%;height:100%;border:0;background:#152d31}.coral-explore{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:2;border:1px solid #85c6bd;border-radius:25px;background:#102a2de6;color:#fff;padding:12px 19px;white-space:nowrap;cursor:pointer}.coral-viewer-links{position:absolute;bottom:4%;left:0;width:100%;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:10px;color:#a2bbb8;z-index:4}.coral-viewer-links a{color:inherit}.coral-stop{border:1px solid #547875;color:#c7e0db;background:transparent;border-radius:15px;padding:5px 10px;cursor:pointer}.coral-interactive [hidden],.coral-viewer-links [hidden]{display:none}.viewer-active .coral-fallback{visibility:hidden}
/* Frame only the 3D scene: the hosted viewer keeps a sidebar in its right third. */
.coral-interactive .coral-viewer{inset:auto;left:-90px;top:-90px;width:calc(150% + 270px);height:calc(100% + 180px);max-width:none;border:0}
.coral-modes{display:flex;gap:4px}.coral-modes button{border:1px solid #547875;color:#c7e0db;background:transparent;border-radius:15px;padding:6px 11px;font:inherit;font-size:11px;cursor:pointer}.coral-modes button[aria-pressed=true]{background:#b9ded6;color:#153335;border-color:#b9ded6}.coral-viewer-links{bottom:0}
.current-partners{margin-top:55px}.current-partners>h3{font-size:22px;margin-bottom:22px}
.partners-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.partners-slider-heading h3{font-size:22px;margin:0}.partners-slider-controls{display:flex;gap:7px}.partners-slider-controls button{border:1px solid #547875;border-radius:50%;background:transparent;color:inherit;width:34px;height:34px;cursor:pointer}.partners-slider-controls button:disabled{opacity:.3;cursor:default}.partners-slider-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:5px 2px 14px}.partners-slider-track .confirmed-partner{flex:0 0 54%;min-width:0;box-sizing:border-box;margin:0;display:flex;align-items:center;gap:22px;padding:26px;border:1px solid #416267;border-radius:10px;scroll-snap-align:start}.partners-slider-track .confirmed-partner img{width:130px;max-height:85px;object-fit:contain;flex-shrink:0}.partners-slider-track .confirmed-partner h3{font-size:21px}.partners-slider-track .confirmed-partner p{font-size:13px}.partners-slider-track .confirmed-partner .eyebrow{font-size:10px}@media(max-width:760px){.partners-slider-track .confirmed-partner{flex-basis:88%;padding:20px;gap:16px;flex-direction:column;align-items:flex-start}.partners-slider-track .confirmed-partner img{height:60px;width:140px}}
.final-image-gallery{padding-top:45px;padding-bottom:55px}.final-image-gallery .selected-gallery{margin:0 auto}.partners-slider-track{overscroll-behavior-x:contain}

/* Full-width gallery: show more frames as the viewport grows. */
.section.final-image-gallery{padding-left:0;padding-right:0}
.final-image-gallery .selected-gallery{width:100%;max-width:none}
.final-image-gallery .selected-gallery-heading{padding-inline:clamp(20px,4vw,64px)}
.final-image-gallery .selected-gallery-track{overscroll-behavior-x:contain}
.final-image-gallery .selected-gallery-track figure{flex:0 0 clamp(180px,20vw,280px);min-width:0}
.final-image-gallery .selected-gallery-track figcaption{padding-inline:8px}

/* Centered frames with a preview of the neighbouring photographs. */
.final-image-gallery .selected-gallery-track{padding-block:8px 14px;mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.final-image-gallery .selected-gallery-track figure{flex-basis:var(--gallery-card-width,240px);scroll-snap-align:center}
.final-image-gallery .selected-gallery-track .slider-frame{border-radius:12px;box-shadow:0 4px 14px #0003;outline:1px solid #ffffff12;outline-offset:-1px}
.final-image-gallery .selected-gallery-track figcaption{padding-inline:4px;margin-top:10px}
.final-image-gallery .selected-gallery-heading button{width:34px;height:34px;transition:background .2s,border-color .2s}
.final-image-gallery .selected-gallery-heading button:hover{background:#ffffff12;border-color:var(--aqua)}
/* Responsive HTML infographics; original illustrations, live editable copy. */
.reef-infographic{padding:clamp(22px,3vw,46px);background:#1c1a19;border:1px solid #ffffff14;border-radius:16px;min-width:0}
.info-title{margin-bottom:32px}.info-title h3{font-size:clamp(26px,3vw,42px);margin:0 0 14px;line-height:1.15;letter-spacing:-.035em}.info-title p{font-size:16px;line-height:1.6;color:#c2cccc;margin:0;max-width:960px}
.info-workflow-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.info-workflow-group+section{border-left:1px solid #038f9660;padding-left:32px}.reef-infographic h4{color:var(--aqua);font:600 17px/1.4 Manrope,Arial,sans-serif;margin:0 0 24px;letter-spacing:.02em}.info-workflow-group ol{list-style:none;padding:0;margin:0;display:grid;gap:25px}.info-workflow-group li{display:grid;grid-template-columns:108px 1fr;gap:18px;align-items:center;min-height:112px}.infographic-stack .info-workflow-group img{width:108px;height:108px;object-fit:contain;border-radius:10px}.info-step-title{display:flex;gap:12px;align-items:baseline}.info-step-number{color:var(--coral);font-size:15px;font-weight:700}.info-step-title h5{font:600 17px/1.4 Manrope,Arial,sans-serif;margin:0}.info-workflow-group p,.info-data-copy p{color:#c2cccc;font-size:14px;line-height:1.65;margin:8px 0 0}
.info-data-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center}.info-data-copy section+section{margin-top:38px}.info-partner-data h4{color:var(--coral)}.info-icon-row{display:flex;gap:14px;align-items:center;max-width:380px;margin-bottom:18px}.infographic-stack .info-icon-row img{width:calc((100% - 56px)/5);height:64px;object-fit:contain;border-radius:7px}.info-partner-data .info-icon-row img{width:calc((100% - 42px)/4);height:72px}.infographic-stack .info-layer-diagram{position:relative;padding-right:105px;margin:0}.infographic-stack .info-layer-diagram>img{width:100%;height:auto}.info-layer-label{position:absolute;right:0;width:105px;padding-left:10px;color:#e3eae8;font-size:12px;line-height:1.4}.layer-partners{top:11%}.layer-environment{top:34%}.layer-imagery{top:54%}.layer-structure{top:75%}.info-closing{border-top:1px solid #ffffff14;padding-top:24px;margin:28px 0 0;text-align:center;font-size:clamp(17px,2vw,22px);line-height:1.5}
@media(max-width:1000px){.info-workflow-group li{grid-template-columns:80px 1fr;gap:12px}.infographic-stack .info-workflow-group img{width:80px;height:95px}.info-workflow-columns{gap:22px}.info-workflow-group+section{padding-left:22px}.info-data-grid{grid-template-columns:1fr}.info-data-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px}.info-data-copy section+section{margin-top:0}.infographic-stack .info-layer-diagram{max-width:650px;width:100%;margin:20px auto 0}}
@media(max-width:650px){.info-workflow-columns,.info-data-copy{grid-template-columns:1fr}.info-workflow-group+section{border-left:0;border-top:1px solid #038f9660;padding-left:0;padding-top:26px}.info-workflow-group li{grid-template-columns:83px 1fr;min-height:95px}.info-workflow-group ol{gap:22px}.info-title p{font-size:14px}.info-step-title{gap:9px}.info-step-title h5{font-size:16px}.info-workflow-group p{font-size:13px}.infographic-stack .info-layer-diagram{padding-right:78px}.info-layer-label{width:78px;font-size:10px;padding-left:6px}.info-data-copy section+section{margin-top:8px}}
/* Give the original illustrations more presence beside the live text. */
.info-workflow-group li{grid-template-columns:138px 1fr}
.infographic-stack .info-workflow-group img{width:138px;height:128px}
.info-icon-row{max-width:420px;gap:12px}
.infographic-stack .info-icon-row img{width:calc((100% - 48px)/5);height:84px}
.info-partner-data .info-icon-row img{width:calc((100% - 36px)/4);height:94px}
.info-layer-label{font-size:12px}
@media(min-width:1001px){.infographic-stack .info-layer-diagram{padding-right:112px}.info-layer-label{width:112px}}
@media(max-width:1000px){.info-workflow-group li{grid-template-columns:108px 1fr}.infographic-stack .info-workflow-group img{width:108px;height:115px}}
@media(max-width:650px){.info-workflow-group li{grid-template-columns:100px 1fr;gap:14px}.infographic-stack .info-workflow-group img{width:100px;height:112px}.info-layer-label{font-size:10px}.infographic-stack .info-icon-row img{height:72px}.info-partner-data .info-icon-row img{height:84px}}
@media(max-width:380px){.info-workflow-group li{grid-template-columns:86px 1fr;gap:10px}.infographic-stack .info-workflow-group img{width:86px;height:100px}}
/* Reveal gallery photographs only once their saved crop and rotation are painted. */
.selected-gallery-track:not(.slider-ready){visibility:hidden}
.selected-gallery-track .slider-frame img{visibility:hidden;transition:none!important}
.final-image-gallery .selected-gallery-track{scroll-snap-type:none;scroll-behavior:auto}
.final-image-gallery .slider-description{background:rgba(0,0,0,.58);justify-content:center;text-align:center;font:500 14px/1.5 'DM Sans',Arial,sans-serif;padding:18px;color:white;border-radius:inherit}
.final-image-gallery .selected-gallery-track figcaption{display:none}
@media(prefers-reduced-motion:reduce){.final-image-gallery .slider-description{transition:none}}
.final-image-gallery .slider-frame{background:#203234}
.final-image-gallery .slider-frame.image-load-error::after{content:'Image unavailable';position:absolute;inset:0;display:grid;place-items:center;color:#a6b6b8;font-size:12px}
.final-image-gallery .selected-gallery-track:empty{min-height:128px}
/* Keep the complete logo and activation label inside the circular hero frame. */
.coral-interactive .coral-fallback{position:absolute;left:13%;top:0;width:74%;height:74%;object-fit:contain}
.coral-interactive .coral-explore{bottom:10%;width:max-content;max-width:68%;padding:9px 13px;white-space:normal;text-align:center;font-size:clamp(11px,1vw,13px);line-height:1.35}
/* Blend the dark illustration backdrops into the infographic surface. */
.data-infographic{isolation:isolate}
.data-infographic .info-icon-row img,.data-infographic .info-layer-diagram>img{mix-blend-mode:lighten;background:transparent;border-radius:0}
.workflow-infographic{isolation:isolate}
.workflow-infographic .info-workflow-group img{mix-blend-mode:lighten;background:transparent;border-radius:0}
/* Separate the core observations from potential contributions. */
.info-data-copy .info-partner-data{border-top:1px solid #038f9660;padding-top:28px}
/* Restore the hero artwork's presence and a generous activation button. */
.coral-interactive .coral-fallback{left:7%;top:-1%;width:86%;height:86%}
.coral-interactive .coral-explore{bottom:7%;max-width:76%;padding:12px 19px;font-size:15px;line-height:1.3;min-height:46px}
@media(max-width:650px){.info-data-copy .info-partner-data{padding-top:24px}.coral-interactive .coral-explore{font-size:13px;padding:10px 15px;bottom:6%;max-width:74%;min-height:44px}}
@media(max-width:650px){.coral-interactive .coral-fallback{left:10%;width:80%;height:80%}}
/* Parallel survey and partner columns, separated vertically. */
.data-infographic .info-data-grid{grid-template-columns:1fr;gap:32px}
.data-infographic .info-data-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.data-infographic .info-data-copy .info-partner-data{margin-top:0;padding-top:0;border-top:0;border-left:1px solid #038f9660;padding-left:32px}
.data-infographic .info-layer-diagram{width:100%;max-width:720px;margin:0 auto;padding-right:115px}
.data-infographic .info-layer-label{width:115px;font-size:13px}
@media(max-width:650px){.data-infographic .info-data-copy{gap:14px}.data-infographic .info-data-copy .info-partner-data{padding-left:14px}.data-infographic .info-data-copy h4{font-size:14px;margin-bottom:16px}.data-infographic .info-data-copy p{font-size:12px}.data-infographic .info-icon-row{flex-wrap:wrap;gap:7px}.data-infographic .info-icon-row img,.data-infographic .info-partner-data .info-icon-row img{width:calc((100% - 7px)/2);height:56px}.data-infographic .info-layer-diagram{padding-right:78px}.data-infographic .info-layer-label{width:78px;font-size:10px}}
/* A roomier circular viewer, with separate space for the logo and button. */
.hero-art{min-height:max(700px,calc(43vw + 150px))}
.coral-window.coral-interactive{width:94%;left:3%;top:3%;height:auto;aspect-ratio:1}
.coral-interactive .coral-fallback{left:8%;top:2%;width:84%;height:84%}
.coral-interactive .coral-explore{bottom:7%;max-width:68%;padding:12px 22px;font-size:16px;min-height:48px}
@media(max-width:700px){.hero-art{min-height:0;height:calc(94vw + 130px)}.coral-window.coral-interactive{top:0}.hero-art .art-label{bottom:45px}.coral-interactive .coral-fallback{left:8%;top:2%;width:84%;height:84%}.coral-interactive .coral-explore{bottom:7%;max-width:68%;font-size:14px;padding:10px 15px;min-height:44px}}

.vessel-mark .vessel-photo{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:16px}

/* Live-text vessel infographic, using the science diagrams' palette and dividers. */
.vessel{grid-template-columns:1.15fr 1fr;gap:64px}.vessel-infographic{margin:0;min-width:0;isolation:isolate}.vessel-infographic figcaption{text-align:center}.vessel-infographic .eyebrow{color:var(--coral);font-size:9px;margin:0 0 8px}.vessel-infographic h3{font-size:30px;margin:0;letter-spacing:-.03em}.vessel-infographic h3 em{font-size:16px;margin-left:12px;letter-spacing:.02em}.vi-platform{position:relative}.vi-boat{width:100%;display:block;max-height:265px}.vi-spine{height:24px;width:1px;background:#038f9680;margin:-9px auto 0}.vi-systems{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;list-style:none;border-top:1px solid #038f9680}.vi-systems li{display:flex;align-items:center;gap:10px;padding:20px 12px 20px 0;border-bottom:1px solid #038f9660}.vi-systems li:nth-child(even){border-left:1px solid #038f9660;padding-left:16px}.vi-icon{width:74px;flex-shrink:0;color:var(--aqua)}.vi-icon svg,.vi-icon img{width:100%;height:74px;object-fit:contain;display:block}.vi-icon img{mix-blend-mode:lighten}.vi-systems h4{font:500 14px/1.3 Manrope,Arial,sans-serif;margin:0 0 7px;color:var(--white)}.vi-systems h4 b{display:block;font:400 9px/1.5 'DM Sans',Arial,sans-serif;color:var(--coral);margin-bottom:4px}.vessel .vi-systems p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}.vessel .vi-footnote{text-align:center;font-size:11px;line-height:1.5;color:var(--aqua);margin:18px 0 0;max-width:none}
@media(max-width:1100px){.vessel{gap:32px}.vi-systems li{display:block}.vi-icon{width:78px;margin-bottom:10px}.vi-systems h4{font-size:14px}}
@media(max-width:700px){.vessel{grid-template-columns:1fr;gap:32px}.vessel-infographic{grid-row:3}.vessel-infographic .vi-systems li{display:flex}.vi-icon{width:62px;margin:0}.vi-systems li{padding:16px 8px 16px 0}.vi-systems li:nth-child(even){padding-left:12px}.vi-systems h4{font-size:13px}.vessel .vi-systems p{font-size:11px}.vi-boat{max-height:260px}}
@media(max-width:390px){.vessel-infographic .vi-systems li{display:block}.vi-icon{margin-bottom:8px}}

/* Keep the small field label above the viewer credit and controls. */
.hero-art .art-label{bottom:94px}.hero-art .art-label span{margin-bottom:0}@media(max-width:700px){.hero-art .art-label{bottom:86px}}

/* Let the browser handle gallery swipes and momentum, including vertical page scrolling. */
.final-image-gallery .selected-gallery-track{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.final-image-gallery .slider-frame{touch-action:pan-x pan-y pinch-zoom}.final-image-gallery .slider-frame img{-webkit-user-drag:none;user-select:none}
