{"id":2341,"date":"2019-03-26T15:52:16","date_gmt":"2019-03-26T15:52:16","guid":{"rendered":"http:\/\/aegeanbluehouses.com\/?page_id=2341"},"modified":"2026-04-20T14:06:13","modified_gmt":"2026-04-20T14:06:13","slug":"home-2","status":"publish","type":"page","link":"https:\/\/aegeanbluehouses.com\/el\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2341\" class=\"elementor elementor-2341 elementor-662\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c16a88b elementor-section-stretched elementor-section-full_width abh-home-hero-slider elementor-section-height-default elementor-section-height-default\" data-id=\"c16a88b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8005bb abh-home-hero-slider\" data-id=\"f8005bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fefb286 elementor-widget elementor-widget-html\" data-id=\"fefb286\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ABH homepage 662 \u2014 stylesheets.\r\n     WPCode > Add Snippet > HTML Snippet\r\n     Location: Site Wide Header\r\n     Smart Conditional Logic: Page  is  Home (662)\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/abh-lux-page-step7.css?v=20260708hp\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-epta-editorial.css?v=20260824c\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-pass2.css?v=20260802\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-tidal-portal.css?v=20260710a\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-atlas-editorial.css?v=20260909\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-espa-compliance.css?v=20260908\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/abh-homepage-662.css?v=20260910\">\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-character.css?v=20261016a\">\n<link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/css\/abh-island-index.css?v=20261016a\">\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+Display:wght@400&display=swap\" rel=\"stylesheet\"><link rel=\"stylesheet\" href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/edition.css\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87041d2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"87041d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07db147\" data-id=\"07db147\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-efeb9d6 elementor-widget elementor-widget-html\" data-id=\"efeb9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PAGE LOADER -->\r\n<div class=\"abh-loader\" role=\"status\" aria-label=\"Loading\" aria-live=\"polite\">\r\n  <div class=\"abh-loader__top\"><\/div>\r\n  <div class=\"abh-loader__bottom\"><\/div>\r\n  <div class=\"abh-loader__symbol\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 64 120\" fill=\"none\">\r\n      <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M 16 108 Q 14 88 18 68 Q 20 48 24 28 Q 26 18 32 12\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M 48 108 Q 50 88 46 68 Q 44 48 40 28 Q 38 18 32 12\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" d=\"M 22 100 Q 26 80 28 60 Q 29 40 30 20\" opacity=\"0.7\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" d=\"M 42 100 Q 38 80 36 60 Q 35 40 34 20\" opacity=\"0.7\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" d=\"M 28 16 Q 32 10 36 16\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" d=\"M 12 110 Q 20 108 32 108 Q 44 108 52 110\" opacity=\"0.6\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"0.9\" d=\"M 24 90 L 40 90\" opacity=\"0.4\"\/>\r\n      <path stroke=\"currentColor\" stroke-width=\"0.9\" d=\"M 21 70 L 43 70\" opacity=\"0.3\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CUSTOM CURSOR -->\r\n<div class=\"abh-cursor\" aria-hidden=\"true\">\r\n  <span class=\"abh-cursor__ring\"><\/span>\r\n  <span class=\"abh-cursor__dot\"><\/span>\r\n  <span class=\"abh-cursor__label\"><\/span>\r\n<\/div>\r\n\r\n<!-- Official English funding visibility. Keep outside animated section\/loader\r\n     stacking contexts so it is visible from the initial homepage view. -->\r\n<div class=\"abh-espa-compliance\" lang=\"en\">\r\n    <a class=\"abh-espa-compliance__link\"\r\n       href=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/compliance\/aegean-blue-houses-espa-poster-en.pdf\"\r\n       target=\"_blank\" rel=\"noopener noreferrer\"\r\n       aria-label=\"View NSRF 2021\u20132027 funding programme poster\">\r\n        <!-- User-requested stacked presentation: the two source regions cover\r\n             the complete original artwork, divided only in its white gutter. -->\r\n        <span class=\"abh-espa-compliance__region abh-espa-compliance__region--funding\">\r\n        <img fetchpriority=\"high\" decoding=\"async\" class=\"abh-espa-compliance__banner skip-lazy\" data-no-lazy=\"1\"\r\n             src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/compliance\/aegean-blue-houses-espa-banner-en.jpg\"\r\n             alt=\"Co-funded by the European Union \u2013 NSRF 2021\u20132027 \u2013 Competitiveness Programme\"\r\n             width=\"1956\" height=\"231\" loading=\"eager\" fetchpriority=\"high\">\r\n        <\/span>\r\n        <span class=\"abh-espa-compliance__region abh-espa-compliance__region--programme\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" class=\"abh-espa-compliance__banner skip-lazy\" data-no-lazy=\"1\"\r\n             src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/compliance\/aegean-blue-houses-espa-banner-en.jpg\"\r\n             alt=\"\" width=\"1956\" height=\"231\" loading=\"eager\">\r\n        <\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<nav class=\"abh-language-switcher\" aria-label=\"Language selection\">\r\n    <a href=\"https:\/\/aegeanbluehouses.com\/\" data-language=\"en\" lang=\"en\" aria-label=\"English\">EN<\/a>\r\n    <span aria-hidden=\"true\">|<\/span>\r\n    <a href=\"https:\/\/aegeanbluehouses.com\/el\/\" data-language=\"el\" lang=\"el\" aria-label=\"\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac\">\u0395\u039b<\/a>\r\n<\/nav>\r\n\r\n<div class=\"abh-lux-exp-step7\">\r\n    <aside class=\"abh-atlas-inspector\" aria-label=\"Living Atlas preview inspector\">\r\n        <span class=\"abh-atlas-inspector__kicker\">Living Atlas QA<\/span>\r\n        <h2 class=\"abh-atlas-inspector__title\">Map section phases<\/h2>\r\n        <p class=\"abh-atlas-inspector__state\" data-abh-atlas-inspector-state>Loading atlas state\u2026<\/p>\r\n        <div class=\"abh-atlas-inspector__grid\" data-abh-atlas-inspector-phases><\/div>\r\n        <div class=\"abh-atlas-inspector__actions\">\r\n            <button class=\"abh-atlas-inspector__action\" type=\"button\" data-abh-atlas-jump=\"gallery\">Jump to gallery<\/button>\r\n            <button class=\"abh-atlas-inspector__action\" type=\"button\" data-abh-atlas-jump=\"release\">Release check<\/button>\r\n            <button class=\"abh-atlas-inspector__action\" type=\"button\" data-abh-atlas-jump=\"top\">Top<\/button>\r\n        <\/div>\r\n    <\/aside>\r\n\r\n    <!-- ========================================\r\n         HEADER\r\n         ======================================== -->\r\n    <header class=\"abh-lux-shell\">\r\n        <div class=\"abh-lux-shell__inner\">\r\n            <button type=\"button\" class=\"abh-lux-shell__menu\" aria-label=\"Open navigation menu\" aria-controls=\"abh-lux-nav-drawer\" aria-expanded=\"false\" data-menu-toggle>\r\n                <span class=\"abh-lux-shell__bars\" aria-hidden=\"true\">\r\n                    <span><\/span><span><\/span><span><\/span>\r\n                <\/span>\r\n                <span class=\"abh-lux-shell__menu-label\">Menu<\/span>\r\n            <\/button>\r\n            <a href=\"#hero\" class=\"abh-lux-shell__brand\">Aegean Blue<\/a>\r\n            <a href=\"#inquiry\" class=\"abh-lux-shell__cta\">Inquire<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <aside id=\"abh-lux-nav-drawer\" class=\"abh-lux-drawer\" hidden aria-label=\"Site navigation\">\r\n        <div class=\"abh-lux-drawer__backdrop\" data-drawer-close><\/div>\r\n        <div class=\"abh-lux-drawer__panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Navigation\">\r\n            <button type=\"button\" class=\"abh-lux-drawer__close\" data-drawer-close aria-label=\"Close menu\">Close<\/button>\r\n\r\n            <nav class=\"abh-lux-drawer__nav\">\r\n                <p class=\"abh-lux-drawer__group-title\">Main pages<\/p>\r\n                <ul class=\"abh-lux-drawer__list abh-lux-drawer__list--main\">\r\n                    <li><a href=\"https:\/\/aegeanbluehouses.com\/\" data-nav-link>Home<\/a><\/li>\r\n                    <li><a href=\"https:\/\/aegeanbluehouses.com\/our-rooms\/\" data-nav-link>Our Rooms<\/a><\/li>\r\n                    <li><a href=\"https:\/\/aegeanbluehouses.com\/about-us\/\" data-nav-link>About Us<\/a><\/li>\r\n                    <li><a href=\"https:\/\/aegeanbluehouses.com\/our-travel-guide\/\" data-nav-link>Our Travel Guide<\/a><\/li>\r\n                    <li><a href=\"https:\/\/aegeanbluehouses.com\/contact\/\" data-nav-link>Contact Us<\/a><\/li>\r\n                <\/ul>\r\n\r\n                <p class=\"abh-lux-drawer__group-title\">On this page<\/p>\r\n                <ul class=\"abh-lux-drawer__list abh-lux-drawer__list--sub\">\r\n                    <li><a href=\"#hero\" data-nav-link>Hero<\/a><\/li>\r\n                    <li><a href=\"#experience\" data-nav-link>The Experience<\/a><\/li>\r\n                    <li><a href=\"#editorial\" data-nav-link>Explore<\/a><\/li>\r\n                    \r\n                    <li><a href=\"#inquiry\" data-nav-link>Availability & Inquiry<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/aside>\r\n\r\n    <!-- ========================================\r\n         HERO IMAGE + SONEVA-STYLE BOOKING STRIP\r\n         ======================================== -->\r\n    <div class=\"abh-hero-container\" id=\"hero\">\r\n        <div class=\"abh-hero-carousel-track\" data-hero-track>\r\n            <div class=\"abh-hero-slide is-active\" data-hero-slide=\"0\" aria-hidden=\"false\">\r\n                <img class=\"abh-hero-slide-media\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A8199.jpg\" alt=\"Aegean villa terrace lounge\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n            <\/div>\r\n            <div class=\"abh-hero-slide\" data-hero-slide=\"1\" aria-hidden=\"true\">\r\n                <img class=\"abh-hero-slide-media\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/DSC_0413.jpg\" alt=\"Outdoor breakfast terrace scene\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n            <\/div>\r\n            <div class=\"abh-hero-slide\" data-hero-slide=\"2\" aria-hidden=\"true\">\r\n                <img class=\"abh-hero-slide-media\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/olive-tree5.jpg\" alt=\"Traditional white house with olive branch foreground\" loading=\"eager\" decoding=\"async\">\r\n            <\/div>\r\n            <div class=\"abh-hero-slide\" data-hero-slide=\"3\" aria-hidden=\"true\">\r\n                <img class=\"abh-hero-slide-media\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_4548.webp\" alt=\"Sea-view terrace in Milos\" loading=\"eager\" decoding=\"async\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"abh-hero-overlay\"><\/div>\r\n\r\n        <!-- Hero headline overlay -->\r\n        <div class=\"abh-hero-headline\" aria-label=\"Aegean Blue Houses headline\">\r\n          <span class=\"abh-hero-headline__location\">MILOS\u00a0\u00b7\u00a0MANDRAKIA\u00a0\u00b7\u00a0AEGEAN SEA<\/span>\r\n          <h1 class=\"abh-hero-headline__title\">\r\n            <span class=\"abh-hero-headline__line\"><span class=\"abh-hero-headline__line-inner\">Where light<\/span><\/span>\r\n            <span class=\"abh-hero-headline__line\"><span class=\"abh-hero-headline__line-inner\">meets the Aegean.<\/span><\/span>\r\n          <\/h1>\r\n          <span class=\"abh-hero-scroll-cue\" aria-hidden=\"true\">Scroll<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"abh-hero-booking-wrapper\">\r\n        <div class=\"abh-hero-booking\" data-booking-instance=\"hero\" aria-label=\"Booking strip preview\">\r\n            <form class=\"booking-banner__form booking-banner__form--resort-preselected media-header__booking-form\" method=\"get\" action=\"#inquiry\">\r\n                <div class=\"booking-banner__tiles\">\r\n                    <div class=\"booking-banner__row\">\r\n                    <details class=\"booking-banner__tile booking-banner__tile--dates booking-banner__dropdown booking-banner__dropdown--dates\">\r\n                        <summary class=\"booking-banner__dropdown-summary\">\r\n                            <div class=\"booking-banner__label\">Dates<\/div>\r\n                            <div class=\"booking-banner__summary-row\">\r\n                                <div class=\"booking-banner__value booking-banner__value--dates-summary booking-banner__value--selected\" id=\"abhBookingDates\" data-booking-dates>Jul 10, 2026 - Jul 17, 2026<\/div>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"booking-banner__dropdown-body booking-banner__dropdown-body--dates\">\r\n                            <div class=\"abh-cal\" id=\"abhCalendar\" data-booking-calendar aria-label=\"Check in and check out dates\"><\/div>\r\n                            <input type=\"hidden\" id=\"abhCheckIn\" data-booking-checkin>\r\n                            <input type=\"hidden\" id=\"abhCheckOut\" data-booking-checkout>\r\n                        <\/div>\r\n                    <\/details>\r\n\r\n                    <div class=\"booking-banner__divider\"><\/div>\r\n\r\n                    <details class=\"booking-banner__tile booking-banner__tile--guests booking-banner__dropdown\">\r\n                        <summary class=\"booking-banner__dropdown-summary\">\r\n                            <div class=\"booking-banner__label\">Guests<\/div>\r\n                            <div class=\"booking-banner__summary-row\">\r\n                                <div class=\"booking-banner__value booking-banner__value--selected\" id=\"abhGuestSummary\" data-booking-guests>3 adults - 0 children<\/div>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"booking-banner__dropdown-body booking-banner__dropdown-body--guests\">\r\n                            <div class=\"booking-banner__guest-options\">\r\n                                <div class=\"booking-banner__guest-option\">\r\n                                    <div class=\"booking-banner__guest-label\">Adults<\/div>\r\n                                    <div class=\"booking-banner__guest-controls\" data-guest-type=\"adults\">\r\n                                        <button type=\"button\" class=\"booking-banner__guest-btn\" aria-label=\"Decrease adults\" data-guest-action=\"minus\" data-guest-target=\"adults\">-<\/button>\r\n                                        <input class=\"booking-banner__guest-input\" id=\"abhAdults\" data-booking-adults type=\"number\" inputmode=\"numeric\" min=\"1\" max=\"20\" value=\"3\" aria-label=\"Adults\">\r\n                                        <button type=\"button\" class=\"booking-banner__guest-btn\" aria-label=\"Increase adults\" data-guest-action=\"plus\" data-guest-target=\"adults\">+<\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"booking-banner__guest-option\">\r\n                                    <div class=\"booking-banner__guest-label\">Children<\/div>\r\n                                    <div class=\"booking-banner__guest-controls\" data-guest-type=\"children\">\r\n                                        <button type=\"button\" class=\"booking-banner__guest-btn\" aria-label=\"Decrease children\" data-guest-action=\"minus\" data-guest-target=\"children\">-<\/button>\r\n                                        <input class=\"booking-banner__guest-input\" id=\"abhChildren\" data-booking-children type=\"number\" inputmode=\"numeric\" min=\"0\" max=\"20\" value=\"0\" aria-label=\"Children\">\r\n                                        <button type=\"button\" class=\"booking-banner__guest-btn\" aria-label=\"Increase children\" data-guest-action=\"plus\" data-guest-target=\"children\">+<\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/details>\r\n\r\n                    <div class=\"booking-banner__divider\"><\/div>\r\n\r\n                    <div class=\"booking-banner__tile booking-banner__tile--submit\">\r\n                        <a class=\"booking-banner__submit-button check-availability-btn btn-image-secondary\" aria-label=\"Search\" href=\"#inquiry\" id=\"abhBookingSearch\" data-booking-search>\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\r\n                                <path d=\"M16 16l4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ========================================\r\n         THE EXPERIENCE SECTION\r\n         ======================================== -->\r\n    <section class=\"experience-section nx-intro\" id=\"experience\">\r\n        <figure class=\"abh-char-ghost abh-char-ghost--pumice\" aria-hidden=\"true\">\n            <img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pumice-640.webp\" srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pumice-640.webp 640w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pumice-1200.webp 1200w\" sizes=\"auto, 520px\" alt=\"\" width=\"640\" height=\"618\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"abh-char-ghost abh-char-ghost--pebble\" aria-hidden=\"true\">\n            <img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pebble-640.webp\" srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pebble-640.webp 640w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/pebble-1200.webp 1200w\" sizes=\"auto, 260px\" alt=\"\" width=\"640\" height=\"528\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"abh-char-ghost abh-char-ghost--fragment abh-char-ghost--paliorema\" aria-hidden=\"true\">\n            <img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/fragments\/paliorema-640.webp\" alt=\"\" width=\"640\" height=\"800\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n                <div class=\"section-inner\">\r\n            <div class=\"experience-editorial__intro\">\r\n                <div class=\"experience-editorial__media\" aria-hidden=\"true\">\r\n                    <video class=\"experience-editorial__video\" autoplay muted playsinline loop preload=\"metadata\">\r\n                        <source src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/mar-loop-feature-block01.mp4\" type=\"video\/mp4\">\r\n                        <source src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/mar-loop-feature-block01.webm\" type=\"video\/webm\">\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n                    <div class=\"experience-editorial__media-note\">\u039f\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03ad\u03c2 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf<\/div>\r\n                    <div class=\"experience-editorial__badge\"><span>The Residences<br>Sea Light<br>Private Pace<\/span><\/div>\r\n                    <div class=\"experience-editorial__overlay-copy\">\r\n                        <div class=\"experience-eyebrow\">The Residences<\/div>\r\n                        <h2 class=\"experience-title\">A quieter way to inhabit Milos.<\/h2>\r\n                        <p class=\"experience-editorial__lead\">Private stays shaped by horizon, volcanic light and the calm of the island's north coast.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"experience-editorial__copy\">\r\n                <div class=\"experience-editorial__headline-wrap\">\r\n                    <p class=\"experience-editorial__headline-kicker\">Luxury Resort In Milos<\/p>\r\n                    <h2 class=\"experience-editorial__headline\">\u03a3\u03c0\u03af\u03c4\u03b9\u03b1 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1.<br>\u039c\u03b9\u03b1 \u03bf\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03ae \u03c5\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7.<\/h2>\r\n                <\/div>\r\n\r\n                <p>\u0397 \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03ac \u03bc\u03b1\u03c2 \u03ad\u03c7\u03c4\u03b9\u03c3\u03b5 \u03b5\u03b4\u03ce \u03c4\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1 \u03c4\u03b7\u03c2. \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03c3\u03b1\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b5\u03c7\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03b5 \u03c4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b9\u03c2 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2, \u03c3\u03c4\u03b7 \u03b2\u03cc\u03c1\u03b5\u03b9\u03b1 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03b7\u03c2 \u039c\u03ae\u03bb\u03bf\u03c5, \u03bc\u03b5 \u03b2\u03b5\u03c1\u03ac\u03bd\u03c4\u03b5\u03c2 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ad\u03c2 \u03c3\u03c4\u03bf \u0391\u03b9\u03b3\u03b1\u03af\u03bf.<\/p>\r\n                <p class=\"experience-editorial__subline\">\u0399\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf<\/p>\r\n                \r\n\r\n                \r\n\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================================\r\n         SONEVA-INSPIRED EXPLORE SECTION\r\n         ======================================== -->\r\n    <section id=\"houses\" class=\"nx-houses\" aria-labelledby=\"nx-houses-heading\" translate=\"no\">\n <header class=\"nx-houses-head\"><div><p class=\"nx-eyebrow\">AEGEAN BLUE HOUSES \u00b7 \u039c\u0391\u039d\u0394\u03a1\u0391\u039a\u0399\u0391<\/p><h2 id=\"nx-houses-heading\">\u03a4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1.<br><em>\u0397 \u03b4\u03b9\u03ba\u03ae \u03c3\u03b1\u03c2 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae.<\/em><\/h2><\/div><div class=\"nx-houses-intro\"><p>\u0393\u03b9\u03b1 \u03b4\u03cd\u03bf \u03ae \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03b1\u03c1\u03ad\u03b1. \u0394\u03b9\u03b1\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9, \u03bc\u03b5 \u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03b1\u03c2.<\/p><a class=\"nx-link\" href=\"\/el\/\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1\/\">\u0394\u03b5\u03af\u03c4\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1 <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/header>\n <div class=\"nx-house-grid\"><article class=\"nx-house\"><a href=\"\/el\/accommodation\/the-cedar\/\" aria-labelledby=\"nx-house-0\">\n <span class=\"nx-house-photo\"><img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/the-cedar.webp\" width=\"1100\" height=\"733\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" alt=\"The Cedar \u2014 \u03a4\u03bf \u03ba\u03b1\u03b8\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b1\u03bd\u03bf\u03af\u03b3\u03b5\u03b9 \u03c3\u03c4\u03b7 \u03b2\u03b5\u03c1\u03ac\u03bd\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\"><span class=\"nx-house-number\" aria-hidden=\"true\">01<\/span><\/span>\n <div class=\"nx-house-copy\"><div class=\"nx-house-name\"><h3 id=\"nx-house-0\">The Cedar<\/h3><span class=\"nx-house-arrow\" aria-hidden=\"true\">\u2197<\/span><\/div>\n <div class=\"nx-house-facts\"><span>33 m\u00b2<\/span><span>1 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf<\/span><span>3 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2<\/span><\/div>\n <p class=\"nx-house-description\">\u03a4\u03bf \u03ba\u03b1\u03b8\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b1\u03bd\u03bf\u03af\u03b3\u03b5\u03b9 \u03c3\u03c4\u03b7 \u03b2\u03b5\u03c1\u03ac\u03bd\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.<\/p><div class=\"nx-house-foot\"><span>\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b1<\/span><small>+ 1 \u03ba\u03b1\u03c4\u03cc\u03c0\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7\u03c2<\/small><\/div><\/div><\/a><\/article><article class=\"nx-house\"><a href=\"\/el\/accommodation\/the-olive-tree\/\" aria-labelledby=\"nx-house-1\">\n <span class=\"nx-house-photo\"><img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/the-olive-tree.webp\" width=\"1100\" height=\"733\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" alt=\"The Olive Tree \u2014 \u03a3\u03ba\u03b9\u03ac \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03ad\u03c1\u03b3\u03ba\u03bf\u03bb\u03b1, \u03bc\u03b5 \u03b8\u03ad\u03b1 \u03c3\u03c4\u03bf \u0391\u03b9\u03b3\u03b1\u03af\u03bf.\"><span class=\"nx-house-number\" aria-hidden=\"true\">02<\/span><\/span>\n <div class=\"nx-house-copy\"><div class=\"nx-house-name\"><h3 id=\"nx-house-1\">The Olive Tree<\/h3><span class=\"nx-house-arrow\" aria-hidden=\"true\">\u2197<\/span><\/div>\n <div class=\"nx-house-facts\"><span>40 m\u00b2<\/span><span>1 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf<\/span><span>4 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2<\/span><\/div>\n <p class=\"nx-house-description\">\u03a3\u03ba\u03b9\u03ac \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03ad\u03c1\u03b3\u03ba\u03bf\u03bb\u03b1, \u03bc\u03b5 \u03b8\u03ad\u03b1 \u03c3\u03c4\u03bf \u0391\u03b9\u03b3\u03b1\u03af\u03bf.<\/p><div class=\"nx-house-foot\"><span>\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b1<\/span><small>+ 1 \u03ba\u03b1\u03c4\u03cc\u03c0\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7\u03c2<\/small><\/div><\/div><\/a><\/article><article class=\"nx-house\"><a href=\"\/el\/accommodation\/sea-blue\/\" aria-labelledby=\"nx-house-2\">\n <span class=\"nx-house-photo\"><img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/sea-blue.webp\" width=\"1100\" height=\"733\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" alt=\"Sea Blue \u2014 \u0394\u03cd\u03bf \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf \u0391\u03b9\u03b3\u03b1\u03af\u03bf \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03cc\u03c1\u03c4\u03b1.\"><span class=\"nx-house-number\" aria-hidden=\"true\">03<\/span><\/span>\n <div class=\"nx-house-copy\"><div class=\"nx-house-name\"><h3 id=\"nx-house-2\">Sea Blue<\/h3><span class=\"nx-house-arrow\" aria-hidden=\"true\">\u2197<\/span><\/div>\n <div class=\"nx-house-facts\"><span>45 m\u00b2<\/span><span>2 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1<\/span><span>5 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2<\/span><\/div>\n <p class=\"nx-house-description\">\u0394\u03cd\u03bf \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf \u0391\u03b9\u03b3\u03b1\u03af\u03bf \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03cc\u03c1\u03c4\u03b1.<\/p><div class=\"nx-house-foot\"><span>\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b1<\/span><small>+ 1 \u03ba\u03b1\u03c4\u03cc\u03c0\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7\u03c2<\/small><\/div><\/div><\/a><\/article><article class=\"nx-house\"><a href=\"\/el\/accommodation\/unique-sea-view\/\" aria-labelledby=\"nx-house-3\">\n <span class=\"nx-house-photo\"><img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/unique-sea-view.webp\" width=\"1100\" height=\"733\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" alt=\"Unique Sea View \u2014 \u03a4\u03c1\u03af\u03b1 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03b1\u03c5\u03bb\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03ad\u03b1.\"><span class=\"nx-house-number\" aria-hidden=\"true\">04<\/span><\/span>\n <div class=\"nx-house-copy\"><div class=\"nx-house-name\"><h3 id=\"nx-house-3\">Unique Sea View<\/h3><span class=\"nx-house-arrow\" aria-hidden=\"true\">\u2197<\/span><\/div>\n <div class=\"nx-house-facts\"><span>119 m\u00b2<\/span><span>3 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1<\/span><span>6 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2<\/span><\/div>\n <p class=\"nx-house-description\">\u03a4\u03c1\u03af\u03b1 \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03b1\u03c5\u03bb\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03ad\u03b1.<\/p><div class=\"nx-house-foot\"><span>\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b1<\/span><small>+ 2 \u03ba\u03b1\u03c4\u03cc\u03c0\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7\u03c2<\/small><\/div><\/div><\/a><\/article><\/div>\n <div class=\"nx-houses-signoff\"><span>\u03a4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03ac \u03c3\u03c0\u03af\u03c4\u03b9\u03b1 \u00b7 \u039c\u03b9\u03b1 \u03bf\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03ae \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03af\u03b1<\/span><span>\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1, \u039c\u03ae\u03bb\u03bf\u03c2<\/span><\/div><\/section>\n<section id=\"editorial\">\r\n        <div class=\"pillars-showcase\" data-pillars-showcase>\r\n            <div class=\"pillars-showcase__media\" aria-hidden=\"true\">\r\n                <figure class=\"pillars-showcase__slide is-active\" data-pillars-slide=\"0\">\r\n                    <img class=\"pillars-showcase__image\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7353.jpg\" alt=\"Aegean room suite view\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n                <\/figure>\r\n                <figure class=\"pillars-showcase__slide\" data-pillars-slide=\"1\">\r\n                    <img class=\"pillars-showcase__image\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Screenshot-2026-07-08-205713.png\" alt=\"Boat transfer experience by the sea\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n                <\/figure>\r\n                <figure class=\"pillars-showcase__slide\" data-pillars-slide=\"2\">\r\n                    <img class=\"pillars-showcase__image\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/fc349c2e-3f4b-4385-837d-322319aca1e5_1_105_c.jpg\" alt=\"Fishing trip at golden hour\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n                <\/figure>\r\n            <\/div>\r\n\r\n            <div class=\"pillars-showcase__chrome\">\r\n                <nav aria-label=\"Explore highlights\">\r\n                    <ul class=\"pillars-showcase__tabs\" role=\"tablist\">\r\n                        <li>\r\n                            <button class=\"pillars-showcase__tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"pillars-panel-rooms\" id=\"pillars-tab-rooms\" data-pillars-tab=\"0\">\r\n                                <span class=\"pillars-showcase__tab-label\">Explore our rooms<\/span>\r\n                                <span class=\"pillars-showcase__tab-track\"><span class=\"pillars-showcase__tab-fill\" data-pillars-fill=\"0\"><\/span><\/span>\r\n                            <\/button>\r\n                        <\/li>\r\n                        <li>\r\n                            <button class=\"pillars-showcase__tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"pillars-panel-transfer\" id=\"pillars-tab-transfer\" data-pillars-tab=\"1\" tabindex=\"-1\">\r\n                                <span class=\"pillars-showcase__tab-label\">Boat transfers experience<\/span>\r\n                                <span class=\"pillars-showcase__tab-track\"><span class=\"pillars-showcase__tab-fill\" data-pillars-fill=\"1\"><\/span><\/span>\r\n                            <\/button>\r\n                        <\/li>\r\n                        <li>\r\n                            <button class=\"pillars-showcase__tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"pillars-panel-fishing\" id=\"pillars-tab-fishing\" data-pillars-tab=\"2\" tabindex=\"-1\">\r\n                                <span class=\"pillars-showcase__tab-label\">Fishing trip experience<\/span>\r\n                                <span class=\"pillars-showcase__tab-track\"><span class=\"pillars-showcase__tab-fill\" data-pillars-fill=\"2\"><\/span><\/span>\r\n                            <\/button>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/nav>\r\n\r\n                <div class=\"pillars-showcase__panel-wrap\">\r\n                    <article class=\"pillars-showcase__panel is-active\" id=\"pillars-panel-rooms\" role=\"tabpanel\" aria-labelledby=\"pillars-tab-rooms\" data-pillars-panel=\"0\">\r\n                        <h2 class=\"pillars-showcase__heading\">Sanctuaries with Endless Sea<\/h2>\r\n                        <p class=\"pillars-showcase__intro\">\u03a4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b9\u03c2 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1, \u03b3\u03b9\u03b1 \u03b6\u03b5\u03c5\u03b3\u03ac\u03c1\u03b9\u03b1, \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03ad\u03b5\u03c2.<\/p>\r\n                        <a class=\"pillars-showcase__cta\" href=\"\/el\/\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1\/\">Explore<\/a>\r\n                    <\/article>\r\n                    <article class=\"pillars-showcase__panel\" id=\"pillars-panel-transfer\" role=\"tabpanel\" aria-labelledby=\"pillars-tab-transfer\" data-pillars-panel=\"1\" hidden>\r\n                        <h2 class=\"pillars-showcase__heading\">Arrive by Sea in Style<\/h2>\r\n                        <p class=\"pillars-showcase__intro\">Plan private boat transfers between coves, beaches and villages with tailored timing and curated island stops.<\/p>\r\n                        <a class=\"pillars-showcase__cta\" href=\"#inquiry\" data-experience-link=\"Boat transfers experience\">Explore<\/a>\r\n                    <\/article>\r\n                    <article class=\"pillars-showcase__panel\" id=\"pillars-panel-fishing\" role=\"tabpanel\" aria-labelledby=\"pillars-tab-fishing\" data-pillars-panel=\"2\" hidden>\r\n                        <h2 class=\"pillars-showcase__heading\">Milos Fishing Journeys<\/h2>\r\n                        <p class=\"pillars-showcase__intro\">Step into authentic island waters with local-led fishing routes, sunset returns and an experience tuned to your pace.<\/p>\r\n                        <a class=\"pillars-showcase__cta\" href=\"#inquiry\" data-experience-link=\"Fishing trip experience\">Explore<\/a>\r\n                    <\/article>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- LIVING ATLAS APP MOUNT (runtime renders Atlas + EPTA teaser) -->\r\n<div id=\"app\" data-abh-editorial-atlas aria-label=\"Milos Living Atlas\"><\/div>\r\n\r\n    <!-- ========================================\r\n         THE \u0395\u03a0\u03a4\u0391 \u2014 EDITORIAL REVEAL\r\n         Homepage teaser only; the final 3D experience is not wired yet.\r\n         ======================================== -->\r\n    <section id=\"the-epta\" aria-labelledby=\"epta-title\">\r\n      <header class=\"e-intro e-scene\" aria-label=\"THE \u0395\u03a0\u03a4\u0391 introduction\">\r\n        <div class=\"e-intro__inner\">\r\n          <div class=\"e-intro__mark\" data-e-reveal aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 64 120\" fill=\"none\">\r\n              <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M 16 108 Q 14 88 18 68 Q 20 48 24 28 Q 26 18 32 12\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M 48 108 Q 50 88 46 68 Q 44 48 40 28 Q 38 18 32 12\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" d=\"M 22 100 Q 26 80 28 60 Q 29 40 30 20\" opacity=\"0.7\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" d=\"M 42 100 Q 38 80 36 60 Q 35 40 34 20\" opacity=\"0.7\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" d=\"M 28 16 Q 32 10 36 16\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" d=\"M 12 110 Q 20 108 32 108 Q 44 108 52 110\" opacity=\"0.6\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"0.9\" d=\"M 24 90 L 40 90\" opacity=\"0.4\"\/>\r\n              <path stroke=\"currentColor\" stroke-width=\"0.9\" d=\"M 21 70 L 43 70\" opacity=\"0.3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <p class=\"e-kicker\" data-e-reveal>A new chapter \u00b7 Above Mandrakia<\/p>\r\n          <h2 class=\"e-intro__title\" id=\"epta-title\" data-e-reveal>\r\n            <span class=\"e-intro__the\">THE<\/span>\r\n            <span class=\"e-intro__epta\">\u0395\u03a0\u03a4\u0391<\/span>\r\n          <\/h2>\r\n          <p class=\"e-intro__lead\" data-e-reveal>Seven subterranean residences.<br>One landscape.<\/p>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"e-masterplan e-scene\" data-e-masterplan aria-label=\"Cinematic masterplan preview\">\r\n        <div class=\"e-masterplan__sticky\">\r\n          <figure class=\"e-masterplan__frame\">\r\n            <img loading=\"lazy\" class=\"e-masterplan__image\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/epta-r04-poster.jpg\" alt=\"Architectural masterplan preview of THE \u0395\u03a0\u03a4\u0391 above Mandrakia\" width=\"1560\" height=\"765\" loading=\"lazy\" decoding=\"async\">\r\n            <span class=\"e-masterplan__focus\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"e-masterplan__veil\" aria-hidden=\"true\"><\/span>\r\n            <figcaption class=\"e-masterplan__caption\">\r\n              <span data-e-active-num>04<\/span> \u00b7 <span data-e-active-name>Kastanas<\/span> \u00b7 <span data-e-active-rock>Rhyolite<\/span>\r\n            <\/figcaption>\r\n          <\/figure>\r\n          <p class=\"e-masterplan__label\" aria-hidden=\"true\">Masterplan study \u00b7 Curated preview<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"e-statement e-scene\" aria-label=\"Architectural statement\">\r\n        <div class=\"e-statement__inner\">\r\n          <h3 class=\"e-statement__title\" data-e-reveal>Carved into<br>the land.<\/h3>\r\n          <p class=\"e-statement__copy\" data-e-reveal>Seven residences emerge from the volcanic terrain of Milos, each shaped by its own geological identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"e-collection e-scene\" aria-label=\"The seven residences\">\r\n        <div class=\"e-collection__inner\">\r\n          <div class=\"e-collection__heading\" data-e-reveal>\r\n            <p class=\"e-kicker\">01 \u2014 07<\/p>\r\n            <h3>The Seven Residences<\/h3>\r\n          <\/div>\r\n          <ol class=\"e-collection__index\" role=\"listbox\" aria-orientation=\"horizontal\" aria-label=\"THE \u0395\u03a0\u03a4\u0391 residences\"><!-- Populated by abh-epta-editorial.js --><\/ol>\r\n          <p class=\"e-collection__note\" data-e-reveal>Hover or focus to reveal a geological identity within the masterplan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"e-conversion e-scene\" aria-label=\"Enter THE \u0395\u03a0\u03a4\u0391\">\r\n        <div class=\"e-conversion__inner\">\r\n          <p class=\"e-kicker\" data-e-reveal>Enter THE \u0395\u03a0\u03a4\u0391<\/p>\r\n          <h3 class=\"e-conversion__title\" data-e-reveal>Seven residences.<br>Seven geological identities.<\/h3>\r\n          <p class=\"e-conversion__copy\" data-e-reveal>Explore the architecture, landscape and interiors.<\/p>\r\n          <span class=\"e-conversion__cta\" role=\"link\" aria-disabled=\"true\" data-epta-launch data-e-reveal>\r\n            <span>Discover THE \u0395\u03a0\u03a4\u0391<\/span><span class=\"e-conversion__line\" aria-hidden=\"true\"><\/span><span class=\"e-conversion__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/span>\r\n          <p class=\"e-conversion__status\">Interactive experience coming soon<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"e-handoff e-scene\" aria-hidden=\"true\">\r\n        <div class=\"e-handoff__plane\"><\/div>\r\n      <\/div>\r\n    <\/section><!-- \/#the-epta -->\r\n\r\n    <!-- ========================================\r\n         SEA VIDEO COMPOSITION\r\n         ======================================== -->\r\n    <section id=\"gallery\" class=\"sea-canvas abh-sea-editorial\" hidden>\r\n        <div class=\"sea-canvas__video-shell\" data-settings='{\"background_background\":\"video\",\"background_play_on_mobile\":\"yes\"}'>\r\n            <video class=\"sea-canvas__video elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop preload=\"metadata\" poster=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Screenshot-2026-07-08-205713.png\">\r\n                <source src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/mar-loop-feature-block01.mp4\" type=\"video\/mp4\">\r\n                <source src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/mar-loop-feature-block01.webm\" type=\"video\/webm\">\r\n                Your browser does not support the video tag.\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"sea-canvas__veil\" aria-hidden=\"true\"><\/div>\r\n        <canvas class=\"abh-sea-editorial__gl\" data-abh-sea-gl aria-hidden=\"true\"><\/canvas>\r\n        <div class=\"abh-sea-editorial__route\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 560 260\" focusable=\"false\" aria-hidden=\"true\">\r\n                <path d=\"M56 216 C 142 180, 250 148, 322 92 C 380 48, 462 36, 536 42\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"abh-sea-editorial__cursor\" data-abh-sea-cursor aria-hidden=\"true\">\r\n            <span class=\"abh-sea-editorial__cursor-ring\"><\/span>\r\n            <span class=\"abh-sea-editorial__cursor-dot\"><\/span>\r\n            <span class=\"abh-sea-editorial__cursor-label\" data-abh-sea-cursor-label><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"section-inner sea-canvas__content\" data-abh-cursor-zone=\"text\">\r\n            <span class=\"sea-canvas__label\">Milos &nbsp;&middot;&nbsp; Mandrakia &nbsp;&middot;&nbsp; Aegean Sea<\/span>\r\n            <h2 class=\"sea-canvas__title\">Where every day<br>follows the sea<\/h2>\r\n            <p class=\"sea-canvas__intro\">Private terraces, quiet interiors and the changing light of the Aegean. Discover the houses created for unhurried days in Milos.<\/p>\r\n            <a\r\n                class=\"abh-tidal-portal\"\r\n                href=\"#the-epta\"\r\n                aria-label=\"Explore the Aegean Blue residences\"\r\n                data-abh-tidal-portal\r\n            >\r\n                <span class=\"abh-tidal-portal__optical-layer\" aria-hidden=\"true\"><\/span>\r\n\r\n                <span class=\"abh-tidal-portal__copy\">\r\n                    <span class=\"abh-tidal-portal__supporting\">Your place by the Aegean<\/span>\r\n                    <span class=\"abh-tidal-portal__label\">Explore the Residences<\/span>\r\n                <\/span>\r\n\r\n                <span class=\"abh-tidal-portal__horizon\" aria-hidden=\"true\"><\/span>\r\n\r\n                <span class=\"abh-tidal-portal__symbol\" aria-hidden=\"true\">\r\n                    <span class=\"abh-tidal-portal__ripple\"><\/span>\r\n                    <svg class=\"abh-tidal-portal__arrow\" viewBox=\"0 0 48 18\" focusable=\"false\" aria-hidden=\"true\">\r\n                        <path d=\"M0 9H43\"><\/path>\r\n                        <path d=\"M36 2L43 9L36 16\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <figure class=\"sea-canvas__float sea-canvas__float--one\" data-abh-sea-image data-abh-cursor-zone=\"image\" aria-label=\"Private terrace image\">\r\n            <img\r\n                src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7835.webp\"\r\n                srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7835-440x660.webp 440w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7835-660x913.webp 660w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7835-683x1024.webp 683w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/Y8A7835.webp 720w\"\r\n                sizes=\"(max-width: 960px) 176px, (max-width: 1200px) 394px, 594px\"\r\n                width=\"720\"\r\n                height=\"1080\"\r\n                data-abh-traverse-x=\"6.5\"\r\n                data-abh-traverse-y=\"24\"\r\n                data-abh-traverse-scale=\"1.055\"\r\n                alt=\"Main exterior terrace view of the residence\"\r\n                loading=\"eager\"\r\n                decoding=\"async\"\r\n            >\r\n            <figcaption class=\"sea-canvas__caption\">\r\n                <span class=\"sea-canvas__caption-title\">PRIVATE TERRACE<\/span>\r\n                <span class=\"sea-canvas__caption-sub\">Residence living above the Aegean<\/span>\r\n            <\/figcaption>\r\n        <\/figure>\r\n        <figure class=\"sea-canvas__float sea-canvas__float--two\" data-abh-sea-image data-abh-cursor-zone=\"image\" aria-label=\"Slow morning image\">\r\n            <img loading=\"lazy\"\r\n                src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839.webp\"\r\n                srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839-300x200.webp 300w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839-440x293.webp 440w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839-700x466.webp 700w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839-768x512.webp 768w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839-1024x683.webp 1024w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/MG_3839.webp 1152w\"\r\n                sizes=\"auto, (max-width: 960px) 150px, (max-width: 1200px) 210px, 360px\"\r\n                width=\"1152\"\r\n                height=\"768\"\r\n                data-abh-traverse-x=\"-11\"\r\n                data-abh-traverse-y=\"34\"\r\n                data-abh-traverse-scale=\"1.09\"\r\n                alt=\"Secondary residence angle with terrace detail\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n            >\r\n            <figcaption class=\"sea-canvas__caption\">\r\n                <span class=\"sea-canvas__caption-title\">QUIET INTERIORS<\/span>\r\n                <span class=\"sea-canvas__caption-sub\">A private place shaped by island light<\/span>\r\n            <\/figcaption>\r\n        <\/figure>\r\n    <\/section>\r\n\r\n    <!-- ========================================\r\n         SUMMER EDITORIAL STORY \u2014 ONE CONTINUOUS SPREAD\r\n         Chapters 00-04 share a single vertical editorial spine (--abh-spine).\r\n         Only three compositions are used: A editorial split (image | copy),\r\n         B image dialogue (image | image), C full-bleed interlude.\r\n         Beats are discrete states on data-story-beat; every visual change is a\r\n         CSS transition off that attribute, so fast and reverse scrolling always\r\n         converge on the newest chapter instead of queueing animation.\r\n         ======================================== -->\r\n    <section id=\"island-index\" class=\"abh-index\" aria-labelledby=\"abh-index-title\" data-abh-index>\n        <div class=\"abh-index__scene\">\n            <img loading=\"lazy\" class=\"abh-index__horizon\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/horizon-baked-2400.webp\" srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/horizon-baked-1200.webp 1200w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/horizon-baked-2400.webp 2400w\" sizes=\"auto, 100vw\" alt=\"The Aegean at dusk from the terrace of Aegean Blue Houses, above Mandrakia\" width=\"2400\" height=\"1350\" loading=\"lazy\" decoding=\"async\">\n            <figure class=\"abh-index__arch\" aria-hidden=\"true\">\n                <img loading=\"lazy\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/arch-640.webp\" srcset=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/arch-640.webp 640w, https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/objects\/arch-1200.webp 1086w\" sizes=\"auto, (max-width: 860px) 46vw, 340px\" alt=\"\" width=\"640\" height=\"853\" loading=\"lazy\" decoding=\"async\">\n            <\/figure>\n\n            <div class=\"abh-index__card\">\n                <div class=\"abh-index__col abh-index__col--lead\">\n                    <p class=\"abh-index__eyebrow abh-char-mono\" data-abh-el=\"\u0393\u03cd\u03c1\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9\">Around the house<\/p>\n                    <h2 class=\"abh-index__title\" id=\"abh-index-title\" data-abh-el=\"\u0397 \u039c\u03ae\u03bb\u03bf\u03c2,<br>\u03c3\u03b5 \u03b1\u03c0\u03cc\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b1\u03bd\u03b1\u03c0\u03bd\u03bf\u03ae\u03c2.\">Milos,<br>within reach.<\/h2>\n\n                    <figure class=\"abh-index__view\" id=\"abh-index-view\">\n                        <div class=\"abh-index__frame\">\n                            <img loading=\"lazy\" class=\"abh-index__photo is-active\" data-index-photo=\"house\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/places\/house-1200.webp\" alt=\"A long table on the terrace at Aegean Blue Houses with the Aegean beyond\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                            <img loading=\"lazy\" class=\"abh-index__photo\" data-index-photo=\"mandrakia\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/places\/mandrakia-y8a8299-1200.webp\" alt=\"Boat houses painted in bright colours at the water's edge\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                            <img loading=\"lazy\" class=\"abh-index__photo\" data-index-photo=\"sarakiniko\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/places\/sarakiniko-1200.webp\" alt=\"The white volcanic rock of Sarakiniko\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                            <img loading=\"lazy\" class=\"abh-index__photo\" data-index-photo=\"klima\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/places\/klima-1200.webp\" alt=\"Sunset over the sea beside the boat houses of Klima\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                            <img loading=\"lazy\" class=\"abh-index__photo\" data-index-photo=\"kleftiko\" src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/character\/places\/kleftiko-1200.webp\" alt=\"The sea arches of Kleftiko\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <figcaption class=\"abh-index__caption\" aria-live=\"polite\">\n                            <span class=\"abh-index__cap-line abh-char-mono\"><span data-index-cap-num>01<\/span> \u00b7 <span data-index-cap-name><\/span><\/span>\n                            <span class=\"abh-index__cap-desc\" data-index-cap-desc><\/span>\n                            <span class=\"abh-index__cap-coords abh-char-mono\" data-index-coords><\/span>\n                        <\/figcaption>\n                    <\/figure>\n\n                    <a class=\"abh-index__cta\" href=\"#inquiry\" data-experience-link=\"Around the house\">\n                        <span data-abh-el=\"\u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae \u03c3\u03b1\u03c2\">Plan your stay<\/span>\n                        <span aria-hidden=\"true\">&#8594;<\/span>\n                    <\/a>\n                <\/div>\n\n                <div class=\"abh-index__col abh-index__col--text\">\n                    <p class=\"abh-index__lede\" data-abh-el=\"\u03a4\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1 \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1, \u03c3\u03c4\u03b7\u03bd \u03c0\u03b9\u03bf \u03ae\u03c3\u03c5\u03c7\u03b7 \u03b2\u03cc\u03c1\u03b5\u03b9\u03b1 \u03b1\u03ba\u03c4\u03ae. \u039c\u03b5\u03c1\u03b9\u03ba\u03ac \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c0\u03b9\u03bf \u03b1\u03b3\u03b1\u03c0\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bb\u03af\u03b3\u03bf \u03c0\u03b9\u03bf \u03c0\u03ad\u03c1\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03cc\u03c1\u03c4\u03b1 \u03c3\u03b1\u03c2.\">The houses sit above Mandrakia, on the quieter north coast. Some of the island's most loved places are a short way from the door.<\/p>\n\n                    <ol class=\"abh-index__list\">\n                        <li><button class=\"abh-index__row\" type=\"button\" aria-pressed=\"true\" aria-controls=\"abh-index-view\" data-index-place=\"house\">\n                            <span class=\"abh-index__num\">01<\/span>\n                            <span class=\"abh-index__name\" data-abh-el=\"\u03a4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9\">The house<\/span>\n                            <span class=\"abh-index__dist\" data-abh-el=\"\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ba\u03cc\u03bb\u03c0\u03bf\">Above the bay<\/span>\n                            <span class=\"abh-index__desc\" data-abh-el=\"\u03a0\u03c1\u03c9\u03b9\u03bd\u03cc \u03c3\u03c4\u03b7 \u03b2\u03b5\u03c1\u03ac\u03bd\u03c4\u03b1, \u03c3\u03ba\u03b9\u03ac \u03c4\u03bf \u03b1\u03c0\u03cc\u03b3\u03b5\u03c5\u03bc\u03b1, \u03b4\u03b5\u03af\u03c0\u03bd\u03bf \u03ba\u03b1\u03b8\u03ce\u03c2 \u03c3\u03b2\u03ae\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c6\u03c9\u03c2.\">Breakfast on the terrace, shade through the afternoon, dinner as the light goes.<\/span>\n                        <\/button><\/li>\n                        <li><button class=\"abh-index__row\" type=\"button\" aria-pressed=\"false\" aria-controls=\"abh-index-view\" data-index-place=\"mandrakia\">\n                            <span class=\"abh-index__num\">02<\/span>\n                            <span class=\"abh-index__name\" data-abh-el=\"\u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1\">Mandrakia<\/span>\n                            <span class=\"abh-index__dist\" data-abh-el=\"\u039a\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1\">Below the houses<\/span>\n                            <span class=\"abh-index__desc\" data-abh-el=\"\u0388\u03bd\u03b1\u03c2 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c2 \u03c8\u03b1\u03c1\u03ac\u03b4\u03b9\u03ba\u03bf\u03c2 \u03ba\u03cc\u03bb\u03c0\u03bf\u03c2, \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c0\u03af\u03c4\u03b9\u03b1.\">A small fishing cove, just below the houses.<\/span>\n                        <\/button><\/li>\n                        <li><button class=\"abh-index__row\" type=\"button\" aria-pressed=\"false\" aria-controls=\"abh-index-view\" data-index-place=\"sarakiniko\">\n                            <span class=\"abh-index__num\">03<\/span>\n                            <span class=\"abh-index__name\" data-abh-el=\"\u03a3\u03b1\u03c1\u03b1\u03ba\u03ae\u03bd\u03b9\u03ba\u03bf\">Sarakiniko<\/span>\n                            <span class=\"abh-index__dist\">1.4 km<\/span>\n                            <span class=\"abh-index__desc\" data-abh-el=\"\u039b\u03b5\u03c5\u03ba\u03cc\u03c2 \u03b7\u03c6\u03b1\u03b9\u03c3\u03c4\u03b5\u03b9\u03b1\u03ba\u03cc\u03c2 \u03b2\u03c1\u03ac\u03c7\u03bf\u03c2, \u03c3\u03bc\u03b9\u03bb\u03b5\u03bc\u03ad\u03bd\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ac\u03bd\u03b5\u03bc\u03bf \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\">White volcanic rock, shaped by wind and sea.<\/span>\n                        <\/button><\/li>\n                        <li><button class=\"abh-index__row\" type=\"button\" aria-pressed=\"false\" aria-controls=\"abh-index-view\" data-index-place=\"klima\">\n                            <span class=\"abh-index__num\">04<\/span>\n                            <span class=\"abh-index__name\" data-abh-el=\"\u039a\u03bb\u03ae\u03bc\u03b1\">Klima<\/span>\n                            <span class=\"abh-index__dist\">2.8 km<\/span>\n                            <span class=\"abh-index__desc\" data-abh-el=\"\u03a7\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03c3\u03c4\u03ac \u03c3\u03cd\u03c1\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03b7\u03bd \u03ac\u03ba\u03c1\u03b7 \u03c4\u03bf\u03c5 \u03bd\u03b5\u03c1\u03bf\u03cd.\">Painted boat houses at the water's edge.<\/span>\n                        <\/button><\/li>\n                        <li><button class=\"abh-index__row\" type=\"button\" aria-pressed=\"false\" aria-controls=\"abh-index-view\" data-index-place=\"kleftiko\">\n                            <span class=\"abh-index__num\">05<\/span>\n                            <span class=\"abh-index__name\" data-abh-el=\"\u039a\u03bb\u03ad\u03c6\u03c4\u03b9\u03ba\u03bf\">Kleftiko<\/span>\n                            <span class=\"abh-index__dist\" data-abh-el=\"\u0391\u03c0\u03cc \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1 \u00b7 14.8 km\">By sea \u00b7 14.8 km<\/span>\n                            <span class=\"abh-index__desc\" data-abh-el=\"\u0398\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03b5\u03c2 \u03b1\u03c8\u03af\u03b4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c0\u03b7\u03bb\u03b9\u03ad\u03c2 \u03c3\u03c4\u03b7 \u03bd\u03bf\u03c4\u03b9\u03bf\u03b4\u03c5\u03c4\u03b9\u03ba\u03ae \u03b1\u03ba\u03c4\u03ae.\">Sea arches and caves on the south-west coast.<\/span>\n                        <\/button><\/li>\n                    <\/ol>\n                    <p class=\"abh-index__note\" data-abh-el=\"\u0391\u03c0\u03bf\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03b5\u03c5\u03b8\u03b5\u03af\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03b1\u03c0\u03cc \u03c4\u03b1 \u039c\u03b1\u03bd\u03b4\u03c1\u03ac\u03ba\u03b9\u03b1 \u00b7 OpenStreetMap\">Straight-line distances from Mandrakia \u00b7 OpenStreetMap<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div id=\"abh-closing-flow\">\r\n    <section id=\"inquiry\" class=\"abh-inquiry-scene abh-inquiry-scene--revealed\" aria-labelledby=\"stay-title\">\r\n        <div class=\"stay-layout\">\r\n            <header class=\"stay-intro\">\r\n                <p class=\"stay-eyebrow\">YOUR STAY IN MILOS<\/p>\r\n                <h2 id=\"stay-title\">A little closer<br>to <em>Milos.<\/em><\/h2>\r\n                <p class=\"stay-copy\">Tell us when you would like to visit and who you are travelling with. We will help you find your place on the island.<\/p>\r\n                <a class=\"stay-contact\" href=\"mailto:info@aegeanbluehouses.com\">info@aegeanbluehouses.com <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n            <\/header>\r\n            <form id=\"abhStayForm\" class=\"stay-form\" action=\"https:\/\/aegeanbluehouses.com\/wp-json\/contact-form-7\/v1\/contact-forms\/2275\/feedback\" method=\"post\" aria-describedby=\"stay-note\">\r\n                <input type=\"hidden\" name=\"_wpcf7\" value=\"2275\">\r\n                <input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.7.7\">\r\n                <input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\">\r\n                <input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2275-p341-o1\">\r\n                <input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"341\">\r\n                <input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\">\r\n                <input type=\"hidden\" name=\"room-selection\" value=\"Homepage enquiry \u2014 please advise\">\r\n                <div class=\"stay-field\"><label for=\"stay-arrival\">Arrival<\/label><input id=\"stay-arrival\" name=\"check-in\" type=\"date\" required><\/div>\r\n                <div class=\"stay-field\"><label for=\"stay-departure\">Departure<\/label><input id=\"stay-departure\" name=\"check-out\" type=\"date\" required><\/div>\r\n                <div class=\"stay-field\"><label for=\"stay-adults\">Adults<\/label><select id=\"stay-adults\" name=\"adults\"><option>1 Adult<\/option><option selected>2 Adults<\/option><option>3 Adults<\/option><option>4 Adults<\/option><option>5 Adults<\/option><option>6 Adults<\/option><\/select><\/div>\r\n                <div class=\"stay-field\"><label for=\"stay-children\">Children<\/label><select id=\"stay-children\" name=\"children\"><option>0 Children<\/option><option>1 Child<\/option><option>2 Children<\/option><option>3 Children<\/option><option>4 Children<\/option><\/select><\/div>\r\n                <div class=\"stay-field\"><label for=\"stay-name\">Your name<\/label><input id=\"stay-name\" name=\"your-name\" autocomplete=\"name\" maxlength=\"200\" required placeholder=\"Full name\"><\/div>\r\n                <div class=\"stay-field\"><label for=\"stay-email\">Email address<\/label><input id=\"stay-email\" name=\"your-email\" type=\"email\" autocomplete=\"email\" maxlength=\"254\" required placeholder=\"you@example.com\"><\/div>\r\n                <div class=\"stay-field stay-wide\"><label for=\"abhInquiryMessage\">A note for us <span>\u2014 optional<\/span><\/label><textarea id=\"abhInquiryMessage\" name=\"your-message\" rows=\"2\" maxlength=\"5000\" placeholder=\"Anything that would make your stay special\"><\/textarea><\/div>\r\n                <div class=\"stay-wide stay-actions\"><p id=\"stay-note\">An enquiry, not a confirmed reservation.<br>Your details are used to respond to your request.<\/p><button type=\"submit\">Send your enquiry <span aria-hidden=\"true\">\u2192<\/span><\/button><\/div>\r\n                <p id=\"stay-response\" class=\"stay-wide\" role=\"status\" aria-live=\"polite\" tabindex=\"-1\" hidden><\/p>\r\n            <\/form>\r\n        <\/div>\r\n    <\/section>\r\n   <style>\r\n\/* =========================================================\r\n   AEGEAN BLUE HOUSES \u2014 UNIFIED CREATOR FOOTER\r\n   Same desktop morphology as Travel Guide\r\n   ========================================================= *\/\r\n\r\nhtml body .abh-step7-creator-footer,\r\nhtml body .abh-step7-creator-footer * {\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer {\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    min-height: clamp(650px, 78vh, 740px);\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    color: #171717;\r\n    background: #f3efe8;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* Existing background image remains active *\/\r\nhtml body .abh-step7-creator-footer__bg {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    z-index: -2 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background-size: cover !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: center 43% !important;\r\n    transform: none !important;\r\n}\r\n\r\n\/* Very light wash for text readability *\/\r\nhtml body .abh-step7-creator-footer::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    background: rgba(255, 252, 247, 0.06);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   UPPER FOOTER \u2014 FORCE FOUR COLUMNS\r\n   --------------------------------------------------------- *\/\r\n\r\nhtml body .abh-step7-creator-footer__upper {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n\r\n    display: grid !important;\r\n    grid-template-columns:\r\n        minmax(190px, 1.10fr)\r\n        minmax(235px, 1.40fr)\r\n        minmax(175px, 0.90fr)\r\n        minmax(215px, 1.20fr) !important;\r\n\r\n    align-items: start !important;\r\n    justify-content: center !important;\r\n    column-gap: clamp(42px, 3.7vw, 62px) !important;\r\n    row-gap: 0 !important;\r\n\r\n    width: min(1080px, calc(100% - 80px)) !important;\r\n    max-width: 1080px !important;\r\n\r\n    margin: 0 auto !important;\r\n    padding: 48px 0 146px !important;\r\n}\r\n\r\n\/* Remove inherited positioning\/width rules from homepage *\/\r\nhtml body .abh-step7-creator-footer__block {\r\n    position: static !important;\r\n    display: block !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    min-width: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    transform: none !important;\r\n    text-align: left !important;\r\n    align-self: start !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__label {\r\n    margin: 0 0 22px !important;\r\n    padding: 0 !important;\r\n\r\n    color: #986b55 !important;\r\n    font-size: 13px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.19em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__address {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #171717 !important;\r\n    font-style: normal !important;\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.45 !important;\r\n    letter-spacing: 0.025em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__address span {\r\n    display: inline !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__address a {\r\n    display: inline-block !important;\r\n    width: fit-content !important;\r\n    margin-top: 2px !important;\r\n\r\n    color: inherit !important;\r\n    text-decoration: none !important;\r\n    border-bottom: 1px solid rgba(23, 23, 23, 0.62) !important;\r\n    transition:\r\n        border-color 220ms ease,\r\n        opacity 220ms ease !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__address a:hover {\r\n    opacity: 0.62 !important;\r\n    border-bottom-color: transparent !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__statement {\r\n    max-width: 270px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #252525 !important;\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.42 !important;\r\n    letter-spacing: 0.055em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__live-line {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    white-space: nowrap !important;\r\n\r\n    color: #171717 !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.4 !important;\r\n    letter-spacing: 0.015em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__social {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 13px !important;\r\n    margin-top: 25px !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__social-link {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex: 0 0 42px !important;\r\n\r\n    width: 42px !important;\r\n    height: 42px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #222 !important;\r\n    background: transparent !important;\r\n    border: 1px solid rgba(30, 30, 30, 0.30) !important;\r\n    border-radius: 50% !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.04em !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__name {\r\n    max-width: 230px !important;\r\n    margin: 0 0 14px !important;\r\n    padding: 0 !important;\r\n\r\n    color: #111 !important;\r\n    font-size: 21px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: 0.07em !important;\r\n    text-transform: uppercase !important;\r\n    overflow-wrap: normal !important;\r\n    word-break: normal !important;\r\n    hyphens: none !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__links {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 0 14px !important;\r\n    margin: 0 !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__links a {\r\n    display: inline-block !important;\r\n    width: fit-content !important;\r\n\r\n    color: #171717 !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.6 !important;\r\n    letter-spacing: 0.10em !important;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase !important;\r\n\r\n    border-bottom: 1px solid rgba(23, 23, 23, 0.45) !important;\r\n    transition:\r\n        opacity 220ms ease,\r\n        border-color 220ms ease !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__links a:hover {\r\n    opacity: 0.58 !important;\r\n    border-bottom-color: transparent !important;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   LOWER FOOTER\r\n   --------------------------------------------------------- *\/\r\n\r\nhtml body .abh-step7-creator-footer__lower {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n\r\n    display: grid !important;\r\n    grid-template-columns: 2fr 1fr !important;\r\n    align-items: start !important;\r\n    column-gap: 50px !important;\r\n\r\n    width: min(1080px, calc(100% - 80px)) !important;\r\n    max-width: 1080px !important;\r\n\r\n    margin: 0 auto !important;\r\n    padding: 22px 0 0 !important;\r\n\r\n    border-top: 1px solid rgba(29, 29, 29, 0.14) !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__lower p {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #313131 !important;\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.5 !important;\r\n    letter-spacing: 0.075em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__lower p:last-child {\r\n    text-align: left !important;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   TABLET\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 1100px) {\r\n    html body .abh-step7-creator-footer {\r\n        min-height: auto;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__upper {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        column-gap: 70px !important;\r\n        row-gap: 65px !important;\r\n        width: min(760px, calc(100% - 64px)) !important;\r\n        padding: 60px 0 100px !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__lower {\r\n        width: min(760px, calc(100% - 64px)) !important;\r\n        padding-bottom: 45px !important;\r\n    }\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   MOBILE\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 680px) {\r\n    html body .abh-step7-creator-footer__upper {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr !important;\r\n        row-gap: 48px !important;\r\n\r\n        width: calc(100% - 48px) !important;\r\n        padding: 55px 0 72px !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__label {\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__statement,\r\n    html body .abh-step7-creator-footer__name {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__live-line {\r\n        white-space: normal !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__lower {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr !important;\r\n        row-gap: 16px !important;\r\n\r\n        width: calc(100% - 48px) !important;\r\n        padding: 22px 0 36px !important;\r\n    }\r\n\r\n    html body .abh-step7-creator-footer__lower p:last-child {\r\n        text-align: left !important;\r\n    }\r\n}\r\n\r\n\/* Summer editorial scene: one anchor, two exposures, one detail. *\/\r\nhtml body .island-storyboard {\r\n    min-height: 210vh;\r\n    padding: 0;\r\n    text-align: left;\r\n    background: #f6f0e5;\r\n}\r\n\r\nhtml body .island-storyboard__inner {\r\n    width: min(1280px, calc(100% - 72px));\r\n    min-height: 210vh;\r\n    padding: 0;\r\n}\r\n\r\nhtml body .island-storyboard__eyebrow,\r\nhtml body .island-storyboard__heading {\r\n    position: relative;\r\n    z-index: 3;\r\n    align-self: center;\r\n    text-align: center;\r\n}\r\n\r\nhtml body .island-storyboard__scene {\r\n    position: sticky;\r\n    top: 0;\r\n    min-height: 100vh;\r\n    display: grid;\r\n    grid-template-columns: minmax(250px, 0.76fr) minmax(0, 1.54fr);\r\n    align-items: center;\r\n    gap: clamp(42px, 7vw, 112px);\r\n    padding: 12vh 0 10vh;\r\n}\r\n\r\nhtml body .island-storyboard__copy {\r\n    position: relative;\r\n    z-index: 5;\r\n    max-width: 320px;\r\n    padding-left: clamp(8px, 2vw, 28px);\r\n}\r\n\r\nhtml body .island-storyboard__copy-kicker {\r\n    margin: 0 0 22px;\r\n    color: rgba(25, 16, 13, 0.46);\r\n    font-size: 10px;\r\n    letter-spacing: 0.24em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .island-storyboard__copy-lead {\r\n    margin: 0;\r\n    color: #312a26;\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(31px, 3.3vw, 52px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.018em;\r\n    transition: opacity 560ms ease, transform 560ms ease;\r\n}\r\n\r\nhtml body .island-storyboard__copy-lead[data-summer-copy=\"second\"] {\r\n    position: absolute;\r\n    top: 42px;\r\n    left: clamp(8px, 2vw, 28px);\r\n    width: min(320px, calc(100% - 28px));\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n}\r\n\r\nhtml body .island-storyboard__copy.is-late .island-storyboard__copy-lead[data-summer-copy=\"first\"] {\r\n    opacity: 0;\r\n    transform: translateY(-18px);\r\n}\r\n\r\nhtml body .island-storyboard__copy.is-late .island-storyboard__copy-lead[data-summer-copy=\"second\"] {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\nhtml body .island-storyboard__copy .island-storyboard__cta {\r\n    margin-top: 34px;\r\n}\r\n\r\nhtml body .island-storyboard__images {\r\n    position: relative;\r\n    width: 100%;\r\n    height: min(72vh, 720px);\r\n    margin: 0;\r\n    clip-path: none;\r\n    transform: none;\r\n    overflow: visible;\r\n}\r\n\r\nhtml body .island-storyboard__images::before {\r\n    inset: 4% -4% -5% 4%;\r\n    z-index: -1;\r\n    background: linear-gradient(135deg, rgba(181, 164, 132, 0.28), rgba(232, 226, 214, 0.08) 46%, rgba(111, 136, 142, 0.16));\r\n}\r\n\r\nhtml body .island-storyboard__item,\r\nhtml body .island-storyboard__item--1,\r\nhtml body .island-storyboard__item--2,\r\nhtml body .island-storyboard__item--3,\r\nhtml body .island-storyboard__item--4 {\r\n    inset: auto;\r\n    left: auto;\r\n    right: auto;\r\n    top: auto;\r\n    bottom: auto;\r\n    width: auto;\r\n    height: auto;\r\n    opacity: 0;\r\n    transform: translate3d(0, 16px, 0);\r\n    outline: 1px solid rgba(255, 248, 235, 0.34);\r\n    transition: opacity 560ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);\r\n}\r\n\r\nhtml body .island-storyboard__item--1 {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\nhtml body .island-storyboard__item--2,\r\nhtml body .island-storyboard__item--3 {\r\n    position: absolute;\r\n    z-index: 3;\r\n    opacity: 0;\r\n}\r\n\r\nhtml body .island-storyboard__item--2 {\r\n    inset: 8% 8% 10% 11%;\r\n}\r\n\r\nhtml body .island-storyboard__item--3 {\r\n    inset: 12% 4% 12% 28%;\r\n}\r\n\r\nhtml body .island-storyboard__item--4 {\r\n    position: absolute;\r\n    z-index: 5;\r\n    right: 4%;\r\n    bottom: 5%;\r\n    width: 24%;\r\n    height: 31%;\r\n    opacity: 1;\r\n    transform: translate3d(12px, 12px, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-one .island-storyboard__item--2,\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--2,\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--3 {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--2 {\r\n    opacity: 0.3;\r\n    transform: translate3d(-8px, 6px, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--3 {\r\n    z-index: 4;\r\n}\r\n\r\nhtml body .island-storyboard__images .island-storyboard__item--1,\r\nhtml body .island-storyboard__images .island-storyboard__item--2,\r\nhtml body .island-storyboard__images .island-storyboard__item--3 {\r\n    will-change: opacity, transform;\r\n}\r\n\r\nhtml body .island-storyboard__images .island-storyboard__item img {\r\n    transform: scale(1.04);\r\n    filter: saturate(0.62) contrast(0.93) brightness(1.09) sepia(0.13) hue-rotate(-4deg) !important;\r\n}\r\n\r\nhtml body .island-storyboard__item--4 img {\r\n    transform: scale(1.02) !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    html body .island-storyboard,\r\n    html body .island-storyboard__inner {\r\n        min-height: auto;\r\n    }\r\n\r\n    html body .island-storyboard__inner {\r\n        width: calc(100% - 36px);\r\n        padding: 68px 0 72px;\r\n    }\r\n\r\n    html body .island-storyboard__scene {\r\n        position: relative;\r\n        min-height: auto;\r\n        display: flex;\r\n        flex-direction: column-reverse;\r\n        align-items: stretch;\r\n        gap: 28px;\r\n        padding: 0;\r\n    }\r\n\r\n    html body .island-storyboard__copy {\r\n        max-width: none;\r\n        padding: 0;\r\n    }\r\n\r\n    html body .island-storyboard__eyebrow,\r\n    html body .island-storyboard__heading {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    html body .island-storyboard__copy-lead,\r\n    html body .island-storyboard__copy-lead[data-summer-copy=\"second\"] {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        width: auto;\r\n        font-size: clamp(34px, 10vw, 52px);\r\n    }\r\n\r\n    html body .island-storyboard__copy-lead[data-summer-copy=\"second\"] {\r\n        display: none;\r\n    }\r\n\r\n    html body .island-storyboard__images {\r\n        height: auto;\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 14px;\r\n        overflow: visible;\r\n    }\r\n\r\n    html body .island-storyboard__item,\r\n    html body .island-storyboard__item--1,\r\n    html body .island-storyboard__item--2,\r\n    html body .island-storyboard__item--3,\r\n    html body .island-storyboard__item--4 {\r\n        position: relative;\r\n        inset: auto;\r\n        width: 100%;\r\n        height: min(88vw, 390px);\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    html body .island-storyboard__item--1 {\r\n        height: min(112vw, 470px);\r\n    }\r\n\r\n    html body .island-storyboard__item--4 {\r\n        width: 72%;\r\n        height: min(58vw, 250px);\r\n        justify-self: end;\r\n    }\r\n\r\n    html body .island-storyboard__images.is-exposure-one .island-storyboard__item--2,\r\n    html body .island-storyboard__images.is-exposure-two .island-storyboard__item--2,\r\n    html body .island-storyboard__images.is-exposure-two .island-storyboard__item--3 {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n}\r\n\r\n\/* Split-screen editorial sequence: each pane is consumed independently. *\/\r\nhtml body .island-storyboard {\r\n    min-height: 420vh;\r\n    padding: 0;\r\n    background: #f3eee5;\r\n    text-align: left;\r\n}\r\n\r\nhtml body .island-storyboard__inner {\r\n    width: 100%;\r\n    min-height: 420vh;\r\n    padding: 0;\r\n}\r\n\r\nhtml body .island-storyboard__eyebrow,\r\nhtml body .island-storyboard__heading {\r\n    position: absolute;\r\n    z-index: 10;\r\n    left: 50%;\r\n    width: min(760px, calc(100% - 48px));\r\n    margin-left: -380px;\r\n    text-align: center;\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .island-storyboard__eyebrow { top: 32px; }\r\nhtml body .island-storyboard__heading { top: 62px; }\r\n\r\nhtml body .island-storyboard__flow {\r\n    --summer-exit-gradient: 0;\r\n    --summer-exit-solid: 0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 2;\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    overflow: hidden;\r\n    background: #eee9e1;\r\n}\r\n\r\nhtml body .island-storyboard__panel--full-hero {\r\n    z-index: 5;\r\n    padding: 0;\r\n}\r\n\r\nhtml body .island-storyboard__panel--full-hero.is-active {\r\n    z-index: 8;\r\n}\r\n\r\nhtml body .island-storyboard__full-caption {\r\n    position: absolute;\r\n    left: clamp(28px, 6vw, 92px);\r\n    bottom: clamp(34px, 7vw, 92px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    color: #fffaf0;\r\n    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(34px, 5vw, 76px);\r\n    line-height: 0.94;\r\n}\r\n\r\nhtml body .island-storyboard__full-caption small {\r\n    font-family: inherit;\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .island-storyboard__pane {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\nhtml body .island-storyboard__panel {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: clamp(34px, 6vw, 92px);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translate3d(0, 28px, 0);\r\n    pointer-events: none;\r\n    transition: opacity 680ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 780ms cubic-bezier(0.22, 0.61, 0.36, 1);\r\n}\r\n\r\nhtml body .island-storyboard__panel.is-active {\r\n    z-index: 2;\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    pointer-events: auto;\r\n}\r\n\r\nhtml body .island-storyboard__panel img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transform: scale(1.035);\r\n    filter: saturate(0.68) contrast(0.94) brightness(1.06) sepia(0.1) hue-rotate(-3deg);\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-landscape,\r\nhtml body .island-storyboard__panel--left-horizon,\r\nhtml body .island-storyboard__panel--right-summer,\r\nhtml body .island-storyboard__panel--right-horizon {\r\n    padding: 0;\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-landscape::after,\r\nhtml body .island-storyboard__panel--left-horizon::after,\r\nhtml body .island-storyboard__panel--right-summer::after,\r\nhtml body .island-storyboard__panel--right-horizon::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(25, 22, 18, 0.04), rgba(25, 22, 18, 0.14));\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-copy,\r\nhtml body .island-storyboard__panel--right-copy {\r\n    background: #eee9e1;\r\n    color: #24201c;\r\n}\r\n\r\nhtml body .island-storyboard__panel-kicker {\r\n    margin: 0 0 22px;\r\n    color: rgba(36, 32, 28, 0.48);\r\n    font-size: 10px;\r\n    letter-spacing: 0.24em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .island-storyboard__panel h3 {\r\n    max-width: 430px;\r\n    margin: 0 0 24px;\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(42px, 5vw, 78px);\r\n    font-weight: 400;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\nhtml body .island-storyboard__panel > p:not(.island-storyboard__panel-kicker) {\r\n    max-width: 390px;\r\n    margin: 0;\r\n    font-size: clamp(16px, 1.35vw, 21px);\r\n    line-height: 1.5;\r\n}\r\n\r\nhtml body .island-storyboard__panel .island-storyboard__cta {\r\n    align-self: flex-start;\r\n    margin-top: 32px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    html body .island-storyboard,\r\n    html body .island-storyboard__inner {\r\n        min-height: auto;\r\n    }\r\n\r\n    html body .island-storyboard__inner {\r\n        width: 100%;\r\n        padding: 68px 18px 72px;\r\n    }\r\n\r\n    html body .island-storyboard__eyebrow,\r\n    html body .island-storyboard__heading {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        width: auto;\r\n        margin: 0;\r\n    }\r\n\r\n    html body .island-storyboard__heading { margin-bottom: 34px; }\r\n\r\n    html body .island-storyboard__flow {\r\n        position: relative;\r\n        height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: visible;\r\n        gap: 14px;\r\n    }\r\n\r\n    html body .island-storyboard__pane {\r\n        display: contents;\r\n        height: auto;\r\n        overflow: visible;\r\n    }\r\n\r\n    html body .island-storyboard__panel,\r\n    html body .island-storyboard__panel.is-active {\r\n        position: relative;\r\n        inset: auto;\r\n        min-height: 78vw;\r\n        padding: 34px 28px;\r\n        opacity: 1;\r\n        transform: none;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    html body .island-storyboard__panel--left-landscape,\r\n    html body .island-storyboard__panel--left-horizon,\r\n    html body .island-storyboard__panel--right-summer,\r\n    html body .island-storyboard__panel--right-horizon {\r\n        min-height: 78vw;\r\n    }\r\n\r\n    html body .island-storyboard__panel img { transform: none; }\r\n\r\n    html body .island-storyboard__panel--full-hero {\r\n        min-height: 78vw;\r\n    }\r\n\r\n    html body .island-storyboard__full-caption {\r\n        left: 28px;\r\n        bottom: 30px;\r\n        font-size: clamp(34px, 10vw, 54px);\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    html body .island-storyboard__copy-lead,\r\n    html body .island-storyboard__item {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n\/* Three-scene Summer Living chapter *\/\r\nhtml body .island-storyboard__copy-chapters {\r\n    position: relative;\r\n    min-height: 172px;\r\n}\r\n\r\nhtml body .island-storyboard__copy-chapters .island-storyboard__copy-lead {\r\n    position: absolute;\r\n    inset: 0 auto auto 0;\r\n    width: 100%;\r\n    margin: 0;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .island-storyboard__copy-chapters .island-storyboard__copy-lead.is-active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n}\r\n\r\nhtml body .island-storyboard__images .island-storyboard__item--1,\r\nhtml body .island-storyboard__images .island-storyboard__item--2,\r\nhtml body .island-storyboard__images .island-storyboard__item--3 {\r\n    transition: opacity 680ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 680ms cubic-bezier(0.22, 0.61, 0.36, 1);\r\n}\r\n\r\nhtml body .island-storyboard__images .island-storyboard__item--2,\r\nhtml body .island-storyboard__images .island-storyboard__item--3 {\r\n    opacity: 0;\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-one .island-storyboard__item--1 {\r\n    opacity: 0.16;\r\n    transform: translate3d(-16px, 0, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-one .island-storyboard__item--2 {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--1 {\r\n    opacity: 0.08;\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--2 {\r\n    opacity: 0.15;\r\n    transform: translate3d(-12px, 8px, 0);\r\n}\r\n\r\nhtml body .island-storyboard__images.is-exposure-two .island-storyboard__item--3 {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    html body .island-storyboard__copy-chapters {\r\n        min-height: 0;\r\n    }\r\n\r\n    html body .island-storyboard__copy-chapters .island-storyboard__copy-lead,\r\n    html body .island-storyboard__copy-chapters .island-storyboard__copy-lead.is-active {\r\n        position: relative;\r\n        inset: auto;\r\n        display: none;\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    html body .island-storyboard__copy-chapters .island-storyboard__copy-lead:first-child {\r\n        display: block;\r\n    }\r\n\r\n    html body .island-storyboard__images .island-storyboard__item--1,\r\n    html body .island-storyboard__images .island-storyboard__item--2,\r\n    html body .island-storyboard__images .island-storyboard__item--3 {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n\/* Gundari-style Summer chapter \u2014 continuous full-bleed and split-panel scroll. *\/\r\nhtml body .island-storyboard {\r\n    position: relative;\r\n    min-height: 700vh;\r\n    min-height: 700svh;\r\n    padding: 0;\r\n    overflow: visible;\r\n    isolation: isolate;\r\n    background: #171411;\r\n    color: #1d1b18;\r\n    text-align: left;\r\n}\r\n\r\nhtml body .island-storyboard::before {\r\n    display: none !important;\r\n}\r\n\r\nhtml body .island-storyboard__inner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 700vh;\r\n    min-height: 700svh;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    align-items: initial;\r\n}\r\n\r\nhtml body .island-storyboard > .island-storyboard__inner > .island-storyboard__eyebrow,\r\nhtml body .island-storyboard > .island-storyboard__inner > .island-storyboard__heading {\r\n    display: none;\r\n}\r\n\r\nhtml body .island-storyboard__flow {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 2;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    overflow: hidden;\r\n    background: #ded9d1;\r\n}\r\n\r\nhtml body .island-storyboard__flow::before,\r\nhtml body .island-storyboard__flow::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .island-storyboard__flow::before {\r\n    z-index: 30;\r\n    opacity: var(--summer-exit-gradient);\r\n    background: linear-gradient(180deg, rgba(23, 20, 17, 0.08) 0%, rgba(23, 20, 17, 0.42) 54%, #171411 100%);\r\n}\r\n\r\nhtml body .island-storyboard__flow::after {\r\n    z-index: 31;\r\n    opacity: var(--summer-exit-solid);\r\n    background: #171411;\r\n}\r\n\r\nhtml body .island-storyboard + .abh-inquiry-scene-trigger {\r\n    background: #171411;\r\n}\r\n\r\nhtml body .island-storyboard__pane {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\nhtml body .island-storyboard__panel,\r\nhtml body .island-storyboard__panel.is-active {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: none;\r\n    pointer-events: auto;\r\n    will-change: transform;\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-landscape,\r\nhtml body .island-storyboard__panel--right-summer { z-index: 3; }\r\n\r\nhtml body .island-storyboard__panel--left-horizon,\r\nhtml body .island-storyboard__panel--right-copy { z-index: 2; }\r\n\r\nhtml body .island-storyboard__panel--left-copy,\r\nhtml body .island-storyboard__panel--right-horizon { z-index: 1; }\r\n\r\nhtml body .island-storyboard__panel--full-hero,\r\nhtml body .island-storyboard__panel--full-bridge {\r\n    grid-column: 1 \/ -1;\r\n    z-index: 10;\r\n}\r\n\r\nhtml body .island-storyboard__panel--full-bridge {\r\n    z-index: 11;\r\n    transform: translate3d(0, 100%, 0);\r\n}\r\n\r\nhtml body .island-storyboard__panel img {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.01);\r\n    filter: saturate(0.78) contrast(0.96) brightness(1.02) sepia(0.06);\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-landscape img { object-position: 52% 50%; }\r\nhtml body .island-storyboard__panel--right-summer img { object-position: 50% 54%; }\r\nhtml body .island-storyboard__panel--left-horizon img { object-position: 50% 50%; }\r\nhtml body .island-storyboard__panel--right-horizon img { object-position: 48% 50%; }\r\n\r\nhtml body .island-storyboard__panel--right-horizon img {\r\n    transform: scale(var(--summer-final-image-scale, 1.055));\r\n    transform-origin: center center;\r\n    will-change: transform;\r\n}\r\n\r\nhtml body .island-storyboard__panel--full-hero::after,\r\nhtml body .island-storyboard__panel--full-bridge::after,\r\nhtml body .island-storyboard__panel--left-landscape::after,\r\nhtml body .island-storyboard__panel--left-horizon::after,\r\nhtml body .island-storyboard__panel--right-summer::after,\r\nhtml body .island-storyboard__panel--right-horizon::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(180deg, rgba(18, 17, 15, 0.04), rgba(18, 17, 15, 0.2));\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-copy,\r\nhtml body .island-storyboard__panel--right-copy {\r\n    padding: clamp(36px, 6.5vw, 104px);\r\n    background: #efede8;\r\n    color: #24211d;\r\n}\r\n\r\nhtml body .island-storyboard__panel--left-copy {\r\n    background: #d8d1c7;\r\n}\r\n\r\nhtml body .island-storyboard__panel-kicker {\r\n    margin: 0 0 20px;\r\n    color: rgba(36, 33, 29, 0.52);\r\n    font-size: 10px;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .island-storyboard__panel h3 {\r\n    max-width: 520px;\r\n    margin: 0 0 26px;\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(44px, 5vw, 82px);\r\n    font-weight: 400;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\nhtml body .island-storyboard__panel > p:not(.island-storyboard__panel-kicker) {\r\n    max-width: 440px;\r\n    margin: 0;\r\n    font-size: clamp(16px, 1.25vw, 20px);\r\n    line-height: 1.55;\r\n}\r\n\r\nhtml body .island-storyboard__panel .island-storyboard__cta {\r\n    align-self: flex-start;\r\n    margin-top: 30px;\r\n}\r\n\r\nhtml body .island-storyboard__full-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: clamp(28px, 6vw, 96px);\r\n    bottom: clamp(36px, 7vw, 104px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin: 0;\r\n    color: #fffaf1;\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(46px, 6.6vw, 104px);\r\n    font-weight: 400;\r\n    line-height: 0.88;\r\n    letter-spacing: -0.025em;\r\n    text-shadow: 0 3px 26px rgba(0, 0, 0, 0.34);\r\n}\r\n\r\nhtml body .island-storyboard__full-caption small {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 10px;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    html body .island-storyboard,\r\n    html body .island-storyboard__inner {\r\n        min-height: 0;\r\n    }\r\n\r\n    html body .island-storyboard {\r\n        background: #e9e5de;\r\n    }\r\n\r\n    html body .island-storyboard__inner {\r\n        padding: 0;\r\n    }\r\n\r\n    html body .island-storyboard__flow {\r\n        position: relative;\r\n        height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: visible;\r\n        gap: 2px;\r\n    }\r\n\r\n    html body .island-storyboard__pane {\r\n        display: contents;\r\n        height: auto;\r\n        overflow: visible;\r\n    }\r\n\r\n    html body .island-storyboard__panel,\r\n    html body .island-storyboard__panel.is-active {\r\n        position: relative;\r\n        inset: auto;\r\n        z-index: auto;\r\n        flex: 0 0 auto;\r\n        min-height: 76svh;\r\n        transform: none !important;\r\n        opacity: 1;\r\n        order: 10;\r\n    }\r\n\r\n    html body .island-storyboard__panel--full-hero { order: 1; }\r\n    html body .island-storyboard__panel--left-landscape { order: 2; }\r\n    html body .island-storyboard__panel--right-summer { order: 3; }\r\n    html body .island-storyboard__panel--right-copy { order: 4; }\r\n    html body .island-storyboard__panel--full-bridge { order: 5; }\r\n    html body .island-storyboard__panel--left-horizon { order: 6; }\r\n    html body .island-storyboard__panel--left-copy { order: 7; }\r\n    html body .island-storyboard__panel--right-horizon { order: 8; }\r\n\r\n    html body .island-storyboard__panel--left-copy,\r\n    html body .island-storyboard__panel--right-copy {\r\n        min-height: 62svh;\r\n        padding: 48px 26px;\r\n    }\r\n\r\n    html body .island-storyboard__panel h3 {\r\n        font-size: clamp(42px, 13vw, 62px);\r\n    }\r\n\r\n    html body .island-storyboard__full-caption {\r\n        left: 24px;\r\n        right: 24px;\r\n        bottom: 32px;\r\n        font-size: clamp(42px, 13vw, 64px);\r\n    }\r\n\r\n    html body .island-storyboard__panel--right-horizon img {\r\n        transform: none;\r\n        will-change: auto;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    html body .island-storyboard__panel {\r\n        will-change: auto;\r\n    }\r\n}\r\n\r\n\/* Summer exits into one continuous dark plane; the real inquiry image begins once.\r\n   The section\/inner\/spread surfaces are now owned by the editorial story layer at\r\n   the end of this stylesheet, so the former !important backgrounds are gone; only\r\n   the approved exit veil below still lives here. *\/\r\nhtml body .island-storyboard__flow::before,\r\nhtml body .island-storyboard__flow::after {\r\n    display: block;\r\n}\r\n\r\nhtml body .island-storyboard__flow::before {\r\n    opacity: var(--summer-exit-gradient, 0);\r\n    background: linear-gradient(180deg, rgba(23, 20, 17, 0.02) 0%, rgba(23, 20, 17, 0.42) 52%, #171411 100%);\r\n}\r\n\r\nhtml body .island-storyboard__flow::after {\r\n    opacity: var(--summer-exit-solid, 0);\r\n    background: #171411;\r\n}\r\n\r\n\/* Travel Guide live background treatment: a section-height image traversed\r\n   by native scrolling, with the existing availability strip held above it. *\/\r\nhtml body .abh-inquiry-scene {\r\n    z-index: 3;\r\n    min-height: 220vh;\r\n    min-height: 220svh;\r\n    margin-top: 0 !important;\r\n    overflow: visible;\r\n    overflow-x: clip;\r\n    background: #171411 !important;\r\n}\r\n\r\nhtml body .abh-inquiry-scene__background {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 1;\r\n    clip-path: none;\r\n    pointer-events: none;\r\n    background-color: #171411;\r\n}\r\n\r\nhtml body .abh-inquiry-scene__picture,\r\nhtml body .abh-inquiry-scene__picture img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 100%;\r\n    background-color: #171411;\r\n}\r\n\r\nhtml body .abh-inquiry-scene__picture img {\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    filter: saturate(.82) brightness(.76) sepia(.16) contrast(1.04) hue-rotate(-3deg);\r\n    transform: none;\r\n}\r\n\r\nhtml body .abh-inquiry-scene__background::after {\r\n    z-index: 1;\r\n    background:\r\n        radial-gradient(ellipse at 50% 24%, rgba(255,250,243,.12), rgba(255,250,243,0) 36%),\r\n        linear-gradient(180deg, rgba(8,7,6,.18) 0%, rgba(8,7,6,.30) 42%, rgba(8,7,6,.58) 100%);\r\n}\r\n\r\nhtml body .abh-inquiry-scene__container {\r\n    position: sticky;\r\n    top: 0;\r\n    margin-top: 0;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none;\r\n}\r\n\r\n\/* A shared photographic seam: the Inquiry enters over the departing frame.\r\n   The overlap is reserved in CSS, so scrolling never changes page geometry. *\/\r\nhtml body #summer + #inquiry {\r\n    --abh-inquiry-blend: clamp(140px, 24svh, 280px);\r\n    margin-top: calc(-1 * var(--abh-inquiry-blend)) !important;\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.12) 18%, rgba(0,0,0,.5) 48%, #000 100%), linear-gradient(#000, #000);\r\n    mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.12) 18%, rgba(0,0,0,.5) 48%, #000 100%), linear-gradient(#000, #000);\r\n    -webkit-mask-size: 100% var(--abh-inquiry-blend), 100% calc(100% - var(--abh-inquiry-blend) + 1px);\r\n    mask-size: 100% var(--abh-inquiry-blend), 100% calc(100% - var(--abh-inquiry-blend) + 1px);\r\n    -webkit-mask-position: top, bottom;\r\n    mask-position: top, bottom;\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n}\r\n@media (max-width: 768px) {\r\n    html body #summer + #inquiry { --abh-inquiry-blend: 48px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    html body #summer + #inquiry { --abh-inquiry-blend: 48px; }\r\n}\r\n\r\nhtml body .abh-step7-creator-footer {\r\n    box-shadow: none;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer__bg {\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer::before {\r\n    display: none !important;\r\n}\r\n\r\nhtml body .abh-step7-creator-footer::after {\r\n    background: transparent !important;\r\n}\r\n\r\n\/* ============================================================================\r\n   SUMMER EDITORIAL STORY \u2014 authoritative layer (supersedes every earlier\r\n   .island-storyboard panel\/pane\/item generation, whose selectors no longer\r\n   match the re-architected markup).\r\n\r\n   One spread, one spine, three compositions:\r\n     A  editorial split      image | copy\r\n     B  image dialogue       image | image\r\n     C  full-bleed interlude        image\r\n\r\n   Seven scroll beats settle the five chapters. Each beat is a discrete state on\r\n   [data-story-beat]; JS only flips [data-on] per element, so every move is a CSS\r\n   transition that re-targets instead of queueing \u2014 fast, slow and reverse\r\n   scrolling all converge on the newest chapter.\r\n   ========================================================================= *\/\r\n\r\nhtml body .abh-story {\r\n    --abh-spine: 50.8%;\r\n    --abh-story-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --abh-story-state: 920ms;\r\n    --abh-story-settle: 1040ms;\r\n    --abh-story-text: 720ms;\r\n    --abh-story-micro: 220ms;\r\n    --abh-story-ivory: #efede8;\r\n    --abh-story-ivory-deep: #e7e2d9;\r\n    --abh-story-ink: #24211d;\r\n    --abh-story-dark: #171411;\r\n    --story-drift: 0;\r\n    --story-settle: 1;\r\n}\r\n\r\n\/* Nothing animates on the first applied state. *\/\r\nhtml body .abh-story[data-story-ready=\"0\"] *,\r\nhtml body .abh-story[data-story-ready=\"0\"] *::before,\r\nhtml body .abh-story[data-story-ready=\"0\"] *::after {\r\n    transition: none !important;\r\n}\r\n\r\n\/* ---------- shared surfaces ---------- *\/\r\n\r\nhtml body .abh-story {\r\n    position: relative;\r\n    padding: 0;\r\n    overflow: visible;\r\n    isolation: isolate;\r\n    background: var(--abh-story-dark);\r\n    color: var(--abh-story-ink);\r\n    text-align: left;\r\n}\r\n\r\nhtml body .abh-story .abh-story__inner {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    align-items: initial;\r\n    background: var(--abh-story-dark);\r\n}\r\n\r\nhtml body .abh-story .abh-story__mask {\r\n    display: block;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ---------- typography ---------- *\/\r\n\r\nhtml body .abh-story .abh-story__display {\r\n    max-width: 100%;\r\n    margin: 0 0 26px;\r\n    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(42px, min(4.6vw, 8.6vh), 84px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.022em;\r\n    text-wrap: balance;\r\n}\r\n\r\nhtml body .abh-story .abh-story__display--bleed {\r\n    max-width: min(100%, 900px);\r\n    margin: 0;\r\n    font-size: clamp(48px, min(5.6vw, 10vh), 104px);\r\n    line-height: 0.9;\r\n    letter-spacing: -0.026em;\r\n    text-shadow: 0 3px 26px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\nhtml body .abh-story .abh-story__eyebrow {\r\n    margin: 0 0 22px;\r\n    color: rgba(36, 33, 29, 0.5);\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .abh-story .abh-story__lede {\r\n    max-width: 500px;\r\n    margin: 0;\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: clamp(17px, 1.16vw, 20px);\r\n    font-weight: 400;\r\n    line-height: 1.62;\r\n    color: rgba(36, 33, 29, 0.86);\r\n}\r\n\r\nhtml body .abh-story .abh-story__topline,\r\nhtml body .abh-story .abh-story__coords,\r\nhtml body .abh-story .abh-story__field-label,\r\nhtml body .abh-story .abh-story__bleed-sub,\r\nhtml body .abh-story .abh-story__nav-count,\r\nhtml body .abh-story .abh-story__nav-num,\r\nhtml body .abh-story .abh-story__nav-label {\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n}\r\n\r\nhtml body .abh-story .abh-story__topline {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    margin: 0;\r\n    color: rgba(36, 33, 29, 0.44);\r\n    font-size: 10px;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.2em;\r\n}\r\n\r\nhtml body .abh-story .abh-story__coords {\r\n    margin: -6px 0 30px;\r\n    color: rgba(36, 33, 29, 0.4);\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1.9;\r\n    letter-spacing: 0.18em;\r\n    text-align: right;\r\n}\r\n\r\nhtml body .abh-story .abh-story__bleed-sub {\r\n    margin: 0;\r\n    color: rgba(255, 250, 241, 0.84);\r\n    font-size: 10px;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.25em;\r\n}\r\n\r\n\/* ---------- story CTA: an editorial text link, never a boxed button.\r\n     The boxed conversion action stays the global INQUIRE \/ \u0395\u03a0\u0399\u039a\u039f\u0399\u039d\u03a9\u039d\u0399\u0391. ---- *\/\r\n\r\nhtml body .abh-story .abh-story__cta {\r\n    display: grid;\r\n    grid-template-columns: auto minmax(26px, 1fr) auto;\r\n    align-items: center;\r\n    gap: 14px;\r\n    width: min(100%, 360px);\r\n    min-height: 0;\r\n    margin: clamp(30px, 3.6vh, 44px) 0 0;\r\n    padding: 0 0 11px;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: none;\r\n    color: var(--abh-story-ink);\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    opacity: 0.78;\r\n    transition: opacity var(--abh-story-micro) var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta-rule {\r\n    display: block;\r\n    height: 1px;\r\n    background: currentColor;\r\n    opacity: 0.3;\r\n    transform-origin: left center;\r\n    transition: opacity var(--abh-story-micro) var(--abh-story-ease),\r\n                transform var(--abh-story-micro) var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta-arrow {\r\n    display: block;\r\n    font-size: 13px;\r\n    letter-spacing: 0;\r\n    transition: transform var(--abh-story-micro) var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta:hover,\r\nhtml body .abh-story .abh-story__cta:focus-visible {\r\n    background: none;\r\n    color: var(--abh-story-ink);\r\n    opacity: 1;\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta:hover .abh-story__cta-rule,\r\nhtml body .abh-story .abh-story__cta:focus-visible .abh-story__cta-rule {\r\n    opacity: 0.58;\r\n    transform: scaleX(1.05);\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta:hover .abh-story__cta-arrow,\r\nhtml body .abh-story .abh-story__cta:focus-visible .abh-story__cta-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\nhtml body .abh-story .abh-story__cta:focus-visible {\r\n    outline: 1px solid currentColor;\r\n    outline-offset: 6px;\r\n}\r\n\r\n\/* ---------- chapter navigator ---------- *\/\r\n\r\nhtml body .abh-story .abh-story__nav {\r\n    z-index: 26;\r\n    display: grid;\r\n    gap: 11px;\r\n    justify-items: end;\r\n    margin: 0;\r\n    color: #fffaf1;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    transition: opacity 620ms var(--abh-story-ease), transform 620ms var(--abh-story-ease),\r\n                color 420ms var(--abh-story-ease);\r\n    pointer-events: none;\r\n}\r\n\r\nhtml body .abh-story[data-story-nav=\"on\"] .abh-story__nav {\r\n    opacity: 1;\r\n    transform: none;\r\n    pointer-events: auto;\r\n}\r\n\r\nhtml body .abh-story[data-story-mode=\"split\"] .abh-story__nav,\r\nhtml body .abh-story[data-story-surface=\"copy\"] .abh-story__nav {\r\n    color: var(--abh-story-ink);\r\n    text-shadow: none;\r\n}\r\n\r\n\/* Over photography the pagination needs a shadow, not a panel, to stay legible. *\/\r\nhtml body .abh-story[data-story-mode=\"bleed\"] .abh-story__nav,\r\nhtml body .abh-story[data-story-mode=\"dialogue\"] .abh-story__nav,\r\nhtml body .abh-story[data-story-surface=\"photo\"] .abh-story__nav {\r\n    text-shadow: 0 1px 14px rgba(12, 12, 10, 0.42);\r\n}\r\n\r\nhtml body .abh-story[data-story-mode=\"bleed\"] .abh-story__nav-num,\r\nhtml body .abh-story[data-story-mode=\"dialogue\"] .abh-story__nav-num,\r\nhtml body .abh-story[data-story-surface=\"photo\"] .abh-story__nav-num { opacity: 0.46; }\r\n\r\nhtml body .abh-story .abh-story__nav-count {\r\n    margin: 0;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    letter-spacing: 0.2em;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-total { opacity: 0.42; }\r\n\r\nhtml body .abh-story .abh-story__nav-progress {\r\n    position: relative;\r\n    display: block;\r\n    width: clamp(92px, 9.5vw, 150px);\r\n    height: 1px;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-progress::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: currentColor;\r\n    opacity: 0.2;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-progress-fill {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: currentColor;\r\n    opacity: 0.6;\r\n    transform: scaleX(var(--story-progress-nav, 0));\r\n    transform-origin: left center;\r\n    transition: transform 240ms linear;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-list {\r\n    display: flex;\r\n    gap: clamp(15px, 1.5vw, 24px);\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-item {\r\n    position: relative;\r\n    display: grid;\r\n    gap: 8px;\r\n    justify-items: start;\r\n    padding: 0 0 2px;\r\n    color: inherit;\r\n    text-decoration: none;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-label {\r\n    position: absolute;\r\n    bottom: calc(100% + 9px);\r\n    left: 0;\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    letter-spacing: 0.2em;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    transform: translateY(4px);\r\n    transition: opacity var(--abh-story-micro) var(--abh-story-ease),\r\n                transform var(--abh-story-micro) var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-num {\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    letter-spacing: 0.18em;\r\n    opacity: 0.35;\r\n    transition: opacity 240ms var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-rule {\r\n    display: block;\r\n    width: 20px;\r\n    height: 1px;\r\n    background: currentColor;\r\n    opacity: 0.2;\r\n    transition: width 240ms var(--abh-story-ease), opacity 240ms var(--abh-story-ease);\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-item[aria-current=\"step\"] .abh-story__nav-num { opacity: 1; }\r\n\r\nhtml body .abh-story .abh-story__nav-item[aria-current=\"step\"] .abh-story__nav-rule {\r\n    width: 38px;\r\n    opacity: 0.75;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-item:hover .abh-story__nav-num,\r\nhtml body .abh-story .abh-story__nav-item:focus-visible .abh-story__nav-num { opacity: 0.85; }\r\n\r\nhtml body .abh-story .abh-story__nav-item:hover .abh-story__nav-label,\r\nhtml body .abh-story .abh-story__nav-item:focus-visible .abh-story__nav-label {\r\n    opacity: 0.9;\r\n    transform: none;\r\n}\r\n\r\nhtml body .abh-story .abh-story__nav-item:focus-visible {\r\n    outline: 1px solid currentColor;\r\n    outline-offset: 5px;\r\n}\r\n\r\n\/* ============================ DESKTOP CHOREOGRAPHY ====================== *\/\r\n\r\n@media (min-width: 769px) {\r\n\r\n    \/* 6 transitions x 110svh of scroll, plus one viewport of pin and an 60svh\r\n       tail so the closing interlude is held before the exit veil. *\/\r\n    html body .abh-story,\r\n    html body .abh-story .abh-story__inner {\r\n        min-height: 820vh;\r\n        min-height: 820svh;\r\n    }\r\n\r\n    \/* Chapter scroll anchors. Beat k settles at k\/6 of the 660svh travel range,\r\n       so these are real, exact link targets for the navigator. *\/\r\n    html body .abh-story .abh-story__anchor {\r\n        position: absolute;\r\n        left: 0;\r\n        width: 1px;\r\n        height: 1px;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n    }\r\n\r\n    html body .abh-story [data-story-anchor=\"0\"] { top: 0; }\r\n    html body .abh-story [data-story-anchor=\"1\"] { top: 110vh; top: 110svh; }\r\n    html body .abh-story [data-story-anchor=\"2\"] { top: 220vh; top: 220svh; }\r\n    html body .abh-story [data-story-anchor=\"4\"] { top: 440vh; top: 440svh; }\r\n    html body .abh-story [data-story-anchor=\"5\"] { top: 550vh; top: 550svh; }\r\n\r\n    html body .abh-story .abh-story__spread {\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 2;\r\n        width: 100%;\r\n        height: 100vh;\r\n        height: 100svh;\r\n        margin: 0;\r\n        display: grid;\r\n        grid-template-columns: var(--abh-spine) minmax(0, 1fr);\r\n        grid-template-rows: 100%;\r\n        overflow: hidden;\r\n        background: var(--abh-story-ivory);\r\n    }\r\n\r\n    html body .abh-story .abh-story__field {\r\n        position: relative;\r\n        z-index: 1;\r\n        grid-row: 1;\r\n        width: 100%;\r\n        min-width: 0;\r\n        height: 100%;\r\n        overflow: hidden;\r\n        background: var(--abh-story-ivory);\r\n    }\r\n\r\n    html body .abh-story .abh-story__field--left {\r\n        grid-column: 1;\r\n        background: var(--abh-story-ivory-deep);\r\n    }\r\n\r\n    html body .abh-story .abh-story__field--right { grid-column: 2; }\r\n\r\n    \/* ---- photographic plates (half-field) ---- *\/\r\n\r\n    html body .abh-story .abh-story__plate {\r\n        position: absolute;\r\n        top: -20px;\r\n        right: 0;\r\n        bottom: -20px;\r\n        left: 0;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: block;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translate3d(0, calc(var(--story-drift, 0) * 13px), 0);\r\n        will-change: transform, opacity;\r\n        transition: opacity var(--abh-story-state) var(--abh-story-ease) 0ms,\r\n                    clip-path var(--abh-story-state) var(--abh-story-ease) 0ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__plate[data-on=\"1\"] {\r\n        opacity: 1;\r\n        transition: opacity var(--abh-story-state) var(--abh-story-ease) 120ms,\r\n                    clip-path var(--abh-story-state) var(--abh-story-ease) 120ms;\r\n    }\r\n\r\n    html body .abh-story [data-story-plate=\"inside\"] { z-index: 2; }\r\n    html body .abh-story [data-story-plate=\"water-left\"],\r\n    html body .abh-story [data-story-plate=\"water-right\"] { z-index: 3; }\r\n    html body .abh-story [data-story-plate=\"stay\"] { z-index: 4; }\r\n\r\n    \/* ---- full-bleed interludes (both fields) ---- *\/\r\n\r\n    html body .abh-story .abh-story__bleed {\r\n        position: relative;\r\n        grid-row: 1;\r\n        grid-column: 1 \/ -1;\r\n        z-index: 10;\r\n        margin: -20px 0;\r\n        padding: 0;\r\n        display: block;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translate3d(0, calc(var(--story-drift, 0) * 9px), 0);\r\n        will-change: transform, opacity;\r\n        transition: opacity var(--abh-story-state) var(--abh-story-ease) 0ms,\r\n                    clip-path var(--abh-story-state) var(--abh-story-ease) 0ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__bleed[data-on=\"1\"] {\r\n        opacity: 1;\r\n        transition: opacity var(--abh-story-state) var(--abh-story-ease) 100ms,\r\n                    clip-path var(--abh-story-state) var(--abh-story-ease) 100ms;\r\n    }\r\n\r\n    html body .abh-story [data-story-bleed=\"stonesea\"] { z-index: 11; }\r\n    html body .abh-story [data-story-bleed=\"closing\"] { z-index: 12; }\r\n\r\n    \/* ---- the three approved reveals, all anchored on the shared spine ---- *\/\r\n\r\n    html body .abh-story [data-story-reveal=\"spine-left\"] { clip-path: inset(0 0 0 100%); }\r\n    html body .abh-story [data-story-reveal=\"spine-left\"][data-on=\"1\"] { clip-path: inset(0 0 0 0); }\r\n\r\n    html body .abh-story [data-story-reveal=\"spine-right\"] { clip-path: inset(0 100% 0 0); }\r\n    html body .abh-story [data-story-reveal=\"spine-right\"][data-on=\"1\"] { clip-path: inset(0 0 0 0); }\r\n\r\n    html body .abh-story [data-story-reveal=\"spine-out\"] {\r\n        clip-path: inset(0 calc(100% - var(--abh-spine)) 0 var(--abh-spine));\r\n    }\r\n    html body .abh-story [data-story-reveal=\"spine-out\"][data-on=\"1\"] { clip-path: inset(0 0 0 0); }\r\n\r\n    \/* ---- photography ---- *\/\r\n\r\n    html body .abh-story .abh-story__plate > img,\r\n    html body .abh-story .abh-story__bleed > img {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        transform: scale(1.025);\r\n        transform-origin: center center;\r\n        filter: saturate(0.78) contrast(0.96) brightness(1.02) sepia(0.06);\r\n        transition: transform var(--abh-story-settle) var(--abh-story-ease);\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] > img { transform: scale(1); }\r\n\r\n    \/* Crops set per source so no horizon, face or architectural line is lost. *\/\r\n    html body .abh-story [data-story-bleed=\"arrival\"] > img { object-position: 50% 22%; }\r\n    html body .abh-story [data-story-plate=\"inside\"] > img { object-position: 50% 47%; }\r\n    html body .abh-story [data-story-plate=\"water-left\"] > img,\r\n    html body .abh-story [data-story-plate=\"water-right\"] > img { object-position: 50% 44%; }\r\n    html body .abh-story [data-story-bleed=\"stonesea\"] > img { object-position: 50% 44%; }\r\n    html body .abh-story [data-story-plate=\"stay\"] > img { object-position: 56% 50%; }\r\n    \/* Edge-to-edge closing photograph, centred without additional zoom. *\/\r\n    html body .abh-story [data-story-bleed=\"closing\"] {\r\n        background: var(--abh-warm, #f3f0ea);\r\n    }\r\n    html body .abh-story [data-story-bleed=\"closing\"] > img {\r\n        object-fit: cover;\r\n        object-position: 50% 50%;\r\n        padding: 0;\r\n        transform: none;\r\n    }\r\n    html body .abh-story [data-story-bleed=\"closing\"]::after { display: none; }\r\n\r\n    html body .abh-story .abh-story__plate::after,\r\n    html body .abh-story .abh-story__bleed::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background: linear-gradient(180deg, rgba(18, 17, 15, 0.03), rgba(18, 17, 15, 0.15));\r\n        pointer-events: none;\r\n    }\r\n\r\n    html body .abh-story .abh-story__bleed::after {\r\n        background: linear-gradient(180deg, rgba(18, 17, 15, 0.02) 0%, rgba(18, 17, 15, 0.08) 42%, rgba(18, 17, 15, 0.44) 100%);\r\n    }\r\n\r\n    \/* The chapter 04 interior reads warm and over-saturated at source; this\r\n       cools and calms it so it sits in the ivory \/ restrained-wood palette. *\/\r\n    html body .abh-story [data-story-plate=\"stay\"] > img {\r\n        filter: saturate(0.5) contrast(0.9) brightness(1.06) sepia(0) hue-rotate(-4deg);\r\n    }\r\n\r\n    html body .abh-story [data-story-plate=\"stay\"]::after {\r\n        background: linear-gradient(180deg, rgba(212, 221, 228, 0.17) 0%, rgba(226, 220, 208, 0.1) 62%, rgba(18, 17, 15, 0.12) 100%);\r\n    }\r\n\r\n    \/* ---- the editorial spine ---- *\/\r\n\r\n    html body .abh-story .abh-story__spine {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: var(--abh-spine);\r\n        z-index: 6;\r\n        width: 1px;\r\n        background: rgba(255, 250, 241, 0.3);\r\n        opacity: 0;\r\n        transition: opacity var(--abh-story-state) var(--abh-story-ease),\r\n                    background-color var(--abh-story-state) var(--abh-story-ease);\r\n        pointer-events: none;\r\n    }\r\n\r\n    html body .abh-story[data-story-mode=\"dialogue\"] .abh-story__spine {\r\n        opacity: 1;\r\n        background: rgba(255, 250, 241, 0.32);\r\n    }\r\n\r\n    html body .abh-story[data-story-mode=\"split\"] .abh-story__spine {\r\n        opacity: 1;\r\n        background: rgba(36, 33, 29, 0.13);\r\n    }\r\n\r\n    \/* ---- copy panels ---- *\/\r\n\r\n    html body .abh-story .abh-story__copy {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        margin: 0;\r\n        \/* Top inset always clears the fixed 67px header: the topline is pinned\r\n           for the whole chapter, so it cannot pass under it. *\/\r\n        padding: clamp(88px, 5.6vw, 104px) clamp(40px, 5vw, 92px) clamp(112px, 15vh, 168px);\r\n        background: var(--abh-story-ivory);\r\n        color: var(--abh-story-ink);\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        transition: opacity 280ms var(--abh-story-ease) 240ms, visibility 0ms linear 520ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy[data-on=\"1\"] {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transition: opacity 220ms var(--abh-story-ease) 0ms, visibility 0ms linear 0ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy .abh-story__topline {\r\n        position: absolute;\r\n        top: clamp(88px, 5.6vw, 104px);\r\n        right: clamp(40px, 5vw, 92px);\r\n        left: clamp(40px, 5vw, 92px);\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy-body {\r\n        max-width: clamp(420px, 34vw, 560px);\r\n        padding-bottom: clamp(6px, 5vh, 60px);\r\n    }\r\n\r\n    \/* ---- sequenced reveals (see the timing table in section 7 of the brief) --- *\/\r\n\r\n    html body .abh-story .abh-story__display .abh-story__mask { padding-bottom: 0.05em; }\r\n\r\n    html body .abh-story .abh-story__display .abh-story__line {\r\n        display: block;\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n        transition: opacity 240ms var(--abh-story-ease) 140ms,\r\n                    transform 240ms var(--abh-story-ease) 140ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__display .abh-story__line {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: opacity var(--abh-story-text) var(--abh-story-ease) calc(280ms + var(--i, 0) * 90ms),\r\n                    transform var(--abh-story-text) var(--abh-story-ease) calc(280ms + var(--i, 0) * 90ms);\r\n    }\r\n\r\n    html body .abh-story .abh-story__eyebrow {\r\n        opacity: 0;\r\n        transform: translateY(8px);\r\n        transition: opacity 180ms var(--abh-story-ease) 0ms, transform 180ms var(--abh-story-ease) 0ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__eyebrow {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: opacity 660ms var(--abh-story-ease) 200ms, transform 660ms var(--abh-story-ease) 200ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__lede,\r\n    html body .abh-story .abh-story__bleed-sub {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition: opacity 220ms var(--abh-story-ease) 80ms, transform 220ms var(--abh-story-ease) 80ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__lede,\r\n    html body .abh-story [data-on=\"1\"] .abh-story__bleed-sub {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: opacity var(--abh-story-text) var(--abh-story-ease) 380ms,\r\n                    transform var(--abh-story-text) var(--abh-story-ease) 380ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__topline,\r\n    html body .abh-story .abh-story__coords {\r\n        opacity: 0;\r\n        transition: opacity 180ms var(--abh-story-ease) 0ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__topline {\r\n        opacity: 1;\r\n        transition: opacity 450ms var(--abh-story-ease) 500ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__coords {\r\n        opacity: 1;\r\n        transition: opacity 430ms var(--abh-story-ease) 560ms;\r\n    }\r\n\r\n    html body .abh-story .abh-story__cta {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: opacity 180ms var(--abh-story-ease) 0ms, transform 180ms var(--abh-story-ease) 0ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__cta {\r\n        opacity: 0.78;\r\n        transform: none;\r\n        transition: opacity 430ms var(--abh-story-ease) 520ms, transform 430ms var(--abh-story-ease) 520ms;\r\n    }\r\n\r\n    html body .abh-story [data-on=\"1\"] .abh-story__cta:hover,\r\n    html body .abh-story [data-on=\"1\"] .abh-story__cta:focus-visible {\r\n        opacity: 1;\r\n        transition: opacity var(--abh-story-micro) var(--abh-story-ease);\r\n    }\r\n\r\n    \/* ---- image-dialogue labels: the juxtaposition carries the story, these\r\n         only name the pair, and only while the two photographs coexist ---- *\/\r\n\r\n    html body .abh-story .abh-story__field-label {\r\n        position: absolute;\r\n        left: clamp(26px, 3vw, 54px);\r\n        bottom: clamp(28px, 3.6vh, 48px);\r\n        z-index: 8;\r\n        margin: 0;\r\n        color: rgba(255, 250, 241, 0.72);\r\n        font-size: 10px;\r\n        line-height: 1.2;\r\n        letter-spacing: 0.2em;\r\n        opacity: 0;\r\n        transform: translateY(6px);\r\n        transition: opacity 200ms var(--abh-story-ease) 0ms, transform 200ms var(--abh-story-ease) 0ms;\r\n        pointer-events: none;\r\n    }\r\n\r\n    html body .abh-story .abh-story__field-label[data-on=\"1\"] {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: opacity 600ms var(--abh-story-ease) 640ms, transform 600ms var(--abh-story-ease) 640ms;\r\n    }\r\n\r\n    \/* ---- full-bleed caption ---- *\/\r\n\r\n    \/* An explicit right edge keeps the caption's width definite (so the line\r\n       measurement is stable) and stops it from ever reaching the navigator. *\/\r\n    html body .abh-story .abh-story__bleed-caption {\r\n        position: absolute;\r\n        z-index: 3;\r\n        left: clamp(28px, 6vw, 96px);\r\n        right: 32%;\r\n        \/* +22px clears the 20px vertical overhang the plates carry for parallax. *\/\r\n        bottom: calc(clamp(44px, 7.4vh, 104px) + 22px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin: 0;\r\n        padding: 0;\r\n        color: #fffaf1;\r\n    }\r\n\r\n    \/* ---- navigator placement inside the pinned spread ---- *\/\r\n\r\n    html body .abh-story .abh-story__nav {\r\n        position: absolute;\r\n        right: clamp(30px, 4vw, 74px);\r\n        bottom: clamp(38px, 4.6vh, 60px);\r\n    }\r\n}\r\n\r\n\/* ---- short desktop viewports (1280x720-class laptops) ----------------\r\n   The pinned panel has a fixed header inset above and the navigator below, so\r\n   here the optional micro-data goes rather than the typography being crushed. *\/\r\n\r\n@media (min-width: 769px) and (max-height: 620px) {\r\n    html body .abh-story .abh-story__coords { display: none; }\r\n    html body .abh-story .abh-story__eyebrow { margin-bottom: 16px; }\r\n    html body .abh-story .abh-story__display { margin-bottom: 20px; }\r\n    html body .abh-story .abh-story__cta { margin-top: clamp(20px, 3vh, 30px); }\r\n    html body .abh-story .abh-story__copy { padding-bottom: clamp(104px, 16vh, 168px); }\r\n    html body .abh-story .abh-story__copy-body { padding-bottom: 0; }\r\n    html body .abh-story .abh-story__bleed-caption { gap: 11px; }\r\n}\r\n\r\n\/* ============================ TABLET ================================== *\/\r\n\r\n@media (min-width: 769px) and (max-width: 1199px) {\r\n    html body .abh-story { --abh-spine: 47.5%; }\r\n\r\n    html body .abh-story .abh-story__display { font-size: clamp(36px, min(5.2vw, 7.6vh), 58px); }\r\n    html body .abh-story .abh-story__display--bleed {\r\n        max-width: min(66%, 620px);\r\n        font-size: clamp(40px, min(6.4vw, 9vh), 74px);\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy {\r\n        padding: clamp(88px, 9vw, 100px) clamp(30px, 4vw, 56px) clamp(112px, 15vh, 148px);\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy .abh-story__topline {\r\n        top: clamp(88px, 9vw, 100px);\r\n        right: clamp(30px, 4vw, 56px);\r\n        left: clamp(30px, 4vw, 56px);\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy-body { max-width: 430px; }\r\n    html body .abh-story .abh-story__lede { font-size: 17px; }\r\n\r\n    \/* Greek labels run wider than English; the place line is the first to go. *\/\r\n    html body .abh-story .abh-story__topline-place { display: none; }\r\n\r\n    html body .abh-story .abh-story__nav-progress { width: clamp(72px, 9vw, 110px); }\r\n    html body .abh-story .abh-story__nav-list { gap: 14px; }\r\n    html body .abh-story .abh-story__nav-item[aria-current=\"step\"] .abh-story__nav-rule { width: 32px; }\r\n}\r\n\r\n\/* ============================ MOBILE ================================== *\/\r\n\/* No pinning, no long viewport sequences: a stacked editorial run in normal\r\n   document flow, one quiet in-view reveal per block. *\/\r\n\r\n@media (max-width: 768px) {\r\n    html body .abh-story,\r\n    html body .abh-story .abh-story__inner {\r\n        min-height: 0;\r\n        background: var(--abh-story-ivory);\r\n    }\r\n\r\n    html body .abh-story {\r\n        --summer-exit-gradient: 0;\r\n        --summer-exit-solid: 0;\r\n    }\r\n\r\n    html body .abh-story .abh-story__inner { padding: 0; }\r\n\r\n    html body .abh-story .abh-story__anchor {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        display: block;\r\n        width: 1px;\r\n        height: 0;\r\n    }\r\n\r\n    html body .abh-story .abh-story__spread {\r\n        position: relative;\r\n        top: auto;\r\n        height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n        overflow: visible;\r\n        background: var(--abh-story-ivory);\r\n    }\r\n\r\n    html body .abh-story .abh-story__field {\r\n        display: contents;\r\n        height: auto;\r\n        overflow: visible;\r\n    }\r\n\r\n    html body .abh-story .abh-story__plate,\r\n    html body .abh-story .abh-story__bleed {\r\n        position: relative;\r\n        inset: auto;\r\n        top: auto;\r\n        right: auto;\r\n        bottom: auto;\r\n        left: auto;\r\n        grid-column: auto;\r\n        grid-row: auto;\r\n        margin: 0;\r\n        min-height: 74svh;\r\n        clip-path: none !important;\r\n        will-change: auto;\r\n    }\r\n\r\n    html body .abh-story .abh-story__plate > img,\r\n    html body .abh-story .abh-story__bleed > img {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transform: none;\r\n        filter: saturate(0.8) contrast(0.96) brightness(1.02) sepia(0.05);\r\n    }\r\n\r\n    html body .abh-story [data-story-bleed=\"arrival\"] > img { object-position: 50% 30%; }\r\n    html body .abh-story [data-story-plate=\"inside\"] > img { object-position: 50% 52%; }\r\n    html body .abh-story [data-story-plate=\"water-right\"] > img { object-position: 50% 42%; }\r\n    html body .abh-story [data-story-bleed=\"stonesea\"] > img { object-position: 46% 44%; }\r\n    html body .abh-story [data-story-plate=\"stay\"] > img {\r\n        object-position: 58% 52%;\r\n        filter: saturate(0.52) contrast(0.9) brightness(1.06) hue-rotate(-4deg);\r\n    }\r\n    html body .abh-story [data-story-bleed=\"closing\"] > img { object-fit: cover; object-position: 50% 50%; padding: 0; }\r\n\r\n    html body .abh-story .abh-story__plate::after,\r\n    html body .abh-story .abh-story__bleed::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background: linear-gradient(180deg, rgba(18, 17, 15, 0.02) 0%, rgba(18, 17, 15, 0.08) 48%, rgba(18, 17, 15, 0.34) 100%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy {\r\n        position: relative;\r\n        inset: auto;\r\n        z-index: auto;\r\n        display: block;\r\n        min-height: 0;\r\n        margin: 0;\r\n        padding: clamp(44px, 10vw, 58px) 24px clamp(50px, 11vw, 64px);\r\n        background: var(--abh-story-ivory);\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy .abh-story__topline {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        left: auto;\r\n        margin: 0 0 30px;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy-body {\r\n        max-width: none;\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    html body .abh-story .abh-story__display { font-size: clamp(42px, 12.4vw, 60px); }\r\n    html body .abh-story .abh-story__display--bleed {\r\n        max-width: none;\r\n        font-size: clamp(42px, 12.4vw, 62px);\r\n    }\r\n    html body .abh-story .abh-story__lede { font-size: 17px; max-width: none; }\r\n    html body .abh-story .abh-story__coords { text-align: left; margin: -8px 0 26px; }\r\n    html body .abh-story .abh-story__cta { width: 100%; }\r\n\r\n    html body .abh-story .abh-story__bleed-caption {\r\n        position: absolute;\r\n        z-index: 3;\r\n        right: 24px;\r\n        bottom: 30px;\r\n        left: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 13px;\r\n        margin: 0;\r\n        padding: 0;\r\n        color: #fffaf1;\r\n    }\r\n\r\n    \/* The dialogue pair, the spine and the duplicated sea plate are desktop\r\n       devices; the stacked run tells the same story with sequence instead. *\/\r\n    html body .abh-story [data-story-plate=\"water-left\"],\r\n    html body .abh-story .abh-story__field-label,\r\n    html body .abh-story .abh-story__spine { display: none; }\r\n\r\n    html body .abh-story [data-story-bleed=\"arrival\"] { order: 1; }\r\n    html body .abh-story [data-story-plate=\"inside\"] { order: 2; }\r\n    html body .abh-story [data-story-copy=\"01\"] { order: 3; }\r\n    html body .abh-story [data-story-plate=\"water-right\"] { order: 4; }\r\n    html body .abh-story [data-story-copy=\"02\"] { order: 5; }\r\n    html body .abh-story [data-story-bleed=\"stonesea\"] { order: 6; }\r\n    html body .abh-story [data-story-plate=\"stay\"] { order: 7; }\r\n    html body .abh-story [data-story-copy=\"04\"] { order: 8; }\r\n    html body .abh-story [data-story-bleed=\"closing\"] { order: 9; }\r\n    html body .abh-story .abh-story__nav { order: 10; }\r\n\r\n    \/* Copy reveals are not gated by the desktop beat state here. *\/\r\n    html body .abh-story .abh-story__display .abh-story__line,\r\n    html body .abh-story .abh-story__eyebrow,\r\n    html body .abh-story .abh-story__lede,\r\n    html body .abh-story .abh-story__topline,\r\n    html body .abh-story .abh-story__coords,\r\n    html body .abh-story .abh-story__bleed-sub {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n\r\n    html body .abh-story .abh-story__cta {\r\n        opacity: 0.82;\r\n        transform: none;\r\n        transition: opacity var(--abh-story-micro) var(--abh-story-ease);\r\n    }\r\n\r\n    \/* One restrained in-view reveal per block. *\/\r\n    html body .abh-story [data-story-inview] {\r\n        opacity: 0;\r\n        transform: translate3d(0, 16px, 0);\r\n        transition: opacity 700ms var(--abh-story-ease), transform 700ms var(--abh-story-ease);\r\n    }\r\n\r\n    html body .abh-story [data-story-inview=\"1\"] {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    html body .abh-story .abh-story__nav {\r\n        position: fixed;\r\n        right: 16px;\r\n        bottom: 18px;\r\n        z-index: 70;\r\n        gap: 8px;\r\n    }\r\n\r\n    html body .abh-story .abh-story__nav-list { display: none; }\r\n    html body .abh-story .abh-story__nav-progress { width: 76px; }\r\n    html body .abh-story .abh-story__nav-count { font-size: 9px; }\r\n}\r\n\r\n\/* ============================ REDUCED MOTION =========================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    html { scroll-behavior: auto !important; }\r\n\r\n    html body .abh-story {\r\n        --story-drift: 0;\r\n        --story-settle: 1;\r\n    }\r\n\r\n    html body .abh-story .abh-story__plate,\r\n    html body .abh-story .abh-story__bleed {\r\n        clip-path: none !important;\r\n        transform: none !important;\r\n        will-change: auto;\r\n        transition: opacity 240ms linear !important;\r\n    }\r\n\r\n    html body .abh-story .abh-story__plate > img,\r\n    html body .abh-story .abh-story__bleed > img {\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy {\r\n        transition: opacity 200ms linear, visibility 0ms linear 200ms !important;\r\n    }\r\n\r\n    html body .abh-story .abh-story__copy[data-on=\"1\"] {\r\n        transition: opacity 200ms linear, visibility 0ms linear 0ms !important;\r\n    }\r\n\r\n    html body .abh-story .abh-story__display .abh-story__line,\r\n    html body .abh-story .abh-story__eyebrow,\r\n    html body .abh-story .abh-story__lede,\r\n    html body .abh-story .abh-story__topline,\r\n    html body .abh-story .abh-story__coords,\r\n    html body .abh-story .abh-story__cta,\r\n    html body .abh-story .abh-story__bleed-sub,\r\n    html body .abh-story .abh-story__field-label,\r\n    html body .abh-story .abh-story__nav,\r\n    html body .abh-story [data-story-inview] {\r\n        transform: none !important;\r\n        transition: opacity 200ms linear !important;\r\n    }\r\n\r\n    html body .abh-story [data-story-inview] { opacity: 1 !important; }\r\n\r\n    html body .abh-story .abh-story__spine,\r\n    html body .abh-story .abh-story__nav-progress-fill,\r\n    html body .abh-story .abh-story__nav-rule,\r\n    html body .abh-story .abh-story__nav-num,\r\n    html body .abh-story .abh-story__nav-label,\r\n    html body .abh-story .abh-story__cta-rule,\r\n    html body .abh-story .abh-story__cta-arrow {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n\/* Preserve the open resting composition when motion is disabled. *\/\r\n@media (prefers-reduced-motion: reduce) and (min-width: 769px) {\r\n    html body .abh-story [data-story-bleed=\"closing\"] > img {\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ========================================\r\n     AEGEAN BLUE HOUSES FOOTER\r\n     ======================================== -->\r\n\r\n<footer class=\"abh-step7-creator-footer\"\r\n        aria-label=\"Aegean Blue Houses footer\">\r\n\r\n    <div class=\"abh-step7-creator-footer__bg\"\r\n         aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"abh-step7-creator-footer__upper\">\r\n\r\n        <!-- FIND US -->\r\n        <div class=\"abh-step7-creator-footer__block\r\n                    abh-step7-creator-footer__block--find\">\r\n\r\n            <p class=\"abh-step7-creator-footer__label\">\r\n                Find us\r\n            <\/p>\r\n\r\n            <address class=\"abh-step7-creator-footer__address\">\r\n                <span>Mandrakia<\/span><br>\r\n                <span>Milos, Greece<\/span><br>\r\n\r\n                <a href=\"tel:+306948514731\">\r\n                    +30 694 851 4731\r\n                <\/a><br>\r\n\r\n                <a href=\"mailto:info@aegeanbluehouses.com\">\r\n                    info@aegeanbluehouses.com\r\n                <\/a>\r\n            <\/address>\r\n        <\/div>\r\n\r\n        <!-- BRAND STATEMENT -->\r\n        <div class=\"abh-step7-creator-footer__block\r\n                    abh-step7-creator-footer__block--title\">\r\n\r\n            <p class=\"abh-step7-creator-footer__label\">\r\n                Aegean Blue Houses\r\n            <\/p>\r\n\r\n            <p class=\"abh-step7-creator-footer__statement\">\r\n                Private stays and island experiences in Milos\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- LIVE MILOS INFORMATION -->\r\n        <div class=\"abh-step7-creator-footer__block\r\n                    abh-step7-creator-footer__block--live\">\r\n\r\n            <p class=\"abh-step7-creator-footer__label\">\r\n                Milos now\r\n            <\/p>\r\n\r\n            <p class=\"abh-step7-creator-footer__live-line\">\r\n                <time data-abh-footer-time datetime=\"\">--:--<\/time>,\r\n                <span data-abh-footer-temp>--&deg;C<\/span>,\r\n                <span data-abh-footer-weather>Weather update<\/span>\r\n            <\/p>\r\n\r\n            <div class=\"abh-step7-creator-footer__social\"\r\n                 aria-label=\"Social links\">\r\n\r\n                <span class=\"abh-step7-creator-footer__social-link is-pending\"\r\n                      role=\"link\"\r\n                      aria-disabled=\"true\"\r\n                      aria-label=\"Instagram link pending\"\r\n                      data-social=\"instagram\">\r\n                    IG\r\n                <\/span>\r\n\r\n                <span class=\"abh-step7-creator-footer__social-link is-pending\"\r\n                      role=\"link\"\r\n                      aria-disabled=\"true\"\r\n                      aria-label=\"Facebook link pending\"\r\n                      data-social=\"facebook\">\r\n                    FB\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CREATOR -->\r\n        <div class=\"abh-step7-creator-footer__block\r\n                    abh-step7-creator-footer__block--creator\">\r\n\r\n            <p class=\"abh-step7-creator-footer__label\">\r\n                Digital experience by\r\n            <\/p>\r\n\r\n            <p class=\"abh-step7-creator-footer__name\">\r\n                Sotirios Kylintireas-Xydous\r\n            <\/p>\r\n\r\n            <div class=\"abh-step7-creator-footer__links\"\r\n                 aria-label=\"Creator links\">\r\n\r\n                <a href=\"mailto:skylintireas@gmail.com\">\r\n                    Email\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/github.com\/KingKyli\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\">\r\n                    GitHub\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/github.com\/KingKyli\/Portfolio\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\">\r\n                    Portfolio\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- LOWER LINE -->\r\n    <div class=\"abh-step7-creator-footer__lower\">\r\n\r\n        <p>\r\n            &copy; Copyright 2026 Aegean Blue Houses.\r\n            All rights reserved.\r\n        <\/p>\r\n\r\n        <p>\r\n            Digital experience by Sotirios Kylintireas-Xydous\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n    <\/div>\n<style id=\"abh-closing-inline-styles\">\r\n\/* Closing enquiry aligned with the homepage's editorial grid. *\/\r\nhtml body #summer + #inquiry, html body #inquiry {\r\n min-height:0; margin:0!important; padding:clamp(88px,10vw,150px) clamp(28px,7vw,112px);\r\n background:#f3efe8!important; color:#302b25; mask-image:none; -webkit-mask-image:none;\r\n overflow:visible; border-bottom:1px solid #d8cfc2;\r\n}\r\n#inquiry .stay-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,8vw,128px);align-items:start}\r\n#inquiry .stay-eyebrow{margin:0 0 30px;color:#80634f;font:500 10px\/1.5 'Inter',sans-serif;letter-spacing:.24em}\r\n#inquiry #stay-title{margin:0 0 28px;color:#302b25;font:400 clamp(44px,4.5vw,66px)\/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.035em}\r\n#inquiry #stay-title em{font-weight:400}\r\n#inquiry .stay-copy{max-width:32ch;margin:0 0 38px;color:#6b6258;font:400 15px\/1.9 'Inter',sans-serif}\r\n#inquiry .stay-contact{color:#614c3e;font:400 13px\/1.6 'Inter',sans-serif;text-decoration:none;border-bottom:1px solid #baab9c;padding-bottom:8px}\r\n#inquiry .stay-contact span{margin-left:18px}\r\n#inquiry .stay-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-top:2px}\r\n#inquiry .stay-field{min-width:0}\r\n#inquiry .stay-field label{display:block;margin-bottom:10px;color:#5b5045;font:500 10px\/1.5 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase}\r\n#inquiry .stay-field label span{text-transform:none;letter-spacing:0;font-weight:400}\r\n#inquiry .stay-field input,#inquiry .stay-field select,#inquiry .stay-field textarea{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;padding:8px 0 12px;border:0;border-bottom:1px solid #b5a999;border-radius:0;background:transparent;color:#302b25;font:400 16px\/1.6 'Inter',sans-serif;box-shadow:none;color-scheme:light}\r\n#inquiry .stay-field textarea{resize:vertical;min-height:80px}\r\n#inquiry .stay-field input::placeholder,#inquiry .stay-field textarea::placeholder{color:#81766b;opacity:1;font-size:14px}\r\n#inquiry .stay-field select{cursor:pointer}\r\n#inquiry .stay-field :focus-visible,#inquiry button:focus-visible,#inquiry a:focus-visible{outline:2px solid #8b6048;outline-offset:5px}\r\n#inquiry [aria-invalid=\"true\"]{border-bottom-color:#a12f24}\r\n#inquiry .stay-wide{grid-column:1\/-1}\r\n#inquiry .stay-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;justify-content:space-between;padding-top:5px}\r\n#inquiry #stay-note{flex:1 1 180px;margin:0;color:#74695d;font:400 11px\/1.8 'Inter',sans-serif}\r\n#inquiry button[type=\"submit\"]{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:54px;padding:16px 24px;background:#73523f;border:1px solid #73523f;border-radius:0;color:#fffaf3;font:500 11px\/1.5 'Inter',sans-serif;letter-spacing:.04em;cursor:pointer;transition:background 200ms}\r\n#inquiry button[type=\"submit\"]:hover{background:#503b2f}\r\n#inquiry button[type=\"submit\"]:disabled{cursor:wait;opacity:.65}\r\n#inquiry button span{font-size:20px}\r\n#inquiry #stay-response{margin:0;padding:16px;background:#e5e8dc;color:#35432d;font:400 14px\/1.7 'Inter',sans-serif}\r\n#inquiry #stay-response[data-state=\"error\"]{background:#f0e2dc;color:#792f23}\r\n#inquiry [hidden]{display:none!important}\r\n@media(max-width:850px){\r\n #inquiry .stay-layout{grid-template-columns:1fr;gap:48px;max-width:600px}\r\n #inquiry .stay-copy{max-width:42ch}\r\n #inquiry #stay-title{font-size:clamp(42px,9vw,60px)}\r\n #inquiry .stay-form{gap:24px 18px}\r\n}\r\n@media(max-width:420px){\r\n #inquiry .stay-field:has(input[name=\"your-name\"]),#inquiry .stay-field:has(input[name=\"your-email\"]){grid-column:1\/-1}\r\n #inquiry .stay-actions{align-items:stretch}\r\n #inquiry button[type=\"submit\"]{width:100%}\r\n}\r\n\r\n\/* One photographic surface under the form and footer, without a reset at their seam. *\/\r\nhtml body #abh-closing-flow {\r\n position:relative; isolation:isolate; background:#f3efe8;\r\n background-image:linear-gradient(180deg,#f3efe8 0%,rgba(243,239,232,.96) 12%,rgba(243,239,232,.87) 36%,rgba(243,239,232,.48) 70%,rgba(243,239,232,.12) 100%),url('https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/16952cce-e46f-4048-96df-424759dd1dc2-1.png');\r\n background-size:100% 100%,cover; background-position:center,center bottom;\r\n}\r\nhtml body #abh-closing-flow #inquiry {\r\n background:transparent!important; border:0; padding:clamp(80px,8vw,120px) 40px clamp(60px,7vw,100px);\r\n min-height:0; margin:0!important; mask:none; -webkit-mask:none;\r\n}\r\nhtml body #abh-closing-flow #inquiry::before,\r\nhtml body #abh-closing-flow #inquiry::after {display:none!important}\r\nhtml body #abh-closing-flow .stay-layout {\r\n max-width:1080px; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(60px,7vw,100px);\r\n}\r\nhtml body #abh-closing-flow #stay-title {\r\n font-family:'Cormorant Garamond','Playfair Display',Georgia,serif;\r\n font-size:clamp(48px,4.6vw,72px); font-weight:400; line-height:1.04; letter-spacing:-.025em;\r\n}\r\nhtml body #abh-closing-flow .stay-eyebrow {color:#986b55;letter-spacing:.22em}\r\nhtml body #abh-closing-flow .stay-copy {font-size:14px;line-height:1.85;max-width:34ch}\r\nhtml body #abh-closing-flow .stay-contact {color:#765641}\r\nhtml body #abh-closing-flow button[type=\"submit\"] {background:#986b55;border-color:#986b55}\r\nhtml body #abh-closing-flow button[type=\"submit\"]:hover {background:#75503d}\r\nhtml body #abh-closing-flow .abh-step7-creator-footer {\r\n background:transparent!important; box-shadow:none!important; min-height:560px;\r\n}\r\nhtml body #abh-closing-flow .abh-step7-creator-footer__bg,\r\nhtml body #abh-closing-flow .abh-step7-creator-footer::before,\r\nhtml body #abh-closing-flow .abh-step7-creator-footer::after {display:none!important}\r\nhtml body #abh-closing-flow .abh-step7-creator-footer__upper {\r\n border-top:1px solid rgba(125,105,85,.24); padding-top:44px!important;\r\n}\r\n\/* The existing courtyard image exits into the same pale stone tone. *\/\r\nhtml body #summer .abh-story__flow::before,\r\nhtml body #summer .abh-story__flow::after {display:none}\r\nhtml body #summer .island-storyboard__flow::before,\r\nhtml body #summer .island-storyboard__flow::after {display:none}\r\nhtml body #summer [data-story-bleed=\"closing\"]::after {\r\n content:''; display:block!important; position:absolute; inset:0; z-index:2; pointer-events:none;\r\n background:linear-gradient(180deg,rgba(243,239,232,0) 48%,rgba(243,239,232,.08) 63%,rgba(243,239,232,.5) 83%,#f3efe8 100%)!important;\r\n}\r\n@media(max-width:850px){\r\n html body #abh-closing-flow .stay-layout {grid-template-columns:1fr;gap:44px;max-width:600px}\r\n html body #abh-closing-flow #inquiry {padding:72px 28px 64px}\r\n html body #abh-closing-flow #stay-title {font-size:clamp(44px,10vw,64px)}\r\n}\r\n@media(prefers-reduced-motion:reduce){#inquiry *{scroll-behavior:auto!important;transition:none!important}}\r\n<\/style>\n<style id=\"abh-closing-limestone\">\r\n\/* Closing flow as one carved limestone surface: the enquiry is a recess cut\r\n   into the same stone the footer rests on, so the two never read as separate bands. *\/\r\nhtml body #abh-closing-flow {\r\n --ls-bone:#f3efe8; --ls-clay:#986b55; --ls-line:rgba(125,105,85,.26);\r\n background-color:var(--ls-bone);\r\n background-image:\r\n  linear-gradient(180deg,#f3efe8 0,#f3efe8 120px,rgba(243,239,232,.8) 22%,rgba(243,239,232,.66) 38%,rgba(243,239,232,.56) 62%,rgba(243,239,232,.44) 100%),\r\n  url('https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/media-local\/16952cce-e46f-4048-96df-424759dd1dc2-1.png');\r\n background-size:100% 100%,cover;\r\n background-position:center,center 70%;\r\n background-repeat:no-repeat;\r\n}\r\n\/* Mineral grain on its own layer, fading in below the seam so the photograph above meets clean bone. *\/\r\nhtml body #abh-closing-flow::before {\r\n content:\"\"; position:absolute; inset:0; z-index:-1; pointer-events:none;\r\n background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .36 0 0 0 0 .3 0 0 0 .09 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'\/%3E%3C\/svg%3E\") 0 0\/240px 240px repeat;\r\n -webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 80px,#000 300px);\r\n mask-image:linear-gradient(180deg,transparent 0,transparent 80px,#000 300px);\r\n}\r\n\r\n\/* Frameless form: fields sit directly on the stone, drawn only in light. *\/\r\nhtml body #abh-closing-flow .stay-form {position:relative; counter-reset:stay}\r\n\/* A vertical axis between statement and form, dissolving at both ends. *\/\r\nhtml body #abh-closing-flow .stay-form::before {\r\n content:\"\"; position:absolute; top:-12px; bottom:-12px; left:calc(-1 * clamp(30px,3.5vw,50px)); width:1px; pointer-events:none;\r\n background:linear-gradient(180deg,transparent,rgba(152,107,85,.45) 22%,rgba(152,107,85,.45) 78%,transparent);\r\n}\r\n\r\n\/* Seven indexed fields on light rails; focus draws a glowing line along the rail. *\/\r\nhtml body #abh-closing-flow .stay-field {position:relative}\r\nhtml body #abh-closing-flow .stay-field label::before {\r\n counter-increment:stay; content:counter(stay,decimal-leading-zero);\r\n display:inline-block; min-width:2.6em; color:var(--ls-clay); font-variant-numeric:tabular-nums; opacity:.85;\r\n}\r\nhtml body #abh-closing-flow .stay-field input,\r\nhtml body #abh-closing-flow .stay-field select,\r\nhtml body #abh-closing-flow .stay-field textarea {border-bottom-color:transparent}\r\nhtml body #abh-closing-flow .stay-field::before,\r\nhtml body #abh-closing-flow .stay-field::after {\r\n content:\"\"; position:absolute; left:0; right:0; bottom:0; height:1px; pointer-events:none;\r\n}\r\nhtml body #abh-closing-flow .stay-field::before {\r\n background:linear-gradient(90deg,rgba(117,80,61,.5),rgba(117,80,61,.22) 70%,rgba(117,80,61,0));\r\n}\r\nhtml body #abh-closing-flow .stay-field::after {\r\n background:linear-gradient(90deg,var(--ls-clay),rgba(152,107,85,.6) 70%,rgba(152,107,85,0));\r\n box-shadow:0 0 10px rgba(152,107,85,.55);\r\n transform:scaleX(0); transform-origin:left;\r\n transition:transform 260ms cubic-bezier(0.16,1,0.3,1);\r\n}\r\nhtml body #abh-closing-flow .stay-field:focus-within::after {transform:scaleX(1)}\r\n\r\n\/* Ghost action: a clay hairline that fills from the left on intent. *\/\r\nhtml body #abh-closing-flow button[type=\"submit\"] {\r\n background:transparent linear-gradient(var(--ls-clay),var(--ls-clay)) left\/0% 100% no-repeat;\r\n border:1px solid var(--ls-clay); color:#75503d;\r\n transition:background-size 320ms cubic-bezier(0.16,1,0.3,1),color 220ms ease;\r\n}\r\nhtml body #abh-closing-flow button[type=\"submit\"]:hover,\r\nhtml body #abh-closing-flow button[type=\"submit\"]:focus-visible {\r\n background:transparent linear-gradient(var(--ls-clay),var(--ls-clay)) left\/100% 100% no-repeat; color:#fffaf3;\r\n}\r\nhtml body #abh-closing-flow button[type=\"submit\"] span {transition:transform 220ms cubic-bezier(0.16,1,0.3,1)}\r\nhtml body #abh-closing-flow button[type=\"submit\"]:hover span,\r\nhtml body #abh-closing-flow button[type=\"submit\"]:focus-visible span {transform:translateX(4px)}\r\n\r\n\/* The courtyard frame overruns #summer by a few px and is clipped there, so its\r\n   wash must reach full bone before the clip line or a hard edge shows. *\/\r\nhtml body #summer [data-story-bleed=\"closing\"]::after {\r\n background:linear-gradient(180deg,rgba(243,239,232,0) 46%,rgba(243,239,232,.1) 60%,rgba(243,239,232,.55) 78%,#f3efe8 93%)!important;\r\n}\r\n\r\n\/* Seam: a hairline that dissolves at both ends instead of cutting the stone in two. *\/\r\nhtml body #abh-closing-flow #inquiry {padding-bottom:clamp(48px,5vw,80px)}\r\nhtml body #abh-closing-flow .abh-step7-creator-footer__upper {\r\n border-top:0!important;\r\n background:linear-gradient(90deg,transparent,var(--ls-line) 18%,var(--ls-line) 82%,transparent) top\/100% 1px no-repeat!important;\r\n}\r\n\r\n@media(max-width:850px){\r\n html body #abh-closing-flow .stay-form::before {display:none}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n html body #abh-closing-flow .stay-field::after,\r\n html body #abh-closing-flow button[type=\"submit\"],\r\n html body #abh-closing-flow button[type=\"submit\"] span {transition:none!important}\r\n}\r\n<\/style>\n<script id=\"abh-closing-inline-script\">\r\n\/* Public CF7 submission: never include WordPress credentials here. *\/\r\n(() => {\r\n    'use strict';\r\n    const form = document.getElementById('abhStayForm');\r\n    if (!form) return;\r\n    const arrival = form.elements['check-in'];\r\n    const departure = form.elements['check-out'];\r\n    const response = document.getElementById('stay-response');\r\n    const button = form.querySelector('[type=\"submit\"]');\r\n    const greek = new URLSearchParams(location.search).get('lang') === 'el' || \/^el\\b\/i.test(document.documentElement.lang);\r\n    const copy = greek ? {\r\n        send: '\\u0391\\u03c0\\u03bf\\u03c3\\u03c4\\u03bf\\u03bb\\u03ae \\u03b1\\u03b9\\u03c4\\u03ae\\u03bc\\u03b1\\u03c4\\u03bf\\u03c2', pending: '\\u0391\\u03c0\\u03bf\\u03c3\\u03c4\\u03bf\\u03bb\\u03ae\\u2026',\r\n        success: '\\u0395\\u03c5\\u03c7\\u03b1\\u03c1\\u03b9\\u03c3\\u03c4\\u03bf\\u03cd\\u03bc\\u03b5. \\u03a4\\u03bf \\u03b1\\u03af\\u03c4\\u03b7\\u03bc\\u03ac \\u03c3\\u03b1\\u03c2 \\u03c3\\u03c4\\u03ac\\u03bb\\u03b8\\u03b7\\u03ba\\u03b5. \\u0397 \\u03bf\\u03bc\\u03ac\\u03b4\\u03b1 \\u03bc\\u03b1\\u03c2 \\u03b8\\u03b1 \\u03b5\\u03c0\\u03b9\\u03ba\\u03bf\\u03b9\\u03bd\\u03c9\\u03bd\\u03ae\\u03c3\\u03b5\\u03b9 \\u03bc\\u03b1\\u03b6\\u03af \\u03c3\\u03b1\\u03c2 \\u03b3\\u03b9\\u03b1 \\u03c4\\u03b7 \\u03b4\\u03b9\\u03b1\\u03b8\\u03b5\\u03c3\\u03b9\\u03bc\\u03cc\\u03c4\\u03b7\\u03c4\\u03b1.',\r\n        error: '\\u03a4\\u03bf \\u03b1\\u03af\\u03c4\\u03b7\\u03bc\\u03b1 \\u03b4\\u03b5\\u03bd \\u03c3\\u03c4\\u03ac\\u03bb\\u03b8\\u03b7\\u03ba\\u03b5. \\u0395\\u03bb\\u03ad\\u03b3\\u03be\\u03c4\\u03b5 \\u03c4\\u03b1 \\u03c3\\u03c4\\u03bf\\u03b9\\u03c7\\u03b5\\u03af\\u03b1 \\u03ae \\u03b5\\u03c0\\u03b9\\u03ba\\u03bf\\u03b9\\u03bd\\u03c9\\u03bd\\u03ae\\u03c3\\u03c4\\u03b5 \\u03c3\\u03c4\\u03bf info@aegeanbluehouses.com.',\r\n        network: '\\u0394\\u03b5\\u03bd \\u03bc\\u03c0\\u03bf\\u03c1\\u03ad\\u03c3\\u03b1\\u03bc\\u03b5 \\u03bd\\u03b1 \\u03b5\\u03c0\\u03b9\\u03b2\\u03b5\\u03b2\\u03b1\\u03b9\\u03ce\\u03c3\\u03bf\\u03c5\\u03bc\\u03b5 \\u03c4\\u03b7\\u03bd \\u03b1\\u03c0\\u03bf\\u03c3\\u03c4\\u03bf\\u03bb\\u03ae. \\u03a0\\u03c1\\u03b9\\u03bd \\u03b4\\u03bf\\u03ba\\u03b9\\u03bc\\u03ac\\u03c3\\u03b5\\u03c4\\u03b5 \\u03be\\u03b1\\u03bd\\u03ac, \\u03b5\\u03c0\\u03b9\\u03ba\\u03bf\\u03b9\\u03bd\\u03c9\\u03bd\\u03ae\\u03c3\\u03c4\\u03b5 \\u03c3\\u03c4\\u03bf info@aegeanbluehouses.com.',\r\n        dates: '\\u0397 \\u03b1\\u03bd\\u03b1\\u03c7\\u03ce\\u03c1\\u03b7\\u03c3\\u03b7 \\u03c0\\u03c1\\u03ad\\u03c0\\u03b5\\u03b9 \\u03bd\\u03b1 \\u03b5\\u03af\\u03bd\\u03b1\\u03b9 \\u03bc\\u03b5\\u03c4\\u03ac \\u03c4\\u03b7\\u03bd \\u03ac\\u03c6\\u03b9\\u03be\\u03b7.'\r\n    } : {\r\n        send: 'Send your enquiry', pending: 'Sending\\u2026',\r\n        success: 'Thank you. Your enquiry has been sent. Our team will be in touch about availability.',\r\n        error: 'Your enquiry was not sent. Please check your details or contact info@aegeanbluehouses.com.',\r\n        network: 'We could not confirm delivery. Before trying again, please contact info@aegeanbluehouses.com.',\r\n        dates: 'Departure must be after arrival.'\r\n    };\r\n    if (greek) {\r\n        document.querySelector('#inquiry .stay-eyebrow').textContent = '\\u0397 \\u0394\\u0399\\u0391\\u039c\\u039f\\u039d\\u0397 \\u03a3\\u0391\\u03a3 \\u03a3\\u03a4\\u0397 \\u039c\\u0397\\u039b\\u039f';\r\n        document.getElementById('stay-title').innerHTML = '\\u039b\\u03af\\u03b3\\u03bf \\u03c0\\u03b9\\u03bf \\u03ba\\u03bf\\u03bd\\u03c4\\u03ac<br>\\u03c3\\u03c4\\u03b7 <em>\\u039c\\u03ae\\u03bb\\u03bf.<\/em>';\r\n        document.querySelector('#inquiry .stay-copy').textContent = '\\u03a0\\u03b5\\u03af\\u03c4\\u03b5 \\u03bc\\u03b1\\u03c2 \\u03c0\\u03cc\\u03c4\\u03b5 \\u03b8\\u03ad\\u03bb\\u03b5\\u03c4\\u03b5 \\u03bd\\u03b1 \\u03bc\\u03b1\\u03c2 \\u03b5\\u03c0\\u03b9\\u03c3\\u03ba\\u03b5\\u03c6\\u03b8\\u03b5\\u03af\\u03c4\\u03b5 \\u03ba\\u03b1\\u03b9 \\u03bc\\u03b5 \\u03c0\\u03bf\\u03b9\\u03bf\\u03c5\\u03c2 \\u03c4\\u03b1\\u03be\\u03b9\\u03b4\\u03b5\\u03cd\\u03b5\\u03c4\\u03b5. \\u0398\\u03b1 \\u03c3\\u03b1\\u03c2 \\u03b2\\u03bf\\u03b7\\u03b8\\u03ae\\u03c3\\u03bf\\u03c5\\u03bc\\u03b5 \\u03bd\\u03b1 \\u03b2\\u03c1\\u03b5\\u03af\\u03c4\\u03b5 \\u03c4\\u03bf\\u03bd \\u03b4\\u03b9\\u03ba\\u03cc \\u03c3\\u03b1\\u03c2 \\u03c7\\u03ce\\u03c1\\u03bf \\u03c3\\u03c4\\u03bf \\u03bd\\u03b7\\u03c3\\u03af.';\r\n        const labels = ['\\u0386\\u03c6\\u03b9\\u03be\\u03b7', '\\u0391\\u03bd\\u03b1\\u03c7\\u03ce\\u03c1\\u03b7\\u03c3\\u03b7', '\\u0395\\u03bd\\u03ae\\u03bb\\u03b9\\u03ba\\u03b5\\u03c2', '\\u03a0\\u03b1\\u03b9\\u03b4\\u03b9\\u03ac', '\\u039f\\u03bd\\u03bf\\u03bc\\u03b1\\u03c4\\u03b5\\u03c0\\u03ce\\u03bd\\u03c5\\u03bc\\u03bf', 'Email', '\\u0388\\u03bd\\u03b1 \\u03bc\\u03ae\\u03bd\\u03c5\\u03bc\\u03b1 \\u03b3\\u03b9\\u03b1 \\u03b5\\u03bc\\u03ac\\u03c2 \\u2014 \\u03c0\\u03c1\\u03bf\\u03b1\\u03b9\\u03c1\\u03b5\\u03c4\\u03b9\\u03ba\\u03cc'];\r\n        form.querySelectorAll('label').forEach((label, index) => { label.textContent = labels[index]; });\r\n        form.elements['your-name'].placeholder = '\\u039f\\u03bd\\u03bf\\u03bc\\u03b1\\u03c4\\u03b5\\u03c0\\u03ce\\u03bd\\u03c5\\u03bc\\u03bf';\r\n        form.elements['your-message'].placeholder = '\\u03a4\\u03b9 \\u03b8\\u03b1 \\u03ad\\u03ba\\u03b1\\u03bd\\u03b5 \\u03c4\\u03b7 \\u03b4\\u03b9\\u03b1\\u03bc\\u03bf\\u03bd\\u03ae \\u03c3\\u03b1\\u03c2 \\u03be\\u03b5\\u03c7\\u03c9\\u03c1\\u03b9\\u03c3\\u03c4\\u03ae;';\r\n        document.getElementById('stay-note').textContent = '\\u0391\\u03af\\u03c4\\u03b7\\u03bc\\u03b1 \\u03b5\\u03bd\\u03b4\\u03b9\\u03b1\\u03c6\\u03ad\\u03c1\\u03bf\\u03bd\\u03c4\\u03bf\\u03c2, \\u03cc\\u03c7\\u03b9 \\u03b5\\u03c0\\u03b9\\u03b2\\u03b5\\u03b2\\u03b1\\u03af\\u03c9\\u03c3\\u03b7 \\u03ba\\u03c1\\u03ac\\u03c4\\u03b7\\u03c3\\u03b7\\u03c2. \\u03a4\\u03b1 \\u03c3\\u03c4\\u03bf\\u03b9\\u03c7\\u03b5\\u03af\\u03b1 \\u03c3\\u03b1\\u03c2 \\u03c7\\u03c1\\u03b7\\u03c3\\u03b9\\u03bc\\u03bf\\u03c0\\u03bf\\u03b9\\u03bf\\u03cd\\u03bd\\u03c4\\u03b1\\u03b9 \\u03b3\\u03b9\\u03b1 \\u03c4\\u03b7\\u03bd \\u03b1\\u03c0\\u03ac\\u03bd\\u03c4\\u03b7\\u03c3\\u03b7 \\u03c3\\u03c4\\u03bf \\u03b1\\u03af\\u03c4\\u03b7\\u03bc\\u03ac \\u03c3\\u03b1\\u03c2.';\r\n        ['adults', 'children'].forEach(name => Array.from(form.elements[name].options).forEach(option => {\r\n            option.value = option.textContent;\r\n            const n = parseInt(option.value, 10);\r\n            option.textContent = n + ' ' + (name === 'adults' ? (n === 1 ? '\\u03b5\\u03bd\\u03ae\\u03bb\\u03b9\\u03ba\\u03b1\\u03c2' : '\\u03b5\\u03bd\\u03ae\\u03bb\\u03b9\\u03ba\\u03b5\\u03c2') : (n === 1 ? '\\u03c0\\u03b1\\u03b9\\u03b4\\u03af' : '\\u03c0\\u03b1\\u03b9\\u03b4\\u03b9\\u03ac'));\r\n        }));\r\n    }\r\n    const resetButton = () => { button.textContent = copy.send + ' \\u2192'; };\r\n    resetButton();\r\n    const iso = date => new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().slice(0, 10);\r\n    arrival.min = iso(new Date());\r\n    const validateDates = () => {\r\n        const next = arrival.value ? new Date(arrival.value + 'T12:00:00') : new Date();\r\n        next.setDate(next.getDate() + 1);\r\n        departure.min = iso(next);\r\n        departure.setCustomValidity(arrival.value && departure.value && departure.value <= arrival.value ? copy.dates : '');\r\n    };\r\n    arrival.addEventListener('change', validateDates);\r\n    departure.addEventListener('change', validateDates);\r\n    validateDates();\r\n    \/\/ Carry hero choices over when the visitor explicitly continues to enquiry.\r\n    document.addEventListener('click', event => {\r\n        const trigger = event.target.closest('[data-booking-search]');\r\n        if (!trigger) return;\r\n        const root = trigger.closest('[data-booking-instance]');\r\n        if (!root) return;\r\n        arrival.value = root.querySelector('[data-booking-checkin]')?.value || '';\r\n        departure.value = root.querySelector('[data-booking-checkout]')?.value || '';\r\n        for (const [key, max] of [['adults', 6], ['children', 4]]) {\r\n            const count = Number(root.querySelector('[data-booking-' + key + ']')?.value || (key === 'adults' ? 2 : 0));\r\n            if (count <= max) form.elements[key].selectedIndex = key === 'adults' ? Math.max(0, count - 1) : count;\r\n            else {\r\n                form.elements[key].selectedIndex = max - (key === 'adults' ? 1 : 0);\r\n                const note = 'Larger group requested: ' + count + ' ' + key + '.';\r\n                if (!form.elements['your-message'].value.includes(note)) form.elements['your-message'].value += '\\n' + note;\r\n            }\r\n        }\r\n        validateDates();\r\n    });\r\n    form.addEventListener('input', event => {\r\n        event.target.removeAttribute('aria-invalid');\r\n        if (event.target !== departure) event.target.setCustomValidity?.('');\r\n    });\r\n    let sending = false;\r\n    form.addEventListener('submit', async event => {\r\n        event.preventDefault();\r\n        if (sending) return;\r\n        validateDates();\r\n        if (!form.reportValidity()) return;\r\n        sending = true;\r\n        button.disabled = true;\r\n        form.setAttribute('aria-busy', 'true');\r\n        button.textContent = copy.pending;\r\n        response.hidden = false;\r\n        response.dataset.state = 'pending';\r\n        response.textContent = copy.pending;\r\n        const controller = new AbortController();\r\n        const timeout = setTimeout(() => controller.abort(), 25000);\r\n        try {\r\n            const result = await fetch(form.action, { method: 'POST', body: new FormData(form), credentials: 'omit', signal: controller.signal });\r\n            const data = await result.json();\r\n            if (result.ok && data.status === 'mail_sent') {\r\n                response.dataset.state = 'success';\r\n                response.textContent = copy.success;\r\n                form.reset();\r\n                validateDates();\r\n                response.focus();\r\n            } else {\r\n                response.dataset.state = 'error';\r\n                response.textContent = copy.error;\r\n                for (const invalid of data.invalid_fields || []) {\r\n                    const field = form.elements.namedItem(invalid.field);\r\n                    if (field?.setCustomValidity) {\r\n                        field.setAttribute('aria-invalid', 'true');\r\n                        field.setCustomValidity(invalid.message || copy.error);\r\n                    }\r\n                }\r\n                const invalid = form.querySelector('[aria-invalid=\"true\"]');\r\n                if (invalid) { invalid.focus(); invalid.reportValidity(); } else response.focus();\r\n            }\r\n        } catch {\r\n            response.dataset.state = 'error';\r\n            response.textContent = copy.network;\r\n            response.focus();\r\n        } finally {\r\n            clearTimeout(timeout);\r\n            sending = false;\r\n            button.disabled = false;\r\n            form.removeAttribute('aria-busy');\r\n            resetButton();\r\n        }\r\n    });\r\n})();\r\n<\/script>\n\r\n    <!-- ========================================\r\n         EDITORIAL SCROLL RHYTHM\r\n         ======================================== -->\r\n    \r\n\r\n    \r\n\r\n    \r\n\r\n    <!-- ========================================\r\n         HERO BOOKING STRIP JAVASCRIPT\r\n         ======================================== -->\r\n    \r\n\r\n    \r\n    <!-- THE \u0395\u03a0\u03a4\u0391 is intentionally omitted from this homepage deployment. -->\r\n    \r\n    \r\n    \r\n    <!-- Standalone-compatible Atlas assets: classic scripts are allowed from\r\n         file:\/\/ and the embedded registry avoids blocked local GeoJSON fetches. -->\r\n<\/div>\r\n<!-- \/.abh-lux-exp-step7 -->\r\n\n<style id=\"abh-summer-stability-20261005\">\n\/* Summer story: complete surfaces during fast\/reversed native scrolling. *\/\nhtml body #summer.abh-story {\n  --abh-story-state: 320ms;\n  --abh-story-settle: 400ms;\n  --abh-story-text: 320ms;\n}\n\/* Theme\/lazy-image opacity must not compete with the figure state controller. *\/\nhtml body #summer .abh-story__plate>img,\nhtml body #summer .abh-story__bleed>img {opacity:1!important;visibility:visible!important;}\n@media (min-width:769px) {\n  html body #summer .abh-story__bleed {\n    position:absolute!important;\n    inset:-20px 0!important;\n    width:100%!important;\n    height:calc(100% + 40px)!important;\n    margin:0!important;\n    clip-path:none!important;\n    transform:none!important;\n    will-change:auto;\n    transition:opacity 320ms ease-out!important;\n  }\n  html body #summer .abh-story__plate {\n    clip-path:none!important;\n    transform:none!important;\n    will-change:auto;\n    transition:opacity 320ms ease-out!important;\n  }\n  html body #summer .abh-story__copy {\n    transition:opacity 240ms ease-out,visibility 240ms!important;\n  }\n  html body #summer .abh-story__plate>img,\n  html body #summer .abh-story__bleed>img {\n    width:100%!important;\n    max-width:none!important;\n    height:100%!important;\n    transform:none!important;\n    transition:none!important;\n  }\n  html body #summer [data-story-bleed=\"arrival\"]>img {object-position:50% 50%;}\n}\n@media (prefers-reduced-motion:reduce) {\n  html body #summer .abh-story__bleed,\n  html body #summer .abh-story__plate,\n  html body #summer .abh-story__copy {transition:none!important;}\n}\n\r\n<\/style>\n\n<style id=\"abh-summer-stonesea-split-20261005\">\n\/* Summer \"Between stone and sea\": the Kleftiko boat photo is a portrait phone\n   capture (1920x2560), so it lives in the right half only, mirroring the\n   preceding water split. Copy sits on limestone in the left half. *\/\n@media (min-width:769px) {\n  \/* Invisible interludes must not capture clicks or the EN\/EL rail's\n     surface hit-test (it would read them as photographs). *\/\n  html body #summer .abh-story__bleed[data-on=\"0\"] {pointer-events:none!important;}\n  html body #summer [data-story-bleed=\"stonesea\"] {\n    background:rgb(239,237,232)!important;\n  }\n  html body #summer [data-story-bleed=\"stonesea\"]>img {\n    position:absolute!important;\n    top:0!important;\n    bottom:0!important;\n    left:var(--abh-spine,50%)!important;\n    right:0!important;\n    width:calc(100% - var(--abh-spine,50%))!important;\n    height:100%!important;\n    object-fit:cover!important;\n    object-position:50% 58%!important;\n  }\n  html body #summer [data-story-bleed=\"stonesea\"]::after {\n    left:var(--abh-spine,50%)!important;\n    background:linear-gradient(180deg,rgba(18,17,15,0) 62%,rgba(18,17,15,.28) 100%)!important;\n  }\n  html body #summer [data-story-bleed=\"stonesea\"] .abh-story__bleed-caption {\n    \/* Opaque limestone across the whole left half: the EN\/EL rail hit-tests\n       this surface and switches to its dark tone. *\/\n    top:0!important;\n    bottom:0!important;\n    left:0!important;\n    right:calc(100% - var(--abh-spine,50%))!important;\n    padding:0 clamp(40px,5vw,92px)!important;\n    background:rgb(239,237,232)!important;\n    justify-content:center!important;\n    gap:22px!important;\n    color:rgb(36,33,29)!important;\n  }\n  html body #summer [data-story-bleed=\"stonesea\"] .abh-story__display--bleed {\n    max-width:100%!important;\n    font-size:clamp(42px,min(4.6vw,8.6vh),84px)!important;\n    line-height:.98!important;\n    text-shadow:none!important;\n    color:rgb(36,33,29)!important;\n  }\n  html body #summer [data-story-bleed=\"stonesea\"] .abh-story__bleed-sub {\n    color:rgba(36,33,29,.5)!important;\n  }\n}\n@media (min-width:769px) and (max-width:1199px) {\n  html body #summer [data-story-bleed=\"stonesea\"] .abh-story__display--bleed {\n    font-size:clamp(36px,min(5.2vw,7.6vh),58px)!important;\n  }\n}\n<\/style>\n<style id=\"abh-homepage-image-type-20261008\">\n\/* Homepage photo and type contrast: scoped to the two affected scenes. *\/\nhtml body #summer [data-story-bleed=\"arrival\"] > img { object-position:50% 55%!important; }\nhtml body #summer [data-story-bleed=\"arrival\"] .abh-story__bleed-caption,\nhtml body #summer [data-story-bleed=\"arrival\"] .abh-story__display--bleed,\nhtml body #summer [data-story-bleed=\"arrival\"] .abh-story__display--bleed *,\nhtml body #summer [data-story-bleed=\"arrival\"] .abh-story__bleed-sub {\n  color:#fffaf1!important;\n  text-shadow:0 2px 18px rgba(0,0,0,.68)!important;\n}\nhtml body .pillars-showcase .pillars-showcase__heading,\nhtml body .pillars-showcase .pillars-showcase__heading * {\n  color:#fffaf3!important;\n  text-shadow:0 2px 18px rgba(0,0,0,.65)!important;\n}\nhtml body .pillars-showcase .pillars-showcase__intro,\nhtml body .pillars-showcase .pillars-showcase__tab {\n  color:#fffaf3!important;\n  text-shadow:0 1px 10px rgba(0,0,0,.6)!important;\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf5ebea elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bf5ebea\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a5e235\" data-id=\"0a5e235\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-de41af8 elementor-widget elementor-widget-html\" data-id=\"de41af8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ABH homepage 662 \u2014 scripts. Order matters.\r\n     WPCode > Add Snippet > HTML Snippet\r\n     Location: Site Wide Footer\r\n     Smart Conditional Logic: Page  is  Home (662)\r\n-->\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/js\/abh-pass2.js\"><\/script>\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/js\/abh-tidal-portal.js?v=20260710a\"><\/script>\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/js\/abh-language-switcher.js?v=20260909\"><\/script>\r\n\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/vendor\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/vendor\/ScrollTrigger.min.js\"><\/script>\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/homepage-662-summer-20261005.js?v=20261005\"><\/script>\n<script defer src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/assets\/js\/abh-island-index.js?v=20261016a\"><\/script>\n<script defer src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/character.js\"><\/script>\n\n<script defer src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/coastline.js\"><\/script><script defer src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/edition.js\"><\/script><script defer src=\"https:\/\/aegeanbluehouses.com\/abh-homepage-staging\/editions\/11a731dfae96\/scenes.js\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0391\u039d\u0391\u039a\u0391\u039b\u03a5\u03a8\u03a4\u0395 \u0396\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u03c6\u03c9\u03c2 \u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03b7\u03c2 \u039c\u03ae\u03bb\u03bf\u03c5. \u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03b4\u03ce\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b5\u03c5\u03ba\u03b1\u03b9\u03c1\u03af\u03b1 \u03bd\u03b1 \u03b6\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c3\u03b1\u03bd \u00ab\u03bd\u03c4\u03cc\u03c0\u03b9\u03bf\u03b9\u00bb \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03bb\u03b1\u03cd\u03c3\u03b5\u03c4\u03b5 \u03cc\u03bb\u03b5\u03c2 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-2341","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Aegean Blue Houses<\/title>\n<meta name=\"description\" content=\"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aegeanbluehouses.com\/el\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Aegean Blue Houses\" \/>\n<meta property=\"og:description\" content=\"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aegeanbluehouses.com\/el\/\" \/>\n<meta property=\"og:site_name\" content=\"Aegean Blue Houses\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T14:06:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u03bb\u03b5\u03c0\u03c4\u03cc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/\",\"url\":\"https:\/\/aegeanbluehouses.com\/el\/\",\"name\":\"Home - Aegean Blue Houses\",\"isPartOf\":{\"@id\":\"https:\/\/aegeanbluehouses.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg\",\"datePublished\":\"2019-03-26T15:52:16+00:00\",\"dateModified\":\"2026-04-20T14:06:13+00:00\",\"description\":\"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.\",\"breadcrumb\":{\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aegeanbluehouses.com\/el\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/#primaryimage\",\"url\":\"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg\",\"contentUrl\":\"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aegeanbluehouses.com\/el\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aegeanbluehouses.com\/el\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aegeanbluehouses.com\/#website\",\"url\":\"https:\/\/aegeanbluehouses.com\/\",\"name\":\"Aegean Blue Houses\",\"description\":\"Milos, Cyclades\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aegeanbluehouses.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Aegean Blue Houses","description":"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aegeanbluehouses.com\/el\/","og_locale":"el_GR","og_type":"article","og_title":"Home - Aegean Blue Houses","og_description":"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.","og_url":"https:\/\/aegeanbluehouses.com\/el\/","og_site_name":"Aegean Blue Houses","article_modified_time":"2026-04-20T14:06:13+00:00","og_image":[{"url":"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"1 \u03bb\u03b5\u03c0\u03c4\u03cc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aegeanbluehouses.com\/el\/","url":"https:\/\/aegeanbluehouses.com\/el\/","name":"Home - Aegean Blue Houses","isPartOf":{"@id":"https:\/\/aegeanbluehouses.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aegeanbluehouses.com\/el\/#primaryimage"},"image":{"@id":"https:\/\/aegeanbluehouses.com\/el\/#primaryimage"},"thumbnailUrl":"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg","datePublished":"2019-03-26T15:52:16+00:00","dateModified":"2026-04-20T14:06:13+00:00","description":"\u039f\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7 \u039c\u03ae\u03bb\u03bf Aegean Blue Houses \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03c6\u03cd\u03b3\u03b9\u03bf \u03b3\u03b9\u03b1 \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac \u03c4\u03bf\u03c5 \u03bd\u03b7\u03c3\u03b9\u03bf\u03cd.","breadcrumb":{"@id":"https:\/\/aegeanbluehouses.com\/el\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aegeanbluehouses.com\/el\/"]}]},{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/aegeanbluehouses.com\/el\/#primaryimage","url":"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg","contentUrl":"https:\/\/aegeanbluehouses.com\/wp-content\/uploads\/elementor\/thumbs\/cup-o30nrixfup8nn5obzfc66abyi7ump030gtpc7rg7b4.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/aegeanbluehouses.com\/el\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aegeanbluehouses.com\/el\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/aegeanbluehouses.com\/#website","url":"https:\/\/aegeanbluehouses.com\/","name":"Aegean Blue Houses","description":"Milos, Cyclades","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aegeanbluehouses.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"}]}},"_links":{"self":[{"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/pages\/2341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/comments?post=2341"}],"version-history":[{"count":29,"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/pages\/2341\/revisions"}],"predecessor-version":[{"id":4771,"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/pages\/2341\/revisions\/4771"}],"wp:attachment":[{"href":"https:\/\/aegeanbluehouses.com\/el\/wp-json\/wp\/v2\/media?parent=2341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}