@font-face{font-family:OceanSerif;src:url('/assets/oceans/EBGaramond.ttf');font-display:swap}
body.ocean-page{background-color:#102c40;background-image:url('/assets/oceans/seafloor-contours-v001.svg')!important;background-size:1600px 1100px!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:center 160px;color:#ece7d9}.ocean-page .mm-header,.ocean-page .mm-footer{background:#0b2233}.ocean-page .mm-header a[aria-current]{border-bottom:1px solid #c7b58c}.ocean-kicker,.ocean-folio{font:600 10px/1.6 MapSans,sans-serif;letter-spacing:.16em;color:#c7b58c}.ocean-intro{max-width:1300px;margin:auto;padding:76px 5% 70px}.ocean-page .ocean-intro h1{font:400 clamp(60px,7vw,104px)/.98 OceanSerif,Georgia,serif;margin:24px 0 26px}.ocean-intro>p:not(.ocean-kicker){max-width:660px;color:#c4d0d3;font-size:16px;line-height:1.9}.ocean-link{display:inline-block;font:600 12px/1.6 MapSans,sans-serif;border-bottom:1px solid #c7b58c;padding-bottom:8px;margin-top:25px;color:#eee7d7}.ocean-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:54px 32px;max-width:1400px;margin:auto;padding:0 5% 80px}.ocean-card{grid-column:span 2;min-width:0}.ocean-card:nth-child(4){grid-column:2/span 2}.ocean-card:nth-child(5){grid-column:4/span 2}.ocean-open{position:relative;display:block;width:100%;padding:clamp(14px,1.7vw,24px);border:1px solid #fff9;background:#f6f2e9;cursor:zoom-in;box-shadow:0 18px 42px #0005;color:#eee7d7}.ocean-open img{display:block;box-shadow:0 2px 8px #102c4026;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.ocean-view{position:absolute;bottom:clamp(14px,1.7vw,24px);left:clamp(14px,1.7vw,24px);right:clamp(14px,1.7vw,24px);padding:15px;background:#071b2ee8;font:12px MapSans,sans-serif;opacity:0;transition:opacity .2s}.ocean-open:hover .ocean-view,.ocean-open:focus-visible .ocean-view{opacity:1}.ocean-open:focus-visible{outline:3px solid #d3bb89;outline-offset:5px}.ocean-folio{margin:22px 0 7px!important}.ocean-page .ocean-card h2{font:400 36px/1.1 OceanSerif,Georgia,serif;margin-bottom:12px}.ocean-card>p:last-child{font-size:13px;color:#c2cdd2;line-height:1.8}.ocean-note{max-width:1260px;margin:auto;padding:30px 5% 75px;border-top:1px solid #afbac338;display:grid;grid-template-columns:1fr 1.3fr;gap:24px 65px}.ocean-note>.ocean-kicker{grid-column:1/-1}.ocean-page .ocean-note h2{font:400 46px/1.05 OceanSerif,Georgia,serif}.ocean-note div p{font-size:13px;color:#c2cdd2;margin-bottom:18px}.ocean-note summary{cursor:pointer;font-size:12px;color:#e7dfcd}.ocean-note details p:first-of-type{margin-top:15px}.ocean-note details a{text-decoration:underline}
.ocean-home{background:#102c40 url('/assets/oceans/seafloor-contours-v001.svg') center/cover no-repeat;color:#ece7d9;padding:60px 5% 72px}.ocean-home-copy{max-width:1240px;margin:auto}.mm-page .ocean-home h2{font:400 clamp(42px,4.5vw,68px)/1.1 OceanSerif,Georgia,serif;margin:16px 0}.ocean-home-copy>p:not(.ocean-kicker){max-width:630px;color:#c4d0d3;font-size:14px}.ocean-home-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:1240px;margin:38px auto 0;align-items:center}.ocean-home-strip img{box-shadow:0 10px 22px #0005;width:100%;height:auto;object-fit:contain;border:clamp(5px,.85vw,12px) solid #f6f2e9;background:#f6f2e9}.ocean-home-strip:focus-visible{outline:3px solid #d3bb89}
#oceanDialog{border:1px solid #607685;background:#0f2839;color:#eee8d9;width:min(1400px,95vw);max-width:none;max-height:94vh;padding:0;box-sizing:border-box;overflow:auto}#oceanDialog::backdrop{background:#020c15d9}.ocean-dialog-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;background:#0c2030;padding:16px 22px;font:12px MapSans,sans-serif}.ocean-dialog-head button,.ocean-detail-copy button{font:12px MapSans,sans-serif;background:transparent;border:1px solid #a9b7bf88;border-radius:0;color:#ece7d9;padding:10px 14px;cursor:pointer}.ocean-dialog-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px;padding:26px}.ocean-image-wrap{min-width:0;overflow:auto;max-height:78vh;background:#f6f2e9;border:12px solid #f6f2e9;box-shadow:0 10px 26px #0003;text-align:center}.ocean-image-wrap img{width:100%;height:100%;max-height:78vh;object-fit:contain;display:block;margin:auto}.ocean-image-wrap.zoomed img{max-width:none;max-height:none;height:auto;width:180%;cursor:zoom-out}.ocean-detail-copy{padding:10px 16px 20px}.ocean-page .ocean-detail-copy h2{font:400 46px/1.1 OceanSerif,Georgia,serif;margin:12px 0 22px}.ocean-detail-copy p{font-size:13px;line-height:1.8;color:#c7d0d3;margin:0 0 18px}.ocean-detail-copy h3{font:400 24px/1.2 OceanSerif,Georgia,serif;margin:26px 0 10px;color:#d3bf96}.ocean-detail-copy a{font-size:11px;color:#c7b58c;text-decoration:underline}.ocean-detail-note{font-size:11px!important;border-top:1px solid #aabfc344;padding-top:20px;margin-top:24px!important}.ocean-dialog-nav{display:flex;gap:12px;justify-content:space-between}#oceanZoom{margin:8px 0 0}
@media(max-width:850px){.ocean-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.ocean-card,.ocean-card:nth-child(4),.ocean-card:nth-child(5){grid-column:auto}.ocean-card:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}.ocean-dialog-grid{grid-template-columns:1fr;padding:18px}.ocean-image-wrap{max-height:70vh}.ocean-image-wrap img{max-height:70vh}.ocean-note{gap:25px}.ocean-home-strip{gap:10px}}
@media(max-width:550px){body.ocean-page{background-attachment:scroll!important}.ocean-intro{padding:42px 22px}.ocean-page .ocean-intro h1{font-size:60px}.ocean-intro>p:not(.ocean-kicker){font-size:14px}.ocean-grid{grid-template-columns:1fr;gap:44px;padding:0 22px 50px}.ocean-card:last-child{width:100%;grid-column:auto}.ocean-note{display:block;padding:28px 22px 45px;margin:0 22px}.ocean-note h2{margin:20px 0!important;font-size:40px!important}.ocean-home{padding:38px 22px 45px}.ocean-home-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ocean-home-strip img:nth-child(4){grid-column:1/2;margin-left:55%}.ocean-home-strip img:nth-child(5){grid-column:2/3;margin-left:55%}.ocean-view{opacity:1;padding:10px;font-size:11px}#oceanDialog{width:96vw}.ocean-dialog-grid{padding:12px}.ocean-detail-copy{padding:14px 5px}.ocean-dialog-head{padding:12px}.ocean-dialog-nav button{min-height:44px}.ocean-page .mm-header nav{justify-content:flex-start;gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.ocean-view{transition:none}}

/* Island atlases: four distinct editions within the ocean collection. */
.island-collection{border-top:1px solid #afbac338;max-width:1400px;margin:auto;padding:58px 5% 76px}.island-intro{max-width:700px;margin:0 0 42px}.ocean-page .island-intro h2{font:400 clamp(42px,5vw,66px)/1.1 OceanSerif,Georgia,serif;margin:18px 0}.island-intro>p:last-child{color:#c4d0d3;font-size:14px;line-height:1.9}.island-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}.island-grid .ocean-card,.island-grid .ocean-card:nth-child(4){grid-column:auto;width:100%}.ocean-home-islands{grid-template-columns:repeat(4,minmax(0,1fr));max-width:980px}.ocean-home-subtitle{max-width:1240px;margin:46px auto 0;font:400 32px OceanSerif,Georgia,serif;color:#eee8d9}@media(max-width:550px){.island-collection{padding:38px 22px 50px}.island-grid{grid-template-columns:1fr;gap:40px}.ocean-home-islands{grid-template-columns:repeat(2,minmax(0,1fr))}.ocean-home-islands img:nth-child(4){grid-column:auto;margin-left:0}}
