:root{--cb-cream:#f2f0ea;--cb-ink:#123d38;--cb-green:#0a443e;--cb-line:rgba(18,61,56,.18)}
.cabanas-page{background:#fff;color:var(--cb-ink)}
.cabanas-page .cabanas-header{background:rgba(255,255,255,.98);color:#111;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.cabanas-page .cabanas-header .brand img{filter:none}
.cabanas-page .cabanas-header .header-language{border-color:rgba(0,0,0,.28)}
.cabanas-page main{padding-top:100px}

.cabanas-hero{display:grid;grid-template-columns:1.22fr .78fr;gap:8vw;align-items:end;min-height:570px;padding:100px 6vw 80px;border-bottom:1px solid var(--cb-line)}
.cabanas-hero>div{min-width:0}
.cabanas-kicker{display:flex;align-items:center;gap:13px;margin:0 0 45px;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}
.cabanas-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.cabanas-hero h1{margin:0;font:300 clamp(90px,13.2vw,205px)/.78 "Manrope",sans-serif;letter-spacing:-.078em}
.cabanas-hero-copy{padding-bottom:9px}
.cabanas-hero-copy>p{max-width:590px;margin:0;font-size:20px;line-height:1.62;color:#526b67}
.cabanas-hero-copy>a{display:flex;align-items:center;justify-content:space-between;max-width:320px;margin-top:45px;padding:15px 0;border-bottom:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.cabanas-hero-copy>a span{font-size:17px}

.cabana-collection{padding:125px 4vw 140px;background:var(--cb-cream)}
.cabana-collection-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;align-items:start;margin:0 2vw 80px}
.cabana-collection-heading>p,.cabana-values-head>p{display:flex;align-items:center;gap:13px;margin:12px 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}
.cabana-collection-heading>p::before,.cabana-values-head>p::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.cabana-collection-heading h2{max-width:1080px;margin:0;font:300 clamp(56px,7vw,108px)/.88 "Manrope",sans-serif;letter-spacing:-.066em}
.cabana-collection-heading h2 em,.cabana-values h2 em,.cabana-closing h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}

.cabana-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 18px}
.cabana-card{min-width:0;scroll-margin-top:110px}
.cabana-card-wide{grid-column:auto}
.cabana-card-wide .cabana-media{aspect-ratio:2/1}
.cabana-media{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;background:#fff}
.cabana-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .65s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.cabana-main{opacity:0;transform:scale(1.025)}
.cabana-hover{opacity:1;transform:scale(1)}
.cabana-media:hover .cabana-main{opacity:1;transform:scale(1)}
.cabana-media:hover .cabana-hover{opacity:0;transform:scale(1.025)}
.cabana-media>span{position:absolute;z-index:3;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:105px;padding:11px 14px;background:rgba(255,255,255,.94);color:#111;text-transform:uppercase;letter-spacing:.12em;font-size:9px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.cabana-media:hover>span{opacity:1;transform:none}
.cabana-media>span i{font-style:normal;font-size:15px}
.cabana-card-title{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:16px;padding:21px 3px 0;border-top:1px solid var(--cb-line)}
.cabana-card-title small{padding-top:6px;font-size:9px;opacity:.5}
.cabana-card-title h3{margin:0;font:300 clamp(25px,2.35vw,38px)/1.1 "Manrope",sans-serif;letter-spacing:-.045em}
.cabana-card-title a{position:relative;display:inline-block}
.cabana-card-title a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:currentColor;transition:width .35s}
.cabana-card:hover .cabana-card-title a::after{width:100%}

.cabana-values{padding:135px 6vw;background:#fff}
.cabana-values-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;align-items:start;margin-bottom:85px}
.cabana-values h2{margin:0;font:300 clamp(62px,7.6vw,118px)/.87 "Manrope",sans-serif;letter-spacing:-.067em}
.cabana-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cb-line);border-left:1px solid var(--cb-line)}
.cabana-value-grid article{min-height:285px;padding:34px;border-right:1px solid var(--cb-line);border-bottom:1px solid var(--cb-line)}
.cabana-value-grid span{display:block;margin-bottom:75px;font-size:10px;opacity:.45}
.cabana-value-grid h3{margin:0 0 18px;font-size:22px;font-weight:400}
.cabana-value-grid p{max-width:390px;margin:0;color:#5b716e;font-size:14px;line-height:1.7}

.cabana-closing{position:relative;min-height:88vh;display:flex;align-items:flex-end;padding:95px 6vw;color:#fff;overflow:hidden}
.cabana-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cabana-closing::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,32,29,.79),rgba(2,32,29,.04) 72%)}
.cabana-closing>div{position:relative;z-index:1;width:100%}
.cabana-closing p{margin:0 0 28px;text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.cabana-closing h2{max-width:1150px;margin:0;font:300 clamp(62px,8vw,124px)/.87 "Manrope",sans-serif;letter-spacing:-.068em}
.cabana-closing a{display:flex;align-items:center;justify-content:space-between;width:min(305px,100%);margin:45px 0 0 auto;padding:17px 21px;border:1px solid rgba(255,255,255,.75);border-radius:40px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;transition:background .3s,color .3s}
.cabana-closing a:hover{background:#fff;color:var(--cb-green)}

@media(max-width:900px){
  .cabanas-hero{grid-template-columns:1fr;gap:50px;min-height:700px}
  .cabana-collection-heading,.cabana-values-head{grid-template-columns:1fr;gap:32px}
  .cabana-grid{grid-template-columns:1fr;gap:55px}
  .cabana-card-wide{grid-column:auto}
  .cabana-card-wide .cabana-media{aspect-ratio:2/1}
  .cabana-value-grid{grid-template-columns:1fr}
  .cabana-value-grid article{min-height:220px}
  .cabana-value-grid span{margin-bottom:48px}
}
@media(max-width:820px){
  .cabanas-page main{padding-top:78px}
  .cabanas-hero{padding:80px 20px 65px}
  .cabanas-hero h1{font-size:clamp(64px,19vw,90px)}
  .cabanas-hero-copy>p{font-size:17px}
  .cabana-collection{padding:90px 15px 105px}
  .cabana-collection-heading{margin:0 5px 55px}
  .cabana-collection-heading h2,.cabana-values h2{font-size:clamp(52px,14vw,78px)}
  .cabana-values{padding:95px 20px}
  .cabana-closing{min-height:720px;padding:75px 20px}
  .cabana-closing h2{font-size:clamp(54px,14vw,76px)}
}
@media(max-width:560px){
  .cabanas-page{overflow-x:clip}
  .cabanas-hero{min-height:620px}
  .cabana-media,.cabana-card-wide .cabana-media{aspect-ratio:5/3}
  .cabana-media>span{display:none}
  .cabana-card-title{grid-template-columns:35px 1fr}
  .cabana-card-title h3{font-size:28px}
  .cabana-closing>img{object-position:52% center}
}
@media(hover:none){.cabana-hover{display:none}.cabana-main{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cabana-media>img,.cabana-media>span{transition:none}}