.pohnpei-page{--pn-ink:#082b39;--pn-blue:#075e78;--pn-cyan:#1db8c8;--pn-green:#215b49;--pn-sand:#f2ead8;background:#f6faf9;color:var(--pn-ink)}
.pohnpei-hero{background-image:linear-gradient(90deg,#001b2ce8 0%,#003b55a6 48%,#00253b22 100%),url("pohnpei/reef-aerial.webp");background-size:cover;background-position:center}.pohnpei-hero:before{background:linear-gradient(180deg,transparent 45%,#001522c9)}.pohnpei-hero h1{white-space:nowrap}
.pohnpei-page figure{margin:0;overflow:hidden}.pohnpei-page figure img{display:block;width:100%;height:100%;object-fit:cover}.pohnpei-page figcaption{padding:14px 16px;color:#335d65;background:#fff;font-size:14px;line-height:1.65}
.pn-intro,.pn-sea,.pn-falls,.pn-night,.pn-airport{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(42px,7vw,105px);align-items:center;padding:clamp(84px,10vw,140px) var(--pad)}
.pn-intro,.pn-falls,.pn-night{background:#fff}.pn-sea,.pn-airport{color:#fff;background:linear-gradient(125deg,#064e68,#021f31)}
.pn-intro h2,.pn-sea h2,.pn-falls h2,.pn-night h2,.pn-airport h2,.pn-heading h2,.pn-ruins h2{margin:10px 0 26px;font-size:clamp(38px,5vw,68px);line-height:1.28}.pn-intro p,.pn-falls p,.pn-night p{color:#46646b;line-height:2.05}.pn-sea p,.pn-airport p{color:#d7edf0;line-height:2.05}
.pn-intro figure,.pn-sea figure,.pn-falls figure,.pn-night figure,.pn-airport figure{min-height:500px}.pn-sea figcaption,.pn-airport figcaption{color:#d7edf0;background:#063346}
.pn-falls-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pn-falls-photos figure{min-height:500px}.pn-falls-photos figure:last-child{min-height:350px;align-self:end}
.pn-falls-title span{display:block;white-space:nowrap}
.pn-airport-title span{display:block;white-space:nowrap}
.pn-diving,.pn-local,.pn-guam{padding:clamp(84px,10vw,140px) var(--pad)}.pn-diving{background:var(--pn-sand)}.pn-heading{max-width:920px;margin-bottom:48px}.pn-heading>p:not(.eyebrow){max-width:820px;color:#526a70;line-height:2.05}
.pn-grid{display:grid;gap:12px}.pn-grid.three{grid-template-columns:1fr 1.35fr}.pn-grid.three .wide{min-height:420px}.pn-grid.three figure:first-child{grid-row:span 2}.pn-grid.three figure:first-child img{object-position:center}.pn-grid figure{min-height:340px}
.pn-ruins{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,7vw,100px);padding:clamp(84px,10vw,140px) var(--pad);color:#fff;background:linear-gradient(135deg,#071f1a,#174c3d)}.pn-ruins p{color:#d3e7df;line-height:2.05}.pn-ruins blockquote{margin:28px 0 0;padding:22px;border-left:4px solid #7bd7b1;background:#ffffff10;font-size:18px;font-weight:700;line-height:1.9}.pn-grid.ruins{grid-template-columns:1fr 1fr}.pn-grid.ruins .wide{grid-column:span 2;min-height:430px}.pn-ruins figcaption{color:#d6e9e2;background:#12372e}
.pn-local{color:#fff;background:linear-gradient(125deg,#4b2418,#963d25)}.pn-local .pn-heading>p:not(.eyebrow){color:#f0ddd5}.pn-grid.local{grid-template-columns:1fr 1fr}.pn-grid.local .wide{min-height:520px}.pn-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,56px);background:#fff;color:#4a2a20}.pn-story h3{margin:0 0 20px;font-size:clamp(28px,3vw,42px)}.pn-story p{margin:0;color:#725143;line-height:2}.pn-story.accent{background:#6f2c1c;color:#fff}.pn-story.accent p{color:#f3ddd4}.pn-local figcaption{color:#fff0e9;background:#6b2b1c}
.pn-guam{background:#e9f3f5}.pn-grid.guam{grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,minmax(260px,31vw))}.pn-grid.guam .wide{grid-row:span 2}.pn-grid.guam .wide img{object-position:center}.pn-grid.guam figure{min-height:0}
@media(max-width:900px){.pn-intro,.pn-sea,.pn-falls,.pn-night,.pn-airport,.pn-ruins{grid-template-columns:1fr}.pn-grid.three{grid-template-columns:1fr 1fr}.pn-grid.three figure:first-child{grid-row:auto}.pn-intro figure,.pn-sea figure,.pn-falls figure,.pn-night figure,.pn-airport figure{min-height:400px}.pn-falls-photos figure,.pn-falls-photos figure:last-child{min-height:380px}}
@media(max-width:620px){.pohnpei-page .od-hero h1{font-size:clamp(56px,20vw,94px)}.pn-falls-photos,.pn-grid.three,.pn-grid.ruins,.pn-grid.local,.pn-grid.guam{grid-template-columns:1fr;grid-template-rows:auto}.pn-falls-photos figure,.pn-falls-photos figure:last-child{min-height:300px}.pn-grid.ruins .wide,.pn-grid.guam .wide{grid-column:auto;grid-row:auto}.pn-grid figure,.pn-grid.three .wide,.pn-grid.local .wide,.pn-grid.guam figure{min-height:300px}.pn-intro h2,.pn-sea h2,.pn-falls h2,.pn-night h2,.pn-airport h2,.pn-heading h2,.pn-ruins h2{font-size:clamp(34px,10vw,48px)}}