.location-page{background:#fff;color:var(--text)}.location-hero{height:450px;min-height:0;background-image:image-set( url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-1920.avif") type("image/avif"), url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-1920.webp") type("image/webp") );background-size:cover;background-position:left -450px;background-repeat:no-repeat}@media (min-width: 1201px){.location-hero{background-attachment:fixed}}@media (min-width: 1201px) and (max-width: 1439px){.location-hero{background-image:image-set( url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-1440.avif") type("image/avif"), url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-1440.webp") type("image/webp") );background-position:left -325px}}.location-intro{position:relative;z-index:2;padding:0 24px 64px}.location-intro-card{width:min(820px, calc(100% - 48px));margin:-100px auto 0;padding:54px 64px 46px;background:#fff;text-align:center}.location-overline{margin:0 0 22px;color:var(--olive-text);font-family:"Lato","Lato Fallback", Arial, Helvetica, sans-serif;font-size:15px;font-weight:400;line-height:1.4;letter-spacing:2.8px;text-transform:uppercase}.location-title{margin:0;color:#242424;font-family:"Lato","Lato Fallback", Arial, Helvetica, sans-serif;font-weight:400;line-height:1.08}.location-title-brand{display:block;font-size:clamp(48px, 5vw, 72px);letter-spacing:2px}.location-title-place{display:block;margin-top:12px;color:#555;font-size:clamp(20px, 1.75vw, 27px);font-weight:400;line-height:1.3;letter-spacing:.35px}.location-divider{display:block;width:76px;height:1px;margin:30px auto 30px;background:#4d4d4d}.location-copy{max-width:700px;margin:0 auto;color:#686868;font-family:"Lato","Lato Fallback", Arial, Helvetica, sans-serif;font-size:17px;font-weight:400;line-height:1.7;letter-spacing:0}.location-copy p{margin:0 0 20px}.location-copy p:last-child{margin-bottom:0}body.lang-el .location-page, body.lang-el .location-copy, body.lang-el .location-highlight-copy, body.lang-el .location-booking-cta{letter-spacing:normal}body.lang-el .location-overline{letter-spacing:.8px;text-transform:uppercase}body.lang-el .location-title-brand{letter-spacing:.4px}body.lang-el .location-title-place{letter-spacing:0}.location-gallery{padding:0 5.8% 112px}.location-gallery-grid{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:5px}.location-gallery-item{display:block;width:100%;aspect-ratio:1.5 / 1;padding:0;border:0;background:#eee;cursor:pointer;overflow:hidden}.location-gallery-item picture, .location-gallery-item img{width:100%;height:100%}.location-gallery-item img{object-fit:cover;transition:transform .32s ease}.location-gallery-item:hover img, .location-gallery-item:focus-visible img{transform:scale(1.025)}.location-gallery-item:focus-visible{outline:3px solid #6f7652;outline-offset:3px}.location-booking-cta{margin:0}.location-booking-cta .cta-zoom-in.reveal{opacity:0;transform:scale(.84);transition:opacity .85s ease var(--delay, 0ms), transform 1.2s cubic-bezier(.2,.68,.2,1) var(--delay, 0ms)}.location-booking-cta .cta-zoom-in.reveal.is-visible{opacity:1;transform:scale(1)}.location-highlights{padding:84px 5.5% 96px;background:#fff}.location-highlights-grid{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:clamp(60px, 4.2vw, 84px);row-gap:44px}.location-highlight{display:grid;grid-template-columns:54px minmax(0, 1fr);gap:20px;align-items:start}.location-highlight-icon{width:54px;height:54px;display:flex;align-items:flex-start;justify-content:center;color:#959d6e}.location-highlight-icon svg{width:42px;height:42px;fill:currentColor}.location-highlight-copy h3{margin:0 0 8px;color:#333;font-family:"Lato","Lato Fallback", Arial, Helvetica, sans-serif;font-size:21px;font-weight:600;line-height:1.34;letter-spacing:normal}.location-highlight-copy p{margin:0;color:#686868;font-family:"Lato","Lato Fallback", Arial, Helvetica, sans-serif;font-size:16px;font-weight:400;line-height:1.68;letter-spacing:0}.location-map{width:100%;background:#f5f5f5}.location-map-frame{display:block;width:100%;min-height:550px}body.lang-el .location-booking-cta .booking-cta-kicker, body.lang-el .location-booking-cta .booking-cta-title, body.lang-el .location-booking-cta .booking-cta-button{letter-spacing:1px}body.lang-el .location-booking-cta .booking-cta-text{letter-spacing:normal}@media (max-width: 1099px){.location-hero{background-image:image-set( url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-960.avif") type("image/avif"), url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-960.webp") type("image/webp") );height:clamp(270px, 36vw, 330px);min-height:0;background-attachment:scroll;background-position:center 80%}.location-intro-card{width:min(680px, 76vw);margin-top:-72px;padding:48px 48px 40px}.location-gallery{padding:0 28px 86px}.location-gallery-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}.location-highlights-grid{grid-template-columns:repeat(2, minmax(0, 1fr));max-width:900px}}@media (max-width: 767px){.location-hero{background-image:image-set( url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-640.avif") type("image/avif"), url("/assets/images/sea-la-vue-living-room-accommodation-karpathos-640.webp") type("image/webp") );height:245px;min-height:0;background-position:50% 82%}.location-intro{padding:0 18px 48px}.location-intro-card{width:min(460px, 86vw);margin-top:-70px;padding:38px 20px 28px}.location-overline{margin-bottom:16px;font-size:13px;letter-spacing:1.5px}body.lang-el .location-overline{letter-spacing:.4px;text-transform:uppercase}.location-title-brand{font-size:42px;letter-spacing:.8px}.location-title-place{margin-top:8px;font-size:17px;line-height:1.35}.location-divider{width:58px;margin:22px auto}.location-copy{font-size:16px;line-height:1.68}.location-gallery{padding:0 12px 60px}.location-gallery-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:4px}.location-highlights{padding:58px 22px 64px}.location-highlights-grid{grid-template-columns:1fr;gap:38px}.location-highlight{grid-template-columns:1fr;gap:12px;text-align:center;justify-items:center}.location-highlight-icon{width:58px;height:58px;align-items:center}.location-highlight-icon svg{width:46px;height:46px}.location-highlight-copy h3{font-size:20px;line-height:1.35}.location-highlight-copy p{max-width:440px;font-size:16px;line-height:1.65}.location-map-frame{min-height:430px;height:430px}}@media (max-width: 420px){.location-intro-card{width:calc(100% - 28px)}}
