.ph-page{--ph-navy:#032936;--ph-blue:#087f94;--ph-aqua:#48d9d0;--ph-sand:#f4ead7;background:#f6faf8;color:#092d35}.ph-page figure{margin:0;overflow:hidden}.ph-page figure img{display:block;width:100%;height:100%;object-fit:cover}.ph-page figcaption{padding:12px 15px;background:#fff;color:#345a60;font-size:13px;font-weight:600}.ph-hero{background-image:linear-gradient(90deg,#001c29e8 0%,#003349a8 48%,#00172336 100%),url("philippines/hero-sunset.jpg");background-size:cover;background-position:center}.ph-hero:before{background:linear-gradient(180deg,transparent 45%,#00131fd0)}.ph-hero h1{white-space:nowrap}.ph-hero .hero-sub{margin:-10px 0 22px;color:#8af4eb;font-size:clamp(24px,3vw,42px);font-weight:800;letter-spacing:.04em}.ph-intro,.ph-puerto{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,100px);align-items:center;padding:clamp(82px,10vw,140px) var(--pad)}.ph-intro{background:#fff}.ph-intro h2,.section-copy h2,.ph-finale h2{margin:10px 0 28px;font-size:clamp(40px,5vw,70px);line-height:1.25}.copy p,.section-copy p{line-height:2;color:#46666b}.ph-anilao,.ph-island{padding:clamp(82px,10vw,140px) var(--pad)}.ph-anilao{color:#fff;background:linear-gradient(135deg,#062e3b,#00758a)}.ph-anilao .section-copy{max-width:850px;margin-bottom:46px}.ph-anilao .section-copy p{color:#d9f2f1}.anilao-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:repeat(2,minmax(260px,32vw));gap:12px}.anilao-grid .large{grid-row:1/3}.anilao-grid figcaption{color:#dff8f6;background:#073b47}.ph-puerto{background:var(--ph-sand)}.puerto-photos{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}.puerto-photos .tall{grid-row:1/3}.puerto-photos .tall img{object-position:center}.ph-island{color:#fff;background:#031f2b}.ph-island .section-copy{max-width:900px;margin-bottom:46px}.ph-island .section-copy p{color:#cfe7e7}.island-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.island-grid .wide{grid-column:span 2}.island-grid figure{min-height:330px}.island-grid figcaption{color:#d9eeee;background:#0a3440}.ph-finale{min-height:70vh;display:grid;place-items:center;padding:clamp(90px,12vw,170px) var(--pad);text-align:center;color:#fff;background:linear-gradient(#002431a8,#001923d9),url("philippines/hero-sunset.jpg") center/cover}.ph-finale>div{max-width:980px}.ph-finale p:not(.eyebrow){margin:0 auto 34px;max-width:700px;color:#d8eeee;font-size:18px;line-height:2}.ph-finale .button{margin:6px}.ph-finale .secondary{border-color:#fff;color:#fff}
@media(max-width:900px){.ph-intro,.ph-puerto{grid-template-columns:1fr}.puerto-photos{order:2;min-height:520px}.island-grid{grid-template-columns:1fr 1fr}.island-grid .wide{grid-column:span 2}}
@media(max-width:620px){.ph-page .od-hero h1{font-size:clamp(58px,19vw,90px)}.ph-hero .hero-sub{font-size:22px}.ph-intro h2,.section-copy h2,.ph-finale h2{font-size:clamp(34px,10vw,48px)}.anilao-grid,.island-grid{grid-template-columns:1fr;grid-template-rows:auto}.anilao-grid .large,.island-grid .wide{grid-row:auto;grid-column:auto}.anilao-grid figure,.island-grid figure{min-height:290px}.puerto-photos{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.puerto-photos .tall{grid-row:auto}.puerto-photos figure{min-height:300px}}