html { scroll-behavior: smooth; }
body.luxury-home { background: #061b20; color: #f6efe6; }
body.luxury-home .page-shell, body.luxury-home .page-container.content.swipe-stack { width:100%; max-width:100%; margin:0; padding:0; }
body.luxury-home .navbar_new.nav-minimal { position: sticky; top:0; z-index:10000; height:72px; padding:0 20px; background: rgba(6,27,32,.52); backdrop-filter: blur(16px); border-bottom:1px solid rgba(246,239,230,.16); }
body.luxury-home .nav-minimal__content { height:72px; grid-template-columns:56px 1fr 1fr 1fr 56px; align-items:center; }
body.luxury-home .nav_logo--image { justify-self:center; }
body.luxury-home .nav_logo--image img { width:68px; filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); }

.coco-landing { position:relative; overflow-x:hidden; font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --coco-deep:#061B20; --coco-dark-ocean:#082B34; --coco-ocean:#0E5966; --coco-turquoise:#21AFC0; --coco-aqua:#7DDDE2; --coco-foam:#F3F7F2; --coco-pearl:#F6EFE6; --coco-sand:#D7A875; --coco-wet-sand:#B98561; --coco-gold:#D8B98A;
  --coco-muted-light:rgba(246,239,230,.74); --coco-line-light:rgba(246,239,230,.18);
  background: radial-gradient(circle at 18% 8%, rgba(125,221,226,.32), transparent 28%), radial-gradient(circle at 82% 18%, rgba(33,175,192,.24), transparent 32%), radial-gradient(circle at 20% 72%, rgba(215,168,117,.22), transparent 30%), linear-gradient(180deg,#061B20 0%,#08313A 18%,#0E5966 42%,#126A75 58%,#D7A875 76%,#061B20 100%);
  color: var(--coco-pearl);
}
.coco-section,.coco-hero,.coco-frame,.coco-brand-frame { position:relative; z-index:1; }
.coco-section { padding:86px 20px; }
.coco-section__inner { width:min(1120px,100%); margin:0 auto; }

.coco-water-bg{background:radial-gradient(circle at 20% 18%, rgba(255,255,255,.32), transparent 8%),radial-gradient(circle at 70% 12%, rgba(125,221,226,.36), transparent 18%),radial-gradient(circle at 88% 42%, rgba(6,27,32,.34), transparent 24%),radial-gradient(circle at 28% 72%, rgba(33,175,192,.28), transparent 26%),linear-gradient(145deg, #19A7B8 0%, #0D6372 42%, #082B34 100%)}
.coco-pearl-bg{background:radial-gradient(circle at 18% 22%, rgba(246,239,230,.32), transparent 12%),radial-gradient(circle at 42% 18%, rgba(125,221,226,.28), transparent 18%),radial-gradient(circle at 70% 38%, rgba(216,185,138,.24), transparent 20%),radial-gradient(circle at 34% 78%, rgba(33,175,192,.26), transparent 24%),linear-gradient(145deg, #092B34 0%, #115B68 52%, #061B20 100%)}

.coco-hero{min-height:calc(100svh - 72px);padding:64px 20px 48px;display:flex;align-items:flex-end;overflow:hidden}
.coco-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,27,32,.08) 0%, rgba(6,27,32,.22) 42%, rgba(6,27,32,.88) 100%),linear-gradient(90deg, rgba(6,27,32,.78) 0%, rgba(6,27,32,.22) 58%, rgba(6,27,32,.08) 100%);z-index:1}
.coco-hero__foam{position:absolute;width:520px;height:520px;right:-180px;top:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.68), transparent 10%),radial-gradient(circle at 58% 44%, rgba(255,255,255,.42), transparent 12%),radial-gradient(circle at 44% 66%, rgba(125,221,226,.34), transparent 18%);filter:blur(10px);opacity:.7;z-index:0}
.coco-hero__inner{position:relative;z-index:2;width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:end}
.coco-eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(246,239,230,.76)}
.coco-hero h1{margin:0;max-width:780px;font-size:clamp(54px,7.4vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:400}
.coco-lead{max-width:620px;margin:24px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.55;color:rgba(246,239,230,.78)}
.coco-hero__actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.coco-hero__mini-card{padding:22px;border-radius:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.coco-hero__mini-card span{display:block;margin-bottom:36px;color:rgba(216,185,138,.9);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.coco-hero__mini-card strong{display:block;font-size:24px;line-height:1.05;font-weight:400}

.coco-frame{min-height:72svh;display:flex;align-items:flex-end;padding:40px 20px;overflow:hidden}
.coco-frame--pearl{background:radial-gradient(circle at 24% 18%, rgba(246,239,230,.44), transparent 12%),radial-gradient(circle at 62% 30%, rgba(33,175,192,.36), transparent 24%),radial-gradient(circle at 76% 70%, rgba(216,185,138,.22), transparent 18%),linear-gradient(145deg, #0C5360 0%, #082B34 100%)}
.coco-frame--sand{background:radial-gradient(circle at 14% 10%, rgba(255,255,255,.75), transparent 14%),radial-gradient(circle at 30% 20%, rgba(125,221,226,.45), transparent 24%),linear-gradient(135deg, #0FA9BA 0%, #F4F1EA 42%, #D7A875 68%, #B98561 100%)}
.coco-frame__overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(6,27,32,.72) 100%)}
.coco-frame__content{position:relative;z-index:2;width:min(1120px,100%);margin:0 auto}
.coco-frame__content span{display:block;margin-bottom:14px;color:rgba(246,239,230,.72);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.coco-frame__content h2{max-width:760px;margin:0;font-size:clamp(40px,7vw,86px);line-height:.92;letter-spacing:-.06em;font-weight:400}

.coco-kicker{margin:0 0 14px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(216,185,138,.92)}
.coco-title{margin:0;max-width:800px;font-size:clamp(40px,6vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:400}
.coco-text{max-width:700px;margin:22px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.58;color:var(--coco-muted-light)}

.coco-reels__layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center}
.coco-reel-card{position:relative;min-height:560px;border-radius:38px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 34px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.18)}
.coco-reel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,27,32,.12) 0%, rgba(6,27,32,.18) 46%, rgba(6,27,32,.82) 100%),radial-gradient(circle at 78% 18%, rgba(255,255,255,.36), transparent 12%)}
.coco-reel-card__top,.coco-reel-card__logo,.coco-reel-card__bottom{position:relative;z-index:2}.coco-reel-card__top{width:fit-content;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.coco-reel-card__logo{align-self:center;color:rgba(246,239,230,.82);font-size:18px;letter-spacing:.08em}.coco-reel-card__bottom span{display:block;color:rgba(216,185,138,.92);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.coco-reel-card__bottom strong{display:block;font-size:28px;line-height:1.05;font-weight:400}

.coco-brand-frame{min-height:64svh;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden}
.coco-brand-frame__overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%, rgba(246,239,230,.18), transparent 20%),linear-gradient(180deg, rgba(6,27,32,.08), rgba(6,27,32,.56))}
.coco-brand-frame__content{position:relative;z-index:2;text-align:center}.coco-brand-frame__mark{font-size:clamp(42px,8vw,96px);line-height:.9;letter-spacing:-.06em}.coco-brand-frame__content p{margin:18px 0 0;color:rgba(246,239,230,.72);font-size:16px;letter-spacing:.14em;text-transform:uppercase}

.coco-scenario-grid{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.coco-scenario-card{min-height:300px;padding:26px;border-radius:30px;border:1px solid rgba(246,239,230,.15)}
.coco-scenario-card--honeymoon{background:radial-gradient(circle at 50% 22%, rgba(246,239,230,.42), transparent 16%),radial-gradient(circle at 72% 50%, rgba(216,185,138,.24), transparent 24%),linear-gradient(145deg, #0C5360 0%, #082B34 100%)}
.coco-scenario-card--romantic{background:radial-gradient(circle at 80% 20%, rgba(216,185,138,.34), transparent 18%),radial-gradient(circle at 30% 76%, rgba(33,175,192,.2), transparent 24%),linear-gradient(145deg, #061B20 0%, #0B3138 100%)}
.coco-scenario-card--family{background:radial-gradient(circle at 22% 20%, rgba(255,255,255,.6), transparent 16%),radial-gradient(circle at 42% 30%, rgba(125,221,226,.36), transparent 24%),linear-gradient(135deg, #0FA9BA 0%, #D7A875 100%);color:#061B20}
.coco-scenario-card--family h3,.coco-scenario-card--family p,.coco-scenario-card--family .coco-card-number{color:#061B20}
.coco-scenario-card--vip{background:radial-gradient(circle at 72% 16%, rgba(255,255,255,.22), transparent 12%),radial-gradient(circle at 22% 70%, rgba(33,175,192,.24), transparent 24%),linear-gradient(145deg, #031014 0%, #082B34 56%, #061B20 100%)}
.coco-card-number{color:rgba(216,185,138,.9);font-size:13px;letter-spacing:.16em}.coco-scenario-card h3{margin:58px 0 0;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.04em;font-weight:400}.coco-scenario-card p{margin:14px 0 0;max-width:420px;line-height:1.5;color:rgba(246,239,230,.8)}

.coco-details{background:linear-gradient(180deg, rgba(6,27,32,.18), rgba(6,27,32,.5))}.coco-details__layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px}.coco-detail-list{border-top:1px solid var(--coco-line-light)}.coco-detail-item{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--coco-line-light)}

.coco-mood-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:16px}.coco-mood-card{border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(246,239,230,.14)}.coco-mood-card:nth-child(1){grid-column:span 2}.coco-mood-card:nth-child(3){grid-row:span 2}
.coco-mood-card--ocean{background:radial-gradient(circle at 20% 18%, rgba(255,255,255,.35), transparent 12%),radial-gradient(circle at 70% 32%, rgba(125,221,226,.38), transparent 26%),linear-gradient(145deg, #21AFC0 0%, #0E5966 48%, #082B34 100%)}
.coco-mood-card--pearl{background:radial-gradient(circle at 30% 22%, rgba(246,239,230,.44), transparent 16%),radial-gradient(circle at 68% 38%, rgba(125,221,226,.34), transparent 22%),radial-gradient(circle at 42% 76%, rgba(216,185,138,.26), transparent 24%),linear-gradient(145deg, #0B3138 0%, #164A50 100%)}
.coco-mood-card--sand{background:radial-gradient(circle at 16% 16%, rgba(255,255,255,.8), transparent 16%),radial-gradient(circle at 34% 24%, rgba(125,221,226,.42), transparent 24%),linear-gradient(135deg, #0FA9BA 0%, #F3F7F2 36%, #D7A875 62%, #B98561 100%);color:#061B20}
.coco-mood-card--dark{background:radial-gradient(circle at 76% 18%, rgba(216,185,138,.3), transparent 16%),radial-gradient(circle at 22% 74%, rgba(33,175,192,.18), transparent 24%),linear-gradient(145deg, #031014 0%, #082B34 100%)}
.coco-mood-card--foam{background:radial-gradient(circle at 16% 22%, rgba(255,255,255,.66), transparent 14%),radial-gradient(circle at 50% 32%, rgba(255,255,255,.44), transparent 18%),radial-gradient(circle at 72% 62%, rgba(125,221,226,.32), transparent 24%),linear-gradient(145deg, #7DDDE2 0%, #0E5966 62%, #082B34 100%)}
.coco-mood-card span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,239,230,.85)} .coco-mood-card h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05;font-weight:400;letter-spacing:-.04em}
.coco-mood-card--sand span,.coco-mood-card--sand h3{color:#061B20}

.coco-final-card{padding:54px;border-radius:38px;border:1px solid rgba(246,239,230,.18);box-shadow:0 30px 100px rgba(0,0,0,.24)}
.coco-btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:700;transition:all .25s}.coco-btn--primary{color:#062027;background:linear-gradient(135deg,#F8ECDD 0%,#D8B98A 100%)}.coco-btn--secondary{color:rgba(246,239,230,.92);background:rgba(255,255,255,.06);border:1px solid rgba(246,239,230,.2)}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:760px){.coco-hero{padding:48px 20px 34px}.coco-hero__inner{display:flex;flex-direction:column;align-items:stretch;gap:22px}.coco-hero h1{font-size:clamp(44px,13vw,58px);line-height:.94}.coco-lead{font-size:17px;line-height:1.58}.coco-hero__mini-card{display:none}.coco-frame{min-height:62svh;padding:34px 20px}.coco-frame__content h2{font-size:clamp(38px,11vw,52px)}.coco-reels__layout{grid-template-columns:1fr}.coco-reel-card{min-height:480px;border-radius:32px}.coco-scenario-grid{grid-template-columns:1fr}.coco-details__layout{grid-template-columns:1fr;gap:34px}.coco-mood-grid{grid-template-columns:1fr;grid-auto-rows:190px}.coco-mood-card:nth-child(1),.coco-mood-card:nth-child(3){grid-column:auto;grid-row:auto}.coco-final-card{padding:34px 24px;border-radius:30px}.coco-btn{width:100%}.coco-hero__actions{flex-direction:column}}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}

.coco-section--half{max-width:900px;margin-inline:auto}
.coco-section__inner{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width: 960px){
  .coco-section__inner.layout-text_left,.coco-section__inner.layout-text_right{grid-template-columns:1fr 1fr;align-items:center}
  .coco-section__inner.layout-text_right .coco-block-copy{order:1}
  .coco-section__inner.layout-text_right .coco-block-image{order:2}
}
.coco-block-image img{width:100%;height:auto;border-radius:18px;display:block}