:root{--navy:#062c42;--teal:#087eae;--mint:#e5f6f8;--ink:#142d3a;--muted:#5a707b;--paper:#f4f9fa;--line:#d9e7ea}
.nav{min-height:68px}.brand{gap:9px}.brand-logo{display:block;width:78px;max-width:24vw;height:auto;object-fit:contain}.site-footer .brand-logo{width:76px}.brand>span{font-size:14px;white-space:nowrap}.nav-links{gap:14px}.nav-links a[aria-current=page]{color:#087eae;font-weight:800}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#062b42;padding:70px 0 64px}.hero:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(90deg,#031d30f2 0%,#052a40d9 46%,#03243c50 100%),url('/assets/ocean-opportunities-sprite.png?v=20261025-visual1');background-size:auto,500% 200%;background-position:center,0% 0%;background-repeat:no-repeat}.hero>.wrap{position:relative;z-index:1}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(220px,.55fr);gap:34px}.hero h1{max-width:700px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6.2vw,76px);font-weight:500;letter-spacing:-.04em}.hero p{max-width:650px}.hero .eyebrow{color:#89e3ea}.hero .btn{background:#087eae}.hero-visual{border-color:#c8edf044;background:#06283d55;backdrop-filter:blur(4px)}.visual-orb{height:185px;background-image:linear-gradient(#022a3c12,#022a3c12),url('/assets/ocean-opportunities-sprite.png?v=20261025-visual1');background-size:auto,500% 200%;background-position:center,100% 0%;background-repeat:no-repeat}.visual-stats div{background:#001c2d8a}.hero-note{max-width:620px}
.ocean-photo{background-image:url('/assets/ocean-opportunities-sprite.png?v=20261025-visual1');background-size:500% 200%;background-repeat:no-repeat;background-color:#06324b}.scene-0{background-position:0% 0%}.scene-1{background-position:25% 0%}.scene-2{background-position:50% 0%}.scene-3{background-position:75% 0%}.scene-4{background-position:100% 0%}.scene-5{background-position:0% 100%}.scene-6{background-position:25% 100%}.scene-7{background-position:50% 100%}.scene-8{background-position:75% 100%}.scene-9{background-position:100% 100%}
.op-card{padding:0;overflow:hidden;min-height:100%;border-radius:18px;box-shadow:0 8px 26px #062d4010;transition:transform .18s ease,box-shadow .18s ease}.op-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #062d4022}.op-card-photo{height:168px;width:100%}.op-card-body{padding:18px;display:flex;flex:1;flex-direction:column}.card-topline{display:flex;align-items:center;justify-content:space-between}.mini-wave{color:#087eae;font-size:21px}.op-card h3{margin:12px 0 6px;font-family:Georgia,'Times New Roman',serif;font-size:21px;font-weight:600}.card-org{margin:0 0 7px;color:#47636f;font-size:12px;font-weight:750}.card-description{margin:0 0 12px;color:#637984;font-size:13px;line-height:1.6}.card-meta{padding-top:11px;border-top:1px solid var(--line);font-size:11px;color:#6c818a}.card-actions{margin-top:auto;padding-top:14px}.op-card .save-btn{font-size:12px}
.category-card{overflow:hidden;border-radius:15px;box-shadow:0 5px 15px #062d400c}.category-card:before{content:"";display:block;height:112px;margin:-17px -14px 14px;background-image:url('/assets/ocean-opportunities-sprite.png?v=20261025-visual1');background-size:500% 200%;background-repeat:no-repeat}.categories .category-card:nth-child(1):before{background-position:25% 0%}.categories .category-card:nth-child(2):before{background-position:50% 100%}.categories .category-card:nth-child(3):before{background-position:50% 0%}.categories .category-card:nth-child(4):before{background-position:25% 100%}.categories .category-card:nth-child(5):before{background-position:100% 0%}.categories .category-card:nth-child(6):before{background-position:50% 0%}.categories .category-card:nth-child(7):before{background-position:100% 100%}
.detail-shell{max-width:1120px;margin:0 auto}.detail-hero{position:relative;display:flex;align-items:center;min-height:360px;overflow:hidden;padding:38px;border-radius:22px;color:white;background:#052a41;isolation:isolate}.detail-photo{position:absolute;z-index:-2;inset:0;background-size:500% 200%;background-position:center}.detail-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#001a2bef 0%,#002b42db 50%,#003d5b35 100%)}.detail-hero-copy{max-width:720px}.detail-hero .tag{background:#d5f5f7;color:#075777}.detail-hero h1{max-width:720px;margin:14px 0 9px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,5vw,55px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.detail-hero .provider{color:#d5eef2}.detail-summary{max-width:650px;color:#e2f0f2;font-size:15px}.detail-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.detail-chips span{border:1px solid #ffffff42;background:#ffffff15;border-radius:30px;padding:7px 11px;color:white;font-size:12px}.detail-hero-actions{display:flex;gap:9px;align-items:center;margin-top:18px}.detail-hero-actions .apply-btn{background:#087eae}.detail-save{background:#ffffff18;border-color:#ffffff70;color:white}.detail-save.saved{background:#d8f1f7;color:#075777}.journey{max-width:780px;margin:22px auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.journey-step{display:flex;align-items:center;gap:9px;font-weight:750;color:#55717d;font-size:13px}.journey-step i{display:grid;place-items:center;width:32px;height:32px;background:#e7f5f7;border-radius:50%;color:#087eae;font-size:11px;font-style:normal}.journey-step.current{color:#075777}.journey-step.current i{color:white;background:#087eae;box-shadow:0 3px 11px #087eae44}.journey-line{width:70px;height:2px;background:linear-gradient(90deg,#16b6d4,#d8e8eb)}
.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.detail-main{display:grid;gap:11px}.opportunity-section{display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;padding:19px 21px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px #062d4008}.section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e6f7f8;color:#087eae;font-weight:850}.opportunity-section h2{font-family:inherit;font-size:15px;letter-spacing:0;margin:1px 0 7px}.section-copy{white-space:pre-line;color:#506973;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.detail-side{position:sticky;top:88px;padding:20px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 28px #062d4010}.verified-label{display:flex;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.verified-label>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#dff7ea;color:#168253;font-weight:900}.verified-label strong,.verified-label small{display:block}.verified-label strong{font-size:14px;color:#062c42}.verified-label small{margin-top:2px;color:#687f88;font-size:11px;line-height:1.45}.side-fact{padding:13px 0;border-bottom:1px solid var(--line)}.side-fact span,.side-fact strong{display:block}.side-fact span{color:#6c818a;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.side-fact strong{margin-top:4px;color:#062c42;font-size:14px;overflow-wrap:anywhere}.side-apply{width:100%;margin-top:15px}.detail-side .source-link{display:block;text-align:center;margin-top:12px;color:#087eae;font-size:12px;font-weight:750;text-decoration:none}
.story-grid,.service-grid,.minutes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card,.service-card,.minute-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:white;box-shadow:0 8px 24px #062d400c}.story-photo,.service-photo{height:205px}.story-card-copy,.service-copy{position:relative;padding:22px}.story-mark{position:absolute;right:19px;top:7px;color:#d4eff3;font-family:Georgia,serif;font-size:70px;line-height:1}.story-card h2,.service-copy h2,.minute-card h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:23px;margin:3px 0 8px}.story-byline,.story-opportunity{font-size:12px;color:#087eae;font-weight:750;margin:5px 0}.story-card-copy>p:last-child,.service-copy>p{color:#5f747e;font-size:14px;line-height:1.7}.service-card{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:stretch}.service-photo{height:auto;min-height:210px}.service-copy{padding:22px}.service-copy .text-link{display:inline-block;margin-top:5px}.minute-card{display:flex;gap:16px;padding:23px}.minute-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#087eae,#06344d);font-size:23px}.minute-meta{color:#087eae;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.minute-card h2{margin:5px 0;font-size:21px}.minute-card p{margin:8px 0 12px;color:#5f747e;font-size:14px;line-height:1.65}.ocean-page-hero{position:relative;isolation:isolate;overflow:hidden;background:#052c43}.ocean-page-hero:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(90deg,#05283eef,#063b5480),url('/assets/ocean-opportunities-sprite.png?v=20261025-visual1');background-size:auto,500% 200%;background-position:center,100% 0%;background-repeat:no-repeat}.ocean-page-hero>.wrap{position:relative;z-index:1}.ocean-page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5vw,54px);font-weight:500}.ocean-page-hero p{max-width:680px}
.blue-minute-dialog{width:min(520px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 24px 80px #001b2b66}.blue-minute-dialog::backdrop{background:#001b2bbd;backdrop-filter:blur(3px)}.blue-minute-modal{position:relative;padding:30px;background:radial-gradient(ellipse at 100% 0,#d8f1f7,transparent 48%),white;border:1px solid #cde6eb;border-radius:22px}.blue-minute-close{position:absolute;top:12px;right:13px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--navy);font-size:22px;cursor:pointer}.blue-minute-kicker{color:#087eae;font-size:11px;letter-spacing:.12em;font-weight:900}.blue-minute-modal h2{margin:9px 0;font-family:Georgia,'Times New Roman',serif;font-size:25px}.blue-minute-fact{margin:12px 0 18px;font-size:18px;line-height:1.55;color:#294c5b}.blue-minute-source{color:#087eae;font-size:13px;font-weight:800;text-decoration:none}.blue-minute-source[hidden]{display:none}.blue-minute-note{margin:17px 0 0;padding-top:13px;border-top:1px solid var(--line);color:#71838b;font-size:12px}
.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-photo{z-index:0}.detail-hero-shade{z-index:1}.detail-hero-copy{position:relative;z-index:2}.guide-toggle{margin-top:6px;padding:16px 18px;background:white;border:1px solid var(--line);border-radius:15px}.guide-toggle summary{color:#087eae;font-size:13px;font-weight:800;cursor:pointer}.guide-toggle .section-copy{padding-top:11px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:540px}.detail-columns{grid-template-columns:minmax(0,1fr) 250px}.service-card{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:900px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero h1{font-size:clamp(41px,11vw,58px)}.op-card-photo{height:190px}.detail-hero{min-height:430px;padding:25px 20px;align-items:flex-end}.detail-hero-shade{background:linear-gradient(0deg,#001a2bf5 0%,#002b42bb 62%,#003d5b38 100%)}.detail-hero h1{font-size:clamp(33px,9vw,45px)}.detail-columns{grid-template-columns:1fr}.detail-side{position:static;grid-row:1}.detail-main{grid-row:2}.journey{gap:6px;padding:11px 8px}.journey-step{flex-direction:column;gap:4px;font-size:10px;text-align:center}.journey-line{width:9vw}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid,.service-grid,.minutes-grid{grid-template-columns:1fr}.story-photo{height:190px}.service-card{grid-template-columns:1fr}.service-photo{height:170px;min-height:0}.minute-card{padding:18px}.detail-hero-actions{flex-wrap:wrap}.ocean-page-hero{padding:42px 0}.brand-logo{width:68px;max-width:23vw}.site-footer .brand-logo{width:72px}}