/* Local preview only. Photo fills the shared carousel height; copy sits on a left gradient. */
.home-banner .banner .ponant-tropical-slide,
.home-banner .banner .campaign-slide.ponant-tropical-slide{
  display:block!important;
  background:#eaece5!important;
  grid-template-columns:none!important;
}
.home-banner .banner .ponant-tropical-slide .pt-banner-image{
  position:absolute!important;
  inset:0!important;
  z-index:0;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.home-banner .banner .ponant-tropical-slide .pt-banner-image img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:right center!important;
}
.home-banner .banner .ponant-tropical-slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#eaece5 0%,#eaece5 11%,rgba(234,236,229,.96) 21%,rgba(234,236,229,.72) 29%,rgba(234,236,229,.18) 37%,transparent 45%);
}
@media(min-width:1001px){
  .home-banner .banner .ponant-tropical-slide .pt-banner-image img{transform:translateX(1.5%)!important}
}
.home-banner .banner .ponant-tropical-slide .pt-banner-copy{
  position:absolute!important;
  inset:0 auto 0 0!important;
  z-index:2;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:34%;
  height:100%;
  box-sizing:border-box;
  padding:36px 18px 72px 4.2%;
  text-align:left;
}
.ponant-tropical-slide .pt-banner-copy strong{font-size:clamp(17px,1.6vw,28px)}
.ponant-tropical-slide .pt-banner-copy strong>span{font-size:clamp(24px,2.65vw,46px)}
.ponant-tropical-slide .pt-banner-deck{font-size:clamp(11px,1.04vw,16px)}
.ponant-tropical-slide .pt-banner-kicker .pt-banner-category{font-size:clamp(15px,1.45vw,25px)}

@media(max-width:1000px) and (min-width:641px){
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{width:38%;padding:18px 12px 52px 3.2%}
  .ponant-tropical-slide .pt-banner-copy strong{margin-top:12px;font-size:15px}
  .ponant-tropical-slide .pt-banner-copy strong>span{font-size:22px}
  .ponant-tropical-slide .pt-banner-kicker{font-size:10px}
  .ponant-tropical-slide .pt-banner-kicker .pt-banner-category{font-size:14px;margin-top:6px}
  .ponant-tropical-slide .pt-banner-deck{margin-top:12px;font-size:11px;line-height:1.65}
  .ponant-tropical-slide .pt-banner-date{margin-top:10px;font-size:9px}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:10px;font-size:12px}
  .home-banner .banner .ponant-tropical-slide::before{
    background:linear-gradient(90deg,#eaece5 0%,#eaece5 24%,rgba(234,236,229,.94) 36%,rgba(234,236,229,.45) 48%,transparent 60%);
  }
}

