.hero{color:#fff;background:#090909;isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.7) 100%)}
.hero-media{position:absolute;inset:-7%;z-index:0;overflow:hidden;background-color:#8e9aa5;background-image:url("./assets/porto-torres-aerea-2560.jpg");background-image:image-set(url("./assets/porto-torres-aerea-2560.avif") type("image/avif"),url("./assets/porto-torres-aerea-2560.webp") type("image/webp"));background-position:center 48%;background-size:cover;background-repeat:no-repeat;transform:scale(1.025);will-change:transform,filter;filter:saturate(.82) contrast(1.05)}
.hero-glow{z-index:2;mix-blend-mode:screen;opacity:.18}
.hero-four{z-index:2;color:rgba(255,255,255,.07)}
.hero-kicker{color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.hero-copy{color:rgba(255,255,255,.86);text-shadow:0 1px 22px rgba(0,0,0,.45)}
.button-ghost{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25)}
.renewal-inner{grid-template-columns:1fr}.renewal-copy{max-width:880px}.renewal-copy>p:not(.overline){max-width:680px}
@media(max-width:1600px){.hero-media{background-image:url("./assets/porto-torres-aerea-1600.jpg");background-image:image-set(url("./assets/porto-torres-aerea-1600.avif") type("image/avif"),url("./assets/porto-torres-aerea-1600.webp") type("image/webp"))}}
@media(max-width:720px){.hero{min-height:100svh}.hero-media{inset:-4%;background-image:url("./assets/porto-torres-aerea-960.jpg");background-image:image-set(url("./assets/porto-torres-aerea-960.avif") type("image/avif"),url("./assets/porto-torres-aerea-960.webp") type("image/webp"));background-position:43% center;transform:scale(1.05)}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.3) 45%,rgba(0,0,0,.76))}}