/* Skiathos Icon — light island interpretation of the supplied Archive2 template.
   Palette: white #FFFFFF, warm beige #F3EDE3, deep blue #234A63, gold #C5A46D. */
:root{--ink:#234A63;--cream:#F3EDE3;--paper:#FFFFFF;--sand:#C5A46D;--sand-deep:#947542;--line:rgba(197,164,109,.45);--header-h:100px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
html,body{background:var(--paper)}body{font-family:var(--sans);font-weight:400;color:var(--ink);font-size:15px;line-height:1.75}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}::selection{background:#C5A46D;color:#fff}:focus-visible{outline:2px solid var(--sand);outline-offset:5px}h1,h2,h3{font-family:var(--serif)}[hidden]{display:none!important}a,button{-webkit-tap-highlight-color:transparent}figure{margin:0}em{font-weight:400}
.site-header,.site-header.scrolled{height:100px;background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none;padding:8px 4.5vw}.site-header.scrolled{height:86px;box-shadow:0 3px 20px #234a6308}.brand{width:280px;flex-shrink:0}.brand img{width:100%;height:auto;object-fit:contain}.header-actions{gap:24px}.header-location{font-size:10px;letter-spacing:.18em}.outline-button,.dark-button,.light-button{min-height:52px;font-size:11px;letter-spacing:.12em;padding:0 24px;gap:24px;font-weight:500}.dark-button,.reserve-button{color:#fff;background:var(--ink);border-color:var(--ink)}.dark-button::before,.reserve-button::before{background:var(--sand)}.dark-button:hover,.reserve-button:hover,.dark-button:focus-visible,.reserve-button:focus-visible{color:var(--ink);border-color:var(--sand);background:var(--ink)}.language-button{display:grid;place-items:center;padding:0;border:0;width:30px;min-width:30px;height:44px;font-size:12px}.menu-button{width:55px;height:50px;gap:7px}.menu-button span{font-size:10px;letter-spacing:.12em}.menu-button i{width:35px}.menu-button i:nth-of-type(2){width:25px}.menu-button:hover i:nth-of-type(2){width:35px}.menu-visual{background:url('images/icon-07.webp') center 55%/cover}.menu-content{padding:65px 7vw;overflow:auto}.menu-content nav{margin:20px 0 30px}.menu-content nav b{font-family:var(--serif);font-size:clamp(30px,3.5vw,49px)}.menu-content nav a{padding:10px 0}.menu-content nav a[aria-current=page] b{color:var(--sand-deep)}.menu-contact{font-size:12px}.menu-close{font-family:var(--serif);width:48px;height:48px;top:24px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;line-height:1.7}
main{padding-top:100px}.facts-strip{padding:50px 7vw;display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream)}.facts-strip>div{padding:5px 25px;text-align:center;border-right:1px solid var(--line)}.facts-strip>div:last-child{border:0}.facts-strip strong{display:block;font:400 38px/1.3 var(--serif)}.facts-strip span{font-size:11px;letter-spacing:.02em}.intro-section,.gallery-section,.products-section{padding:105px 5vw;background:var(--paper)}.section-heading{margin-bottom:65px}.section-heading h2,.destination-editorial h2,.reservation-content h2,.contact-copy h2,.location-strip h2{font-family:var(--serif);font-size:clamp(38px,4.1vw,62px);line-height:1.13;letter-spacing:-.045em}.section-heading h2 em,.destination-editorial h2 em,.reservation-content h2 em,.contact-copy h2 em,.location-strip h2 em{color:var(--ink)}.section-heading .lead{font-size:15px;max-width:740px;line-height:1.9;margin-top:28px}.editorial-grid{grid-template-columns:1fr 1.15fr .9fr;gap:4.2vw}.editorial-image.portrait{height:540px}.editorial-image.landscape{height:355px;align-self:end;margin-bottom:40px}.editorial-copy h3{font:400 46px/1.15 var(--serif);text-align:left;letter-spacing:-.04em;margin:10px 0 28px}.editorial-copy p{font-size:14px;line-height:1.9}.editorial-copy .eyebrow{font-size:9px}.editorial-copy .dark-button{font-size:10px;padding:0 19px;gap:14px}.cinematic-banner{min-height:620px;background-attachment:scroll;animation:none}.new-stay-banner{background-image:url('images/icon-27.webp')}.cinematic-banner::before{background:#122e4266}.banner-inner{padding:90px 24px}.banner-inner h2{font:italic 400 clamp(42px,4.4vw,68px)/1.18 var(--serif);letter-spacing:-.04em}.banner-inner p:not(.eyebrow){font-size:15px;max-width:560px;line-height:1.8}.light-button{border-color:var(--sand);background:#ffffff0a}.light-button::before{background:var(--cream)}.destination-section{background:var(--cream);padding:140px 5vw}.destination-editorial{grid-template-columns:.9fr 1.2fr .85fr;gap:4.5vw}.destination-editorial h2{margin-bottom:25px}.destination-editorial p:not(.eyebrow){font-size:14px;line-height:1.9}.destination-editorial figure:first-child{height:480px}.destination-editorial figure:last-child{height:370px}.gallery-section{background:var(--paper)}.gallery-grid{gap:12px;grid-auto-rows:220px;max-width:1360px;width:100%}.gallery-card{background:var(--cream)}.gallery-card img{width:100%;height:100%}.gallery-card:hover img{filter:none}.gallery-card span{background:#234a6390;padding:0 6px;bottom:10px;left:10px}.gallery-card:focus-visible{outline-offset:2px}.gallery-card::after{background:#234a6330 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18 18 6M9 6h9v9'/%3E%3C/svg%3E") center/34px no-repeat}.section-action{text-align:center;margin:38px 0 0}.location-strip{background:var(--cream);color:var(--ink);padding:65px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.location-strip h2{font-size:clamp(34px,3.4vw,49px)}.location-strip .dark-button{color:#fff}.location-strip .dark-button::before{background:var(--sand)}
.page-hero{min-height:540px;padding:100px 5vw 90px;overflow:hidden;background:var(--cream)}.page-hero::before{background-image:linear-gradient(90deg,#15344a75,#15344a1c),var(--page-hero);animation:none;background-position:center 53%}.page-hero-copy{width:100%;text-align:left;padding-left:3vw;text-shadow:0 2px 16px #142e4155}.page-hero h1{font:400 clamp(46px,5.6vw,80px)/1.13 var(--serif);max-width:900px;letter-spacing:-.05em}.page-hero-copy .eyebrow,.page-hero-copy h1,.scroll-cue{opacity:1;animation:none}.scroll-cue{width:36px;height:36px;bottom:24px;font-size:16px}.residence-feature{max-width:1260px;margin:0 auto 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center}.residence-feature figure{height:460px}.residence-feature img{height:100%;object-fit:cover}.residence-feature h3{font:400 43px/1.1 var(--serif);margin:16px 0 25px}.residence-feature p{font-size:14px;line-height:1.9}.residence-feature.reverse figure{order:2}.residence-feature.reverse{grid-template-columns:1fr 1.2fr}.room-meta{list-style:none;display:flex;gap:14px;padding:20px 0;margin:20px 0 5px;border-block:1px solid var(--line);flex-wrap:wrap;font-size:11px}.room-meta li+li:before{content:'·';margin-right:14px;color:var(--sand-deep)}.fine-print{font-size:12px;line-height:1.7;color:#536a79}.centered{text-align:center}.amenity-preview{padding:100px 5vw;background:var(--cream)}.amenities-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:48px 38px}.amenities-grid article{border-top:1px solid var(--line);padding-top:25px}.amenities-grid svg{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.amenities-grid h3{font:400 24px/1.2 var(--serif);margin:20px 0 14px}.amenities-grid p{font-size:13px;line-height:1.8;margin:0}.contact-photo-strip{min-height:380px;gap:6px}.contact-photo-strip img{height:420px;min-height:0}.faq-section{padding:100px 5vw;background:#fff}.faq-list{max-width:900px;margin:auto;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{cursor:pointer;list-style:none;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.9;margin:0 40px 26px 0}.distance-section{background:var(--cream);padding:65px 8vw;text-align:center}.distance-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:30px auto}.distance-grid>div{padding:20px;border-right:1px solid var(--line)}.distance-grid>div:last-child{border:0}.distance-grid strong{font:400 68px/1 var(--serif)}.distance-grid small{font:400 23px var(--serif)}.distance-grid h3{font-size:22px;font-weight:400;margin:20px 0 10px}.distance-grid p{font-size:12px}.map-section{padding:100px 12vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.map-section h2{font:400 58px/1.13 var(--serif);letter-spacing:-.04em;margin:20px 0}.map-section p{font-size:14px}.map-section figure{position:relative;height:480px}.map-section img{height:100%;object-fit:cover}.map-section figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px;text-align:center;background:var(--cream);font-size:10px;letter-spacing:.15em}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}.gallery-filters button{padding:10px 20px;background:transparent;border:1px solid var(--line);font-size:12px;transition:background .2s,color .2s}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.gallery-filters button:hover{border-color:var(--sand)}.gallery-count{text-align:center;font-size:11px;color:#536a79;margin:0 0 30px}.gallery-grid-large{grid-auto-rows:235px}
.reservation-section{background:var(--cream);grid-template-columns:43% 57%;min-height:850px}.new-reservation-image{background-image:url('images/icon-23.webp');background-position:center;min-height:720px}.reservation-content{padding:80px 7vw 80px 5vw}.reservation-content>p:not(.eyebrow){font-size:14px;line-height:1.9}.static-form label{font-size:10px;letter-spacing:.08em;line-height:1.6}.static-form input,.static-form select,.static-form textarea{font-size:15px;border-color:#234a6380;padding:12px 4px;min-height:48px}.static-form select{background:var(--cream)}.contact-form select{background:#fff}.static-form .full{grid-column:1/-1}.booking-form{gap:25px;margin-top:35px}.form-note{font-size:12px;line-height:1.8;margin:4px 0}.form-error{font-size:13px;color:#9a3d23;margin:0}.email-result{border:1px solid var(--sand);background:#fff;padding:26px}.email-result h3{font:400 25px/1.3 var(--serif);margin:0 0 15px}.email-result p{font-size:13px}.email-preview{font:13px/1.7 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--cream);padding:18px}.email-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.email-actions .dark-button{font-size:10px}.copy-email{background:none;border-bottom:1px solid var(--sand);padding:9px 0;font-size:12px}.contact-section{padding:100px 7vw;gap:8vw;grid-template-columns:.9fr 1.1fr}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.contact-facts{gap:15px;font-size:14px}.contact-facts a{width:fit-content;border-bottom:1px solid var(--line)}.contact-copy .dark-button{margin-top:30px}.contact-form .form-note{letter-spacing:normal}.site-footer{grid-template-columns:72% 28%;border-top:1px solid var(--line)}.footer-main{padding:55px 5vw 50px}.footer-title-row{gap:50px;justify-content:space-between;margin-bottom:40px}.footer-title-row .brand{width:235px}.footer-title-row h2{font:italic 400 29px/1.25 var(--serif);max-width:350px}.footer-columns{grid-template-columns:.8fr .8fr 1.6fr}.footer-columns>*{gap:10px;padding:0 22px}.footer-columns a,.footer-columns span,.footer-contact p{font-size:12px}.footer-contact p{font-weight:600;margin-bottom:5px}.footer-side{padding:55px 3vw 40px;background:var(--cream);color:var(--ink);min-height:0}.footer-side h3{font:italic 400 33px/1.15 var(--serif);margin:10px 0 25px}.footer-side>p{font-size:10px}.footer-side>.eyebrow{font-size:9px;margin:0}.instagram-link{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:16px 0;font-size:13px}.footer-note{margin-top:25px!important}.footer-side>p:last-child{margin-top:auto;padding-top:35px;font-size:9px;letter-spacing:.12em}.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;color:var(--ink);background:var(--cream);border:1px solid var(--sand);border-radius:50%;z-index:50;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible}.privacy-section{max-width:900px;padding:90px 25px 120px;margin:auto}.privacy-section h1{font:400 48px/1.2 var(--serif);margin:20px 0 50px}.privacy-section h2{font:400 26px/1.3 var(--serif);margin:35px 0 15px}.privacy-section p{font-size:15px;line-height:1.9}.lightbox{padding:70px 90px 85px;background:#102536f5;z-index:200}.lightbox img{max-width:100%;max-height:calc(100svh - 175px);width:auto;height:auto}.lightbox .lb-close{right:25px;top:17px;font-size:40px}.lightbox .lb-prev,.lightbox .lb-next{top:50%;transform:translateY(-50%);font:300 34px var(--sans);width:48px;height:60px;display:grid;place-items:center;background:#ffffff10}.lightbox .lb-prev{left:18px;right:auto}.lightbox .lb-next{right:18px}.lightbox .lb-caption{position:absolute;bottom:22px;left:70px;right:70px;text-align:center;color:#fff;font-size:12px;line-height:1.6}.lightbox .lb-count{color:#c5a46d;margin-right:18px}.lightbox button:focus-visible{outline:2px solid var(--sand)}.fade-in{animation:appear .7s both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1600px){}
@media(max-width:1150px){.header-location{display:none}.editorial-grid{grid-template-columns:1fr 1.2fr}.editorial-image.landscape{display:none}.destination-editorial{grid-template-columns:1fr 1.2fr}.destination-editorial figure:last-child{display:none}.site-footer{grid-template-columns:1fr}.footer-side{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;padding:40px 6vw}.footer-side h3{grid-column:1}.footer-side .instagram-link{grid-column:2;grid-row:2;align-self:start}.footer-side>p:last-child{padding:0;margin:20px 0 0}.footer-title-row h2{max-width:none}.amenities-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-auto-rows:190px}.residence-feature{gap:5vw}.reservation-section{grid-template-columns:35% 65%}.reservation-content{padding:65px 5vw}.menu-content nav b{font-size:38px}}
@media(max-width:760px){:root{--header-h:78px}.site-header,.site-header.scrolled{height:78px;padding:5px 17px}.brand{width:178px}.header-actions{gap:11px}.header-actions .reserve-button{display:none}.language-button{width:28px;min-width:28px;height:40px;font-size:11px}.menu-button{width:34px;height:44px}.menu-button i{width:29px}.menu-button i:nth-of-type(2){width:21px}.menu-button span{font-size:8px}.menu-panel{grid-template-columns:1fr}.menu-content{padding:76px 30px 30px;justify-content:flex-start}.menu-content nav{margin:18px 0 25px}.menu-content nav a{padding:9px 0}.menu-content nav b{font-size:32px}.menu-contact{gap:10px;font-size:12px;flex-direction:column}.menu-close{right:20px;top:18px}main{padding-top:78px}.facts-strip{grid-template-columns:repeat(2,1fr);padding:32px 15px;gap:24px 0}.facts-strip>div{padding:0 10px}.facts-strip>div:nth-child(2){border:0}.facts-strip strong{font-size:31px}.facts-strip span{font-size:10px}.intro-section,.gallery-section{padding:70px 22px}.section-heading{width:100%;margin-bottom:45px}.section-heading h2,.destination-editorial h2,.reservation-content h2,.contact-copy h2,.location-strip h2{font-size:36px;line-height:1.17}.section-heading .lead{font-size:14px;line-height:1.85}.editorial-grid,.destination-editorial{grid-template-columns:1fr;gap:32px}.editorial-image.portrait{height:460px}.editorial-image.landscape{display:none}.editorial-copy h3{text-align:left;font-size:39px}.editorial-copy{text-align:left}.editorial-copy p{font-size:14px}.cinematic-banner{min-height:530px;background-position:58% center}.banner-inner h2{font-size:39px}.banner-inner p:not(.eyebrow){font-size:14px}.banner-inner{padding:70px 24px}.destination-section{padding:70px 22px}.destination-editorial figure:first-child{height:390px;transform:none}.destination-editorial figure:last-child{display:none}.destination-editorial h2{font-size:36px}.destination-editorial{text-align:left}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:165px;gap:7px}.section-action{margin-top:30px}.location-strip{padding:45px 25px;gap:26px}.location-strip h2{font-size:33px}.location-strip .dark-button{font-size:10px}.page-hero{min-height:430px;padding:75px 25px 80px}.page-hero h1{font-size:42px;line-height:1.14}.page-hero-copy{padding-left:0;width:100%}.page-hero::before{background-image:linear-gradient(90deg,#15344a70,#15344a30),var(--page-hero)}.residence-feature,.residence-feature.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:55px}.residence-feature figure{height:330px}.residence-feature.reverse figure{order:0}.residence-feature h3{font-size:34px}.amenity-preview{padding:70px 22px}.amenities-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px}.amenities-grid h3{font-size:22px}.amenities-grid p{font-size:12px;line-height:1.75}.contact-photo-strip{grid-template-columns:repeat(3,1fr);gap:4px;min-height:0}.contact-photo-strip img{height:230px;min-height:0}.faq-section{padding:70px 24px}.faq-list summary{font-size:14px;padding:22px 0;line-height:1.6}.faq-list details p{font-size:13px;margin-right:10px}.distance-section{padding:55px 22px}.distance-grid{grid-template-columns:1fr;margin:20px 0}.distance-grid>div{padding:28px 0;border:0;border-bottom:1px solid var(--line)}.distance-grid strong{font-size:55px}.distance-grid h3{font-size:23px}.map-section{padding:65px 25px;grid-template-columns:1fr;gap:35px}.map-section h2{font-size:42px}.map-section figure{height:400px}.gallery-filters{gap:7px}.gallery-filters button{font-size:11px;padding:8px 13px}.gallery-grid-large{grid-auto-rows:180px}.reservation-section{grid-template-columns:1fr}.reservation-image{min-height:400px;height:400px;background-position:center 48%}.reservation-content{padding:55px 24px}.booking-form{grid-template-columns:1fr 1fr;gap:22px 16px}.booking-form label:nth-child(1),.booking-form label:nth-child(2){grid-column:1/-1}.booking-form .dark-button{width:100%;font-size:10px;padding:0 15px}.static-form input,.static-form select,.static-form textarea{font-size:16px}.email-result{padding:18px}.email-actions .dark-button{width:auto}.email-preview{font-size:12px;padding:14px}.contact-section{grid-template-columns:1fr;padding:65px 24px;gap:50px}.contact-form{grid-template-columns:1fr}.contact-form .full,.contact-form button{grid-column:1/-1}.footer-main{padding:45px 24px}.footer-title-row{flex-direction:column;align-items:flex-start;gap:24px}.footer-title-row .brand{width:235px}.footer-title-row h2{font-size:30px}.footer-columns{grid-template-columns:1fr 1fr;gap:26px 0}.footer-columns>*{padding:0 15px}.footer-columns>*:first-child{padding-left:0}.footer-columns a,.footer-columns span{font-size:12px}.footer-contact{grid-column:1/-1;padding:25px 0 0!important}.footer-side{display:block;padding:42px 25px;min-height:0}.footer-side h3{font-size:34px}.footer-side>p:last-child{margin-top:28px;padding-top:0}.back-top{right:15px;bottom:15px;width:36px;height:36px}.privacy-section{padding:65px 25px}.privacy-section h1{font-size:36px}.lightbox{padding:75px 18px 110px}.lightbox img{max-width:100%;max-height:calc(100svh - 200px)}.lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:56px;width:42px;height:40px;transform:none;font-size:25px}.lightbox .lb-prev{left:24px}.lightbox .lb-next{right:24px}.lightbox .lb-caption{bottom:12px;left:20px;right:20px;font-size:11px}.lightbox .lb-count{display:block;margin:0 0 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fade-in{opacity:1;transform:none}}
/* Arrows are inline SVG (.arrow-icon) rather than ↗ ↑ ↓ ← → text, which Arial/Georgia lack and each device substituted differently. */
.arrow-icon{display:inline-block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}.dark-button i,.light-button i{display:flex}.dark-button .arrow-icon,.light-button .arrow-icon{width:20px;height:20px}.tile-arrow .arrow-icon{width:22px;height:22px}.scroll-cue .arrow-icon{width:18px;height:18px}.back-top .arrow-icon{display:block;width:18px;height:18px;margin:auto}.lightbox .lb-prev .arrow-icon,.lightbox .lb-next .arrow-icon{width:30px;height:30px}@media(max-width:760px){.tile-arrow .arrow-icon{width:18px;height:18px}.lightbox .lb-prev .arrow-icon,.lightbox .lb-next .arrow-icon{width:24px;height:24px}}
/* Page hero photos live here, not in inline styles: a relative url() inside a custom property resolves against the stylesheet in Chrome. */
body[data-page="accommodation"] .page-hero{--page-hero:url('images/icon-04.webp')}body[data-page="amenities"] .page-hero{--page-hero:url('images/icon-21.webp')}body[data-page="contact"] .page-hero{--page-hero:url('images/icon-27.webp')}body[data-page="destination"] .page-hero{--page-hero:url('images/icon-20.webp')}body[data-page="gallery"] .page-hero{--page-hero:url('images/icon-19.webp')}body[data-page="reservation"] .page-hero{--page-hero:url('images/icon-20.webp')}