@media(max-width:640px){
  .home-banner .banner .ponant-tropical-slide::before{
    background:linear-gradient(90deg,#eaece5 0%,#eaece5 26%,rgba(234,236,229,.92) 36%,rgba(234,236,229,.4) 46%,transparent 56%);
  }
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{
    width:42%!important;
    padding:10px 4px 40px 12px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .ponant-tropical-slide .pt-banner-kicker{font-size:8px;line-height:1.35;letter-spacing:.04em}
  .ponant-tropical-slide .pt-banner-kicker .pt-banner-category{font-size:11px;line-height:1.35;margin-top:4px}
  .ponant-tropical-slide .pt-banner-copy strong{margin-top:8px;font-size:13px;line-height:1.25}
  .ponant-tropical-slide .pt-banner-copy strong>span{display:block;margin:3px 0 0;font-size:16px;line-height:1.28}
  .ponant-tropical-slide .pt-banner-copy strong br{display:initial}
  .ponant-tropical-slide .pt-banner-deck{margin-top:8px;font-size:9px;line-height:1.55}
  .ponant-tropical-slide .pt-banner-deck br{display:initial}
  .ponant-tropical-slide .pt-banner-date{margin-top:6px;font-size:8px;line-height:1.4}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:7px;font-size:10px;padding-bottom:2px}
}

@media(max-width:360px){
  .home-banner .banner .ponant-tropical-slide::before{
    background:linear-gradient(90deg,#eaece5 0%,#eaece5 30%,rgba(234,236,229,.9) 40%,rgba(234,236,229,.35) 50%,transparent 60%);
  }
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{width:46%!important;padding-left:10px!important}
  .ponant-tropical-slide .pt-banner-copy strong{font-size:12px}
  .ponant-tropical-slide .pt-banner-copy strong>span{font-size:15px}
  .ponant-tropical-slide .pt-banner-kicker{font-size:7px}
  .ponant-tropical-slide .pt-banner-kicker .pt-banner-category{font-size:10px}
  .ponant-tropical-slide .pt-banner-deck{font-size:8px}
}
/* Match slide 6 (船客到访庞洛): kicker, title, rule, subtitle, body, link. */
@media(min-width:641px){
  .ponant-tropical-slide .pt-banner-kicker{font-size:clamp(11px,1.2vw,19px);letter-spacing:.14em;line-height:1.4;font-weight:600;color:#826639}
  .ponant-tropical-slide .pt-banner-category{display:block;margin-top:8px;font-size:clamp(11px,1.2vw,19px);letter-spacing:0;line-height:1.4;font-weight:600;color:#826639}
  .ponant-tropical-slide .pt-banner-copy strong{display:block;margin-top:24px;font-size:clamp(25px,3.5vw,58px);line-height:1.35;letter-spacing:.01em;font-weight:500;color:#17394b}
  .ponant-tropical-slide .pt-banner-rule{display:block;width:48px;height:1px;margin:30px 0;background:#b39a70}
  .ponant-tropical-slide .pt-banner-sub{display:block;max-width:22em;font-size:clamp(15px,1.7vw,27px);line-height:1.45;font-weight:500;color:#17394b}
  .ponant-tropical-slide .pt-banner-deck{display:block;margin-top:18px;max-width:26em;font-size:clamp(12px,1.3vw,20px);line-height:1.6;color:#546670}
  .ponant-tropical-slide .pt-banner-date{margin-top:8px;font-size:clamp(11px,1.05vw,15px);line-height:1.5;color:#546670}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:20px;font-size:14px;font-weight:600}
}
@media(max-width:1000px) and (min-width:641px){
  .ponant-tropical-slide .pt-banner-copy strong{margin-top:16px}
  .ponant-tropical-slide .pt-banner-rule{width:36px;margin:16px 0}
  .ponant-tropical-slide .pt-banner-deck{margin-top:12px}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:12px}
}
@media(max-width:640px){
  .ponant-tropical-slide .pt-banner-kicker{font-size:8px;letter-spacing:.06em;line-height:1.3;color:#826639}
  .ponant-tropical-slide .pt-banner-category{display:block;margin-top:3px;font-size:9px;line-height:1.35;letter-spacing:0;color:#826639}
  .ponant-tropical-slide .pt-banner-copy strong{display:block;margin-top:8px;font-size:17px;line-height:1.25;font-weight:500;letter-spacing:0;color:#17394b}
  .ponant-tropical-slide .pt-banner-rule{display:block;width:28px;height:1px;margin:8px 0;background:#b39a70}
  .ponant-tropical-slide .pt-banner-sub{display:block;font-size:11px;line-height:1.35;font-weight:500;color:#17394b}
  .ponant-tropical-slide .pt-banner-deck{margin-top:6px;font-size:9px;line-height:1.45;color:#546670}
  .ponant-tropical-slide .pt-banner-date{margin-top:4px;font-size:8px;color:#546670}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:7px;font-size:10px}
}
/* Phone: the left column covers the guests, so place the same stack on the empty sea at the right. */
@media(max-width:640px){
  .home-banner .banner .ponant-tropical-slide::before{
    background:linear-gradient(270deg,#eaece5 0px,#eaece5 108px,rgba(234,236,229,.8) 120px,transparent 134px)!important;
  }
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{
    left:auto!important;
    right:0!important;
    width:124px!important;
    height:100%!important;
    padding:8px 8px 36px 4px!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  .ponant-tropical-slide .pt-banner-kicker{font-size:8px;letter-spacing:.02em;line-height:1.3}
  .ponant-tropical-slide .pt-banner-category{margin-top:2px;font-size:9px;line-height:1.3}
  .ponant-tropical-slide .pt-banner-copy strong{margin-top:6px;font-size:14px;line-height:1.22}
  .ponant-tropical-slide .pt-banner-rule{width:28px;margin:6px 0 6px auto}
  .ponant-tropical-slide .pt-banner-sub{font-size:11px;line-height:1.3}
  .ponant-tropical-slide .pt-banner-deck{margin-top:5px;font-size:9px;line-height:1.4}
  .ponant-tropical-slide .pt-banner-date{margin-top:3px;font-size:8px;line-height:1.3}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:6px;font-size:10px}
}
/* Phone only: hard crop, no right gradient, short right-aligned copy. */
@media(max-width:640px){
  .home-banner .banner .ponant-tropical-slide::before{display:none!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-image{
    left:0!important;
    right:auto!important;
    width:calc(100% - 118px)!important;
    justify-content:flex-start!important;
  }
  .home-banner .banner .ponant-tropical-slide .pt-banner-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:52% center!important;
    transform:none!important;
  }
  .ponant-tropical-slide .pt-banner-kicker,
  .ponant-tropical-slide .pt-banner-category,
  .ponant-tropical-slide .pt-banner-rule,
  .ponant-tropical-slide .pt-banner-deck,
  .ponant-tropical-slide .pt-banner-date{display:none!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{
    left:auto!important;
    right:0!important;
    width:118px!important;
    padding:10px 10px 34px 0!important;
    align-items:flex-end!important;
    text-align:right!important;
    background:none!important;
  }
  .ponant-tropical-slide .pt-banner-copy strong{margin-top:0;font-size:15px;line-height:1.25;font-weight:600}
  .ponant-tropical-slide .pt-banner-sub{font-size:11px;line-height:1.35;margin-top:8px}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{margin-top:12px;font-size:11px}
}
@media(max-width:360px){
  .home-banner .banner .ponant-tropical-slide .pt-banner-image{width:calc(100% - 100px)!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-image img{object-position:50% center!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{
    width:100px!important;
    padding:8px 4px 32px 0!important;
  }
  .ponant-tropical-slide .pt-banner-copy strong{font-size:13px;line-height:1.3}
  .ponant-tropical-slide .pt-banner-sub{font-size:10px}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{font-size:10px}
}
.ponant-tropical-slide .pt-deck-short{display:none}
.ponant-tropical-slide .pt-sub-break{display:none}
.ponant-tropical-slide .pt-banner-eyebrow{display:contents}
/* Phone: photo fills the banner top to bottom. Do not clip the bottom or the feet. */
@media(max-width:640px){
  .home-banner .banner .ponant-tropical-slide .pt-banner-image{
    left:0!important;
    right:auto!important;
    width:calc(100% - 180px)!important;
    height:100%!important;
    overflow:hidden!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    container-type:inline-size;
  }
  .home-banner .banner .ponant-tropical-slide .pt-banner-image img{
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:left center!important;
    transform:translateX(calc(100cqw - 79%))!important;
    transform-origin:left center!important;
    clip-path:none!important;
  }
  .home-banner .banner .ponant-tropical-slide::before{
    display:none!important;
    background:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .ponant-tropical-slide .pt-banner-kicker,
  .ponant-tropical-slide .pt-banner-category,
  .ponant-tropical-slide .pt-banner-rule,
  .ponant-tropical-slide .pt-banner-sub{display:block!important}
  .ponant-tropical-slide .pt-banner-deck,
  .ponant-tropical-slide .pt-banner-date{display:none!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{
    left:auto!important;
    right:0!important;
    width:180px!important;
    height:100%!important;
    padding:8px 4px 50px 6px!important;
    align-items:flex-start!important;
    text-align:left!important;
    justify-content:center!important;
    background:none!important;
  }
  .ponant-tropical-slide .pt-banner-eyebrow{
    display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;order:1;
  }
  .ponant-tropical-slide .pt-banner-kicker{
    order:1;display:block!important;width:max-content;font-size:8px;font-weight:600;letter-spacing:.07em;line-height:1.4;color:#826639;white-space:nowrap;
  }
  .ponant-tropical-slide .pt-banner-kicker::before{content:none!important;display:none!important}
  .ponant-tropical-slide .pt-banner-category{
    order:2;display:flex!important;align-items:center;gap:5px;box-sizing:border-box;
    width:0;min-width:100%;margin-top:3px;margin-left:0!important;
    font-size:8px;font-weight:600;letter-spacing:0;line-height:1.4;color:#826639;white-space:nowrap;
  }
  .ponant-tropical-slide .pt-banner-category::before,
  .ponant-tropical-slide .pt-banner-category::after{
    content:"";display:block;height:1px;flex:1 1 0;min-width:6px;background:#ad8a54;
  }
  .ponant-tropical-slide .pt-sub-break{display:none!important}
  .ponant-tropical-slide .pt-banner-sub{
    order:3;margin-top:14px;margin-left:0;font-size:9px;font-weight:500;line-height:1.4;letter-spacing:0;color:#17394b;
  }
  .ponant-tropical-slide .pt-banner-copy strong{
    order:4;margin-top:8px;margin-left:0;font-size:22px;font-weight:650;line-height:1.18;letter-spacing:-.03em;color:#17394b;
  }
  .ponant-tropical-slide .pt-banner-rule{order:5;width:28px;height:1px;margin:14px 0 0 0;background:#b39a70}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{order:6}
  .ponant-tropical-slide .pt-banner-copy .pt-banner-cta{
    margin-top:8px;margin-left:0;font-size:10px;font-weight:600;line-height:1.4;padding-bottom:2px;color:#17394b;border-bottom:1px solid #826639;
  }
}
@media(max-width:360px){
  .home-banner .banner .ponant-tropical-slide .pt-banner-image{width:calc(100% - 128px)!important}
  .home-banner .banner .ponant-tropical-slide .pt-banner-copy{width:128px!important;padding:6px 2px 50px 2px!important}
  .ponant-tropical-slide .pt-banner-copy strong{font-size:15px}
  .ponant-tropical-slide .pt-banner-sub{font-size:9px}
}
