.coast-hero{background:#ff8c42;padding:0 0 3rem;position:relative;overflow:hidden}
.coast-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:#f4e4c1;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.palm-left,.palm-right{position:absolute;bottom:20px;font-size:4rem;opacity:.25;color:#1a2838;pointer-events:none;z-index:1}
.palm-left{left:2%;transform:scaleX(-1)}
.palm-right{right:2%}

.coast-hero-inner{position:relative;z-index:2;padding:2.5rem 0 3.5rem}
.coast-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}
@media(max-width:860px){.coast-hero-grid{grid-template-columns:1fr}}

.coast-hero h1{font-size:clamp(1.35rem,3.5vw,1.85rem);color:#1a2838;line-height:1.35;margin-bottom:.75rem}
.coast-hero h1 em{color:#fff;font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.coast-desc{color:#3d2818;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.coast-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}

.beach-stats{display:flex;flex-wrap:wrap;gap:.65rem}
.beach-stats .bs{background:rgba(26,40,56,.15);border:2px solid rgba(26,40,56,.2);padding:.65rem 1rem;border-radius:6px;text-align:center;min-width:100px}
.beach-stats strong{display:block;font-size:1.25rem;color:#1a2838}
.beach-stats span{font-size:.7rem;color:#3d2818}

.hero-frame{background:#faf0dc;border:3px solid #e8d4a8;border-radius:12px;padding:8px;overflow:hidden}
.hero-frame img{width:100%;border-radius:8px}
.hero-tag{text-align:center;font-size:.72rem;color:#3d2818;margin-top:.5rem;font-weight:700;letter-spacing:.06em}

.beach-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:768px){.beach-cards{grid-template-columns:1fr}}
.beach-card{padding:1.2rem 1.1rem;text-align:center}
.beach-card .icon{font-size:1.8rem;margin-bottom:.5rem}
.beach-card h3{font-size:.95rem;color:#2a2018;margin-bottom:.4rem}
.beach-card p{font-size:.82rem;color:#6a5a48;line-height:1.55}

.shore-path{display:flex;justify-content:space-between;gap:1rem;position:relative;padding:1rem 0}
@media(max-width:768px){.shore-path{flex-direction:column}}
.shore-path::before{content:"";position:absolute;top:50%;left:8%;right:8%;height:3px;background:#e8d4a8;border-radius:2px}
@media(max-width:768px){.shore-path::before{display:none}}
.shore-step{flex:1;text-align:center;position:relative;z-index:1;background:#fff;padding:0 .5rem}
.shore-step .step-dot{width:40px;height:40px;margin:0 auto .6rem;background:#ff8c42;color:#1a2838;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.shore-step h3{font-size:.92rem;color:#2a2018;margin-bottom:.35rem}
.shore-step p{font-size:.8rem;color:#6a5a48;line-height:1.5}

.twin-lists{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:768px){.twin-lists{grid-template-columns:1fr}}
.list-panel{padding:0;overflow:hidden}
.list-panel .panel-head{background:#ff8c42;color:#1a2838;padding:.55rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:.05em}
.list-panel .panel-body{padding:1rem 1.1rem;background:#f4e4c1}
.list-panel h3{font-size:.92rem;color:#2a2018;margin-bottom:.55rem}
.list-panel li{font-size:.82rem;color:#6a5a48;padding:.28rem 0 .28rem 1rem;position:relative}
.list-panel li::before{content:"☀";position:absolute;left:0;font-size:.6rem;top:.4rem}

.section-light{background:#faf0dc}
.hero-img-wrap{margin-top:1.5rem;max-width:640px}
.hero-img-wrap .hero-frame{padding:6px}

.coast-cta{background:#ff8c42;padding:2.5rem 0;text-align:center;position:relative}
.coast-cta h2{font-size:clamp(1.1rem,3vw,1.45rem);color:#1a2838;margin-bottom:.45rem}
.coast-cta p{color:#3d2818;font-size:.88rem;margin-bottom:1.1rem}
