/* CE home polish batch 2: moments, why-teaser, story, CTA. Scoped classes only. */
.c2-head{text-align:center;max-width:640px;margin:0 auto 34px}
.c2-head .eyebrow{margin-bottom:10px}
.c2-head h2{margin:0 0 10px}
.c2-head p{margin:0 auto;color:#5C7C82;max-width:520px}
/* Moments */
.mo2{padding:72px 0 64px}
.mo2-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:230px 230px;gap:16px}
.mo2-c{position:relative;margin:0;border-radius:18px;overflow:hidden;background:linear-gradient(0deg,rgba(5,34,39,.82),rgba(5,34,39,0) 62%),var(--mi) center/cover;display:flex;align-items:flex-end;color:#fff;box-shadow:inset 0 0 0 1px rgba(11,59,68,.1)}
.mo2-a{grid-row:1/3}.mo2-d{grid-column:2/4}
.mo2-c figcaption{padding:20px 22px}
.mo2-c h3{margin:0 0 4px;color:#fff;font:600 19px/1.25 Poppins,Arial,sans-serif;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.mo2-a h3{font-size:24px}
.mo2-c p{margin:0;color:#f3f8f8;font-size:14px;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.mo2-t{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.92);color:#0b3b44;font:600 11px/1 Poppins,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
/* Why teaser */
.wy2{padding:72px 0}
.wy2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wy2-c{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e1ebe9;box-shadow:0 6px 20px rgba(11,79,92,.07)}
.wy2-ph{height:210px;background:var(--wi) center 30%/cover}
.wy2-b{padding:22px 24px 26px}
.wy2-b i{font:600 12px Poppins,Arial,sans-serif;color:#B33A30;font-style:normal;letter-spacing:.16em}
.wy2-b h3{margin:8px 0 6px;font-size:19px}
.wy2-b p{margin:0;color:#4d6f75;font-size:15px;line-height:1.55}
/* Story */
.st2{padding:56px 0}
.st2-card{display:grid;grid-template-columns:1.05fr 1fr;border-radius:26px;overflow:hidden;background:#f1f7f5;box-shadow:0 10px 30px rgba(11,79,92,.1)}
.st2-ph{position:relative;min-height:420px;background:linear-gradient(0deg,rgba(5,34,39,.55),rgba(5,34,39,0) 45%),url(img/stories.webp) center/cover}
.st2-cap{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;font:500 17px/1.4 Poppins,Arial,sans-serif;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.st2-b{padding:46px 44px!important;align-self:center}
.st2-b h2{margin:0 0 12px;font-size:clamp(26px,3vw,36px)!important;line-height:1.15}
.st2-p{margin:0 0 18px;color:#4d6f75;font-size:16px;line-height:1.6}
.st2-pills{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.st2-pills li{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid #cfe1de;color:#0b4f5c;font:500 13px/1 Poppins,Arial,sans-serif}
.st2-go{margin:0!important}
.st2-note{margin:12px 0 0;color:#4d6f75;font-size:13px}
/* CTA */
.cta2s{padding:40px 0 64px}
.cta2{background:linear-gradient(rgba(5,34,39,.9),rgba(5,34,39,.84)),url(img/hero.webp) center/cover!important;padding:72px 28px!important;text-align:center}
.cta2 .eyebrow{color:#F6B042!important;margin-bottom:12px}
.cta2 h2{color:#fff!important;text-shadow:none}
.cta2 p{color:#fff!important;opacity:1!important;max-width:520px}
.cta2 .cta2-btn{background:#fff!important;color:#0b3b44!important;font-weight:700;border-radius:99px!important;padding:16px 34px!important;min-height:52px;box-shadow:0 4px 16px rgba(0,0,0,.25);border:0!important}
.cta2 .cta2-btn:hover{background:#F6B042!important;color:#0b3b44!important}
.cta2 .cta2-note{margin:16px auto 0!important;font-size:14px!important;line-height:1.55;color:#e6f1f2!important}
@media(max-width:900px){
 .mo2,.wy2{padding:44px 0}.st2{padding:36px 0}.cta2s{padding:20px 0 44px}
 .c2-head{margin-bottom:24px}
 .mo2-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:210px;gap:12px}
 .mo2-a{grid-row:auto;grid-column:1/3}.mo2-d{grid-column:1/3}
 .mo2-c figcaption{padding:14px 16px}.mo2-c h3,.mo2-a h3{font-size:17px}.mo2-c p{font-size:13px}
 .wy2-grid{grid-template-columns:1fr;gap:14px}
 .wy2-c{display:grid;grid-template-columns:116px 1fr}.wy2-ph{height:auto;min-height:130px}.wy2-b{padding:16px 16px 18px}.wy2-b h3{font-size:17px}.wy2-b p{font-size:14px}
 .st2-card{grid-template-columns:1fr}.st2-ph{min-height:220px}.st2-b{padding:26px 22px 28px!important}
 .st2-go{width:100%;text-align:center}
 .cta2{padding:48px 20px!important}
 .cta2 .cta2-btn{width:100%;max-width:340px}
}

@media(max-width:900px){.dg .dg-help{display:none!important}.dg{padding-bottom:12px!important}.mo2{padding-top:28px!important}.mo2 .c2-head{margin-bottom:16px!important}}


/* 2026-10-22 declutter: destinations grid joins the 72px vertical beat */
section.dg{padding-top:72px;padding-bottom:72px}