.archipelago-stay{
–bg:#0b1e22; –fg:#eef6f8; –muted:#b8d0d6; –accent:#6fd3c6;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, “Helvetica Neue”, Arial, “Noto Sans”, “Liberation Sans”, sans-serif;
color: var(–fg); background: linear-gradient(180deg,#0b1e22 0%, #0f2a30 100%);
padding: 2.5rem 1.5rem; border-radius: 18px; max-width: 920px; margin: 0 auto;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.archipelago-stay h2{margin:0 0 .5rem; font-size: clamp(1.6rem,3vw,2.1rem); letter-spacing:.2px}
.archipelago-stay p.lead{margin:.25rem 0 1.25rem; color:var(–muted); line-height:1.6; font-size:1.05rem}
.chip{
display:inline-block; background:rgba(111,211,198,.12); color:var(–accent);
border:1px solid rgba(111,211,198,.35); padding:.35rem .6rem; border-radius:999px;
font-size:.85rem; margin:.25rem .35rem .75rem 0
}
.grid{display:grid; gap:1rem; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); margin-top: .25rem}
.card{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:1rem}
.card h3{margin:.1rem 0 .35rem; font-size:1.05rem}
.list{margin:0; padding-left:1.1rem}
.list li{margin:.35rem 0; line-height:1.5}
.note{margin-top:1rem; font-size:.9rem; color:var(–muted)}

Lovely Accommodation in the Archipelago

A cozy hideaway, completely surrounded by nature: soft sand, mangroves, and endless ocean views.
Top location with everything you need — arrive, kick off your shoes, and relax.

For couples, families, or friends: everything is provided — you just bring your love for the sea and sun.