.map-preview{margin-top:68px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;background:#e9eee4;min-height:320px}.map-copy{padding:55px 42px}.map-copy h3{font:600 29px/1.08 "Playfair Display",serif;margin:0}.map-copy p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.demo-map{position:relative;overflow:hidden;background:linear-gradient(120deg,#d2e4dc 0 24%,#f4f0e2 24% 58%,#d4e2d0 58%);isolation:isolate}.demo-map:before,.demo-map:after{content:"";position:absolute;inset:-20%;z-index:-1;opacity:.55;background:repeating-linear-gradient(25deg,transparent 0 34px,#fff8 35px 37px,transparent 38px 76px);transform:rotate(-6deg)}.demo-map:after{transform:rotate(47deg);opacity:.38}.pin{position:absolute;border:0;background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:99px;box-shadow:0 5px 15px #233a3360;transition:transform .16s}.pin:hover{transform:scale(1.09);background:var(--coral)}.pin:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;color:inherit}.pin-paris{top:24%;left:43%}.pin-biarritz{top:69%;left:24%}.pin-cassis{top:74%;left:72%}.pin-alpilles{top:62%;left:61%}.map-label{position:absolute;color:#6e8980;font:italic 16px "Playfair Display",serif}.map-paris{top:16%;left:47%}.map-ocean{top:38%;left:4%;transform:rotate(-75deg)}.map-med{bottom:11%;right:5%}@media(max-width:760px){.map-preview{grid-template-columns:1fr;margin-top:45px}.map-copy{padding:42px 24px}.demo-map{min-height:280px}}