/* PressPair V2027 — restore the approved four-model Cabana hero.
   The exact supplied campaign master is shown without losing any head,
   garment, model, room, or Mediterranean view. */
body.cabana-page .v77-hero{
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin-left:calc(50% - 50vw)!important;
  aspect-ratio:1448 / 482!important;
  background:#061b34!important;
  overflow:hidden!important;
}
body.cabana-page .v77-hero > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.cabana-page .v77-hero .v77-shade{
  background:linear-gradient(90deg,rgba(4,18,34,.76) 0%,rgba(4,18,34,.47) 34%,rgba(4,18,34,.10) 61%,rgba(4,18,34,.02) 100%)!important;
}
body.cabana-page .v77-hero-copy h1{
  color:#c99a37!important;
  text-shadow:none!important;
}
body.cabana-page .v77-hero-copy .v77-kicker{
  color:#efc96c!important;
}
html.pp-mobile-mode body.cabana-page .v77-hero,
html.pp-mobile-mode body.cabana-page .v77-hero > img,
html.pp-mobile-mode body.cabana-page .v77-hero-copy,
html.pp-mobile-mode body.cabana-page .v77-hero .v77-shade{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html.pp-mobile-mode body.cabana-page .v77-hero{
  display:flex!important;
  flex-direction:column!important;
  left:auto!important;
  margin-top:74px!important;
  margin-left:0!important;
  transform:none!important;
  aspect-ratio:auto!important;
}
html.pp-mobile-mode body.cabana-page .v77-hero > img{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  aspect-ratio:1448 / 482!important;
  object-fit:contain!important;
  background:#061b34!important;
}
html.pp-mobile-mode body.cabana-page .v77-hero .v77-shade{display:none!important}
html.pp-mobile-mode body.cabana-page .v77-hero-copy{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  padding:28px 22px 36px!important;
  text-align:center!important;
  background:transparent!important;
}
html.pp-mobile-mode body.cabana-page .v77-hero-copy .v77-actions{justify-content:center!important}
@media(max-width:760px){
  body.cabana-page .v77-hero{
    display:flex!important;
    flex-direction:column!important;
    left:auto!important;
    margin-top:74px!important;
    margin-left:0!important;
    transform:none!important;
    aspect-ratio:auto!important;
  }
  body.cabana-page .v77-hero > img{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    aspect-ratio:1448 / 482!important;
    object-fit:contain!important;
    background:#061b34!important;
  }
  body.cabana-page .v77-hero .v77-shade{display:none!important}
  body.cabana-page .v77-hero-copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    padding:28px 22px 36px!important;
    text-align:center!important;
    background:transparent!important;
  }
  body.cabana-page .v77-hero-copy .v77-actions{justify-content:center!important}
}

/* V2033 approved campaign lock: the native 1536 × 1024 artwork already
   contains the finished title treatment, so show it whole and only once. */
body.cabana-page .v77-hero,
html.pp-mobile-mode body.cabana-page .v77-hero{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin-top:0!important;
  margin-left:calc(50% - 50vw)!important;
  aspect-ratio:3 / 2!important;
  overflow:hidden!important;
  background:#061b34!important;
  transform:none!important;
}
body.cabana-page .v77-hero > img,
html.pp-mobile-mode body.cabana-page .v77-hero > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  aspect-ratio:3 / 2!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}
body.cabana-page .v77-hero .v77-shade,
body.cabana-page .v77-hero .v77-hero-copy,
html.pp-mobile-mode body.cabana-page .v77-hero .v77-shade,
html.pp-mobile-mode body.cabana-page .v77-hero .v77-hero-copy{
  display:none!important;
}

/* The approved campaign master includes its typography inside the artwork.
   Keep that master untouched, while repeating its small lower caption at a
   readable size beneath the image on phones only. */
body.cabana-page .pp-v2033-cabana-mobile-caption{
  display:none!important;
}
@media(max-width:760px){
  html:not(.pp-force-desktop) body.cabana-page .v77-hero{
    display:block!important;
    width:100%!important;
    margin-top:0!important;
    margin-left:0!important;
    aspect-ratio:3 / 2!important;
  }
  html:not(.pp-force-desktop) body.cabana-page .v77-hero > img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:3 / 2!important;
    object-fit:contain!important;
  }
  html:not(.pp-force-desktop) body.cabana-page .v77-hero .v77-shade,
  html:not(.pp-force-desktop) body.cabana-page .v77-hero .v77-hero-copy{
    display:none!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption{
    position:relative!important;
    display:grid!important;
    justify-items:center!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:21px 18px 24px!important;
    overflow:hidden!important;
    color:#fff!important;
    text-align:center!important;
    background:linear-gradient(155deg,#061b34 0%,#0a2d52 100%)!important;
    border-top:1px solid rgba(210,165,75,.72)!important;
    border-bottom:1px solid rgba(210,165,75,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption::before{
    content:"";
    display:block;
    width:54px;
    height:1px;
    margin-bottom:2px;
    background:#d2a54b;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption__title{
    color:#e0b85f!important;
    font:400 30px/.95 var(--v77-serif, "Bodoni 72", Didot, "Times New Roman", serif)!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption__edition{
    color:#fff!important;
    font:700 10px/1.35 var(--v77-sans, Arial, Helvetica, sans-serif)!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption__colorways{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px 8px!important;
    max-width:350px!important;
    color:#f3d489!important;
    font:700 9px/1.45 var(--v77-sans, Arial, Helvetica, sans-serif)!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption__colorways i{
    display:block!important;
    width:3px!important;
    height:3px!important;
    flex:0 0 3px!important;
    background:#d2a54b!important;
    border-radius:50%!important;
  }

  html:not(.pp-force-desktop) body.cabana-page .pp-v2033-cabana-mobile-caption__tagline{
    margin-top:2px!important;
    color:#fff!important;
    font:600 11px/1.35 var(--v77-sans, Arial, Helvetica, sans-serif)!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
}