.caribbean-marketing{grid-template-columns:31% 69%;background:var(--iv)}
.caribbean-marketing .copy{padding:4.05vw}
.caribbean-cards{height:100%;padding:2.7vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:13px;perspective:1200px}
.caribbean-cards .flip-card{min-width:0;min-height:0;height:auto;perspective:1100px;outline:none;cursor:pointer;appearance:none;border:0;background:transparent;padding:0;text-align:left}
.caribbean-cards .flip-card-inner{position:relative;width:100%;height:100%;min-height:0;transition:transform .55s ease;transform-style:preserve-3d;will-change:transform}
.caribbean-cards .flip-card:hover .flip-card-inner,.caribbean-cards .flip-card:focus .flip-card-inner,.caribbean-cards .flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}
.caribbean-cards .flip-card-front,.caribbean-cards .flip-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line);overflow:hidden;transform:translateZ(1px)}
.caribbean-cards .flip-card-front{background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:17px;color:white;opacity:1;visibility:visible}
.caribbean-cards .flip-card-front:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,30,.04) 25%,rgba(15,25,30,.76) 100%)}
.caribbean-cards .flip-card-front h3,.caribbean-cards .flip-card-front span{position:relative;z-index:1}
.caribbean-cards .flip-card-front h3{font:400 20px/1.14 var(--serif);margin:0;max-width:90%}
.caribbean-cards .flip-card-front span{margin-top:6px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.caribbean-cards .flip-card-back{transform:rotateY(180deg) translateZ(1px);background:var(--paper);padding:22px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden}
.caribbean-cards .flip-card-back h3{font:400 20px/1.18 var(--serif);margin:0 0 10px}
.caribbean-cards .flip-card-back p{font-size:12.2px;line-height:1.5;color:var(--mut);margin:0}
.caribbean-cards .flip-card:hover .flip-card-front,.caribbean-cards .flip-card:focus .flip-card-front,.caribbean-cards .flip-card.is-flipped .flip-card-front{opacity:0;visibility:hidden}
.caribbean-cards .flip-card:hover .flip-card-back,.caribbean-cards .flip-card:focus .flip-card-back,.caribbean-cards .flip-card.is-flipped .flip-card-back{opacity:1;visibility:visible}
@media(max-width:900px){.caribbean-marketing{display:grid;grid-template-columns:1fr}.caribbean-cards{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;padding:25px 7vw 60px}.caribbean-cards .flip-card{height:285px}.caribbean-cards .flip-card-inner{height:100%}.caribbean-cards .flip-card:hover .flip-card-inner{transform:none}.caribbean-cards .flip-card:hover .flip-card-front{opacity:1;visibility:visible}.caribbean-cards .flip-card:hover .flip-card-back{opacity:0;visibility:hidden}.caribbean-cards .flip-card.is-flipped .flip-card-inner,.caribbean-cards .flip-card:focus .flip-card-inner{transform:rotateY(180deg)}.caribbean-cards .flip-card.is-flipped .flip-card-front,.caribbean-cards .flip-card:focus .flip-card-front{opacity:0;visibility:hidden}.caribbean-cards .flip-card.is-flipped .flip-card-back,.caribbean-cards .flip-card:focus .flip-card-back{opacity:1;visibility:visible}}
@media(max-width:620px){.caribbean-cards{grid-template-columns:1fr}.caribbean-cards .flip-card{height:320px}}