.mediterranean-site{--cyan:#68e1cd;--bg:#07151a;--panel:#10252b}
.mediterranean-site header{background:#07151af5}
.mediterranean-site .med-logo{display:block;position:relative;overflow:hidden;aspect-ratio:3.1;width:290px;mix-blend-mode:screen}
.mediterranean-site header .brand .med-logo img{display:block;width:100%;height:auto;max-width:none;clip-path:inset(0 0 22% 0);transform:none}
.mediterranean-site .hero-copy{width:64%}
.mediterranean-site h1{font-size:clamp(36px,4.4vw,66px);letter-spacing:-2px;line-height:1.12}
.mediterranean-site .hero-art{opacity:.78}
.mediterranean-site .about .med-logo{width:100%;max-width:560px}
.mediterranean-site .about .med-logo img{width:100%;clip-path:inset(0 0 22% 0)}
.mediterranean-site .footer-brand{font-size:18px;letter-spacing:1px}
@media(max-width:1380px){.mediterranean-site .med-logo{width:230px}}
@media(max-width:650px){.mediterranean-site .hero-copy{width:100%}.mediterranean-site h1{font-size:37px;letter-spacing:-1.5px}.mediterranean-site header .brand .med-logo{width:245px}.mediterranean-site .hero{padding-top:290px}.mediterranean-site .hero-art{top:-30px}}