@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@500;600&family=Noto+Sans:wght@400;500;600&family=Noto+Serif:wght@400;500;600&display=swap');
:root{--ivory:#f3efe5;--paper:#faf8f2;--ink:#303432;--blue:#31566a;--door:#5b5950;--line:#cbc4b5;--muted:#6f746f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
body>header{position:sticky;top:0;z-index:20;background:rgba(243,239,229,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(48,52,50,.14)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:34px;letter-spacing:.01em}.navlinks{display:flex;gap:24px;align-items:center;font-size:13px;letter-spacing:.09em;text-transform:uppercase}.langswitch{font-size:11px;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:16px}.navlinks a:hover{color:var(--blue)}.navlinks .cta{border:1px solid var(--ink);padding:10px 14px}.menu{display:none;background:none;border:0;font-size:25px}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;margin:0 0 22px}h1{font-size:clamp(52px,7vw,102px);letter-spacing:-.035em}h2{font-size:clamp(36px,5vw,65px);letter-spacing:-.025em}h3{font-size:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:22px;color:var(--blue);font-weight:600}.lead{font-size:clamp(19px,2vw,25px);max-width:780px;line-height:1.45}.btn{display:inline-block;border:1px solid var(--ink);padding:13px 18px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;margin:10px 8px 0 0}.btn.fill{background:var(--ink);color:var(--paper)}.btn:hover{background:var(--blue);border-color:var(--blue);color:white}
.hero{padding:54px 0 40px}.hero-grid{display:flex;flex-direction:column;gap:34px;align-items:stretch}.hero-art{order:1;width:100%;height:auto;max-height:none;object-fit:contain;filter:saturate(.88)}.hero-copy{order:2;padding-bottom:20px;max-width:980px}.location{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;max-width:520px}
.section{padding:110px 0;border-top:1px solid var(--line)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.statement{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4vw,56px);line-height:1.2}.detail-img{width:100%;height:520px;object-fit:cover}.card{border-top:1px solid var(--ink);padding-top:18px}.card img{aspect-ratio:4/3;object-fit:cover;margin-bottom:22px}.meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.band{background:var(--blue);color:#f5f1e7;padding:90px 0}.band .eyebrow{color:#d9e1e3}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:45px 0}.number{font-family:'Playfair Display',Georgia,serif;font-size:78px;line-height:1}.number small{display:block;font-family:'DM Sans';font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}.icons{mix-blend-mode:multiply;width:100%;margin-top:40px}.quote{padding:80px 0;text-align:center}.quote p{font-family:'Playfair Display';font-size:clamp(30px,4vw,55px);max-width:950px;margin:auto;line-height:1.25}
footer{padding:70px 0 35px;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footbrand{font-family:'Playfair Display';font-size:42px}.tiny{font-size:12px;color:var(--muted);margin-top:50px}.pagehead{padding:90px 0 65px}.pagehead h1{font-size:clamp(48px,6vw,82px)}.space-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:40px;padding:38px 0;border-top:1px solid var(--line);align-items:center}.space-no{font-family:'Playfair Display';font-size:50px;color:var(--blue)}.placeholder{background:#e6e0d4;padding:22px;font-size:14px}.article{max-width:830px}.article h2{font-size:42px;margin-top:70px}.article h3{margin-top:40px}.article p,.article li{font-size:17px}.article .bigline{font-family:'Playfair Display';font-size:34px;line-height:1.3}.split-rule{display:grid;grid-template-columns:1fr 1fr;gap:60px}.support-card{padding:32px;border:1px solid var(--line);background:rgba(255,255,255,.22)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 6px}.form input,.form textarea,.form select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 0;font:inherit}.form textarea{min-height:120px}.note{font-size:13px;color:var(--muted)}
@media(max-width:800px){.wrap{width:min(100% - 28px,var(--max))}.nav{height:68px}.navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:var(--ivory);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.hero{padding-top:38px}.hero-grid,.grid2,.split-rule,.contact-grid,.foot{grid-template-columns:1fr;gap:35px}.hero-copy{order:2;padding-bottom:0}.hero-art{order:1;min-height:0}.section{padding:72px 0}.grid3{grid-template-columns:1fr}.space-row{grid-template-columns:70px 1fr;gap:20px}.space-row>div:last-child{grid-column:2}.numbers{grid-template-columns:1fr}.detail-img{height:380px}}



/* Spaces page: the existing SYN palette and editorial hierarchy. */
.spaces-page .spaces-hero{padding:40px 0 64px}
.spaces-page .spaces-hero img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
.spaces-page .spaces-intro{padding-top:42px;max-width:900px}
.spaces-page .spaces-intro h1{font-size:clamp(48px,6vw,82px)}
.spaces-page .spaces-intro .lead{margin-bottom:0}
.spaces-page .section{padding:72px 0}
.spaces-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.spaces-page .section-heading h2{margin-bottom:0;font-size:clamp(34px,4vw,54px)}
.spaces-page .section-heading p{margin:0;color:var(--muted);font-size:16px}
.spaces-page .eyebrow{font-size:14px}
.spaces-page figure{margin:0}
.spaces-page .plan-link{display:block;background:var(--paper)}
.spaces-page .plan-link img{width:100%;height:auto}
.spaces-page figcaption{margin-top:14px;font-size:14px;color:var(--muted)}
.spaces-page figcaption a{text-decoration:underline;text-underline-offset:4px}
.spaces-page .shop-list{border-top:1px solid var(--line)}
.spaces-page .shop{display:grid;grid-template-columns:76px minmax(160px,1fr) minmax(200px,280px) 170px;gap:28px;align-items:center;padding:32px 24px;border-bottom:1px solid var(--line);background:rgba(91,89,80,.045)}
.spaces-page .shop.available{background:rgba(49,86,106,.065);border-left:3px solid var(--blue);padding-left:21px}
.spaces-page .shop-number{font-family:'Playfair Display',Georgia,serif;font-size:48px;line-height:1;color:var(--door)}
.spaces-page .available .shop-number{color:var(--blue)}
.spaces-page .shop h3{font-size:29px;margin:0 0 10px}
.spaces-page .shop-status{font-size:14px;color:var(--door);letter-spacing:.08em;text-transform:uppercase}
.spaces-page .available .shop-status{color:var(--blue)}
.spaces-page .shop dl{display:flex;gap:36px;margin:0}
.spaces-page .shop dt{font-size:14px;color:var(--muted);margin-bottom:4px}
.spaces-page .shop dd{margin:0;font-size:23px;white-space:nowrap}
.spaces-page .shop dd small{font-size:14px}
.spaces-page .shop .btn{margin:0;text-align:center;font-size:14px;letter-spacing:.035em;padding:12px 15px}
.spaces-page a:focus-visible,.spaces-page button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.spaces-page .navlinks a[aria-current='page']{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.spaces-page .shop{grid-template-columns:60px 1fr 230px;gap:20px}.spaces-page .shop-action{grid-column:2 / -1}.spaces-page .shop-action .btn{min-width:160px}}
@media(max-width:600px){.spaces-page .spaces-hero{padding:24px 0 44px}.spaces-page .spaces-intro{padding-top:28px}.spaces-page .section{padding:44px 0}.spaces-page .section-heading{display:block}.spaces-page .section-heading p{margin-top:16px}.spaces-page .shop{grid-template-columns:48px minmax(0,1fr);padding:26px 16px;gap:18px}.spaces-page .shop.available{padding-left:13px}.spaces-page .shop-number{font-size:38px}.spaces-page .shop h3{font-size:26px}.spaces-page .shop dl{grid-column:2;flex-wrap:wrap;gap:20px}.spaces-page .shop-action{grid-column:2}.spaces-page .shop-action .btn{min-width:0}.spaces-page .shop dd{font-size:21px}}

/* Guide 01: long-form editorial reading layout. */
.guide-page .guide-top{padding-top:30px}
.guide-page .guide-back{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-bottom:26px}
.guide-page .guide-hero{margin:0}
.guide-page .guide-hero img{width:100%;height:auto}
.guide-page .guide-body{width:min(790px,calc(100% - 48px));margin:64px auto 90px;font-size:18px;line-height:1.8}
.guide-page .guide-heading{position:static;background:none;backdrop-filter:none;border:0;padding:0 0 32px}
.guide-page .guide-heading h1{font-size:clamp(42px,5.2vw,70px);line-height:1.1;letter-spacing:-.025em}
.guide-page .guide-heading .lead{font-size:24px;line-height:1.5}
.guide-page .guide-review{font-size:14px;color:var(--muted);margin:24px 0 0}
.guide-page .eyebrow{font-size:14px}
.guide-page .guide-body h2{font-size:clamp(30px,3.3vw,43px);line-height:1.2;margin:62px 0 22px;scroll-margin-top:112px}
.guide-page .guide-body h3{font-size:26px;line-height:1.35;margin:36px 0 14px}
.guide-page .guide-body p{margin:0 0 22px}
.guide-page .guide-body li{padding-left:6px;margin-bottom:9px}
.guide-page .guide-body ul{padding-left:24px;margin-bottom:28px}
.guide-page .guide-body p a,.guide-page .guide-references a,.guide-page .guide-support a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.guide-page .guide-callout{margin:36px 0;padding:24px 30px;border-left:3px solid var(--blue);background:rgba(49,86,106,.07)}
.guide-page .guide-callout p{font-family:'Playfair Display',Georgia,serif;font-size:27px;line-height:1.4;margin:0}
.guide-page .guide-contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin-bottom:38px;font-size:16px}
.guide-page .guide-contents summary{cursor:pointer;color:var(--blue)}
.guide-page .guide-contents ol{padding-left:24px;margin-bottom:0}
.guide-page .guide-contents a:hover{text-decoration:underline}
.guide-page .guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}
.guide-page .guide-actions .btn{font-size:14px;letter-spacing:.05em;margin:0}
.guide-page .guide-support{font-size:16px}
.guide-page .guide-references{border-top:1px solid var(--line);margin-top:60px;padding-top:28px;font-size:16px}
.guide-page .guide-references h2{font-size:28px;margin:0 0 24px}
.guide-page .guide-disclaimer{color:var(--muted);font-size:14px;line-height:1.7;margin-top:30px}
.guide-page a:focus-visible,.guide-page summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:600px){.guide-page .guide-body{width:calc(100% - 32px);margin-top:38px;font-size:17px}.guide-page .guide-heading .lead{font-size:21px}.guide-page .guide-callout{padding:20px}.guide-page .guide-callout p{font-size:24px}.guide-page .guide-body h2{margin-top:44px}.guide-page .guide-actions{flex-direction:column;align-items:flex-start}}

/* English edition: consistent typography, responsive navigation and article collection. */
:root{--muted:#60665f}
html{scroll-padding-top:100px}
body{font-size:1rem}
button,input,select,textarea{font:inherit}
strong,b{font-weight:600}
h1{font-size:clamp(3rem,7vw,6.375rem)}
h2{font-size:clamp(2.125rem,5vw,4.0625rem)}
h3{font-size:1.75rem}
.pagehead h1,.spaces-page .spaces-intro h1{font-size:clamp(3rem,6vw,5.125rem)}
.navlinks{font-size:.875rem;letter-spacing:.065em;gap:22px}
.navlinks a[aria-current='page']{text-decoration:underline;text-underline-offset:6px}
.btn,.eyebrow,.meta,.form label,.number small,.note{font-size:.875rem}
.btn{font-family:'DM Sans',Arial,sans-serif;line-height:1.45;letter-spacing:.07em;cursor:pointer;max-width:100%;white-space:normal}
.eyebrow{letter-spacing:.14em}
.tiny{font-size:.8125rem}
.number small{line-height:1.5}
.number{font-size:clamp(3rem,6vw,4.875rem)}
.quote p,.footbrand,.statement{font-family:'Playfair Display',Georgia,serif}
.brand,.footbrand{line-height:1.2}
.section .bigline{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.625rem,3vw,2.125rem);line-height:1.4}
.grid2>*,.grid3>*,.split-rule>*,.foot>*,.contact-grid>*{min-width:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.band a:focus-visible{outline-color:var(--paper)}
.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:100;background:var(--paper);padding:12px 18px;border:1px solid var(--ink)}
.skip-link:focus{transform:none}
.guides-section{padding-top:0;border-top:0}
.guides-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.guide-card{border-top:1px solid var(--ink);padding-top:20px;display:flex;flex-direction:column}
.guide-image{display:block;overflow:hidden;aspect-ratio:2/1;background:var(--paper)}
.guide-image>img{width:100%;height:100%;object-fit:cover}
.guide-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-top:30px}
.guide-card h2{font-size:clamp(1.875rem,3vw,2.625rem);line-height:1.15}
.guide-card .eyebrow{margin-bottom:16px}
.guide-card p{font-size:1.125rem;margin:0 0 22px}
.guide-card .btn{margin-top:auto}
.panorama{aspect-ratio:4.6/1;overflow:hidden}
.panorama img{width:100%;height:100%!important;object-fit:cover;object-position:center top}
.guide-image .panorama{width:100%;height:100%;aspect-ratio:auto}
.guide-image .panorama img{object-fit:cover;object-position:left top;min-width:230%;max-width:none;width:230%;height:auto!important}
.guide-page .guide-hero.panorama img{height:100%}
.neighbourhood-article{max-width:900px!important;width:min(900px,calc(100% - 48px))!important}
.neighbourhood-points{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px;margin:50px 0}
.neighbourhood-point{border-top:1px solid var(--line);padding-top:24px;min-width:0}
.neighbourhood-point .eyebrow{margin-bottom:14px}
.guide-page .neighbourhood-point h2{font-size:1.875rem;margin:0 0 18px;line-height:1.2}
.guide-page .neighbourhood-point p{font-size:1.0625rem;margin:0}
.guide-page .guide-body h1{font-size:clamp(2.625rem,5.2vw,4.375rem)}
.guide-page .guide-body h2{font-size:clamp(1.875rem,3.3vw,2.6875rem)}
.guide-page .guide-body h3{font-size:1.625rem}
.guide-page .guide-references h2{font-size:1.75rem}
.guide-page .guide-review{margin:24px 0 0}
.guide-page .guide-heading{padding-bottom:32px}
.guide-page .guide-body .lead{line-height:1.5}
.guide-references a{overflow-wrap:anywhere}
.form input,.form select,.form textarea{border-radius:0;color:var(--ink)}
.form button:disabled{opacity:.65;cursor:not-allowed}
.form #enquiry-help{margin-top:22px}
#contact-address a{text-decoration:underline;text-underline-offset:4px}
.form #enquiry-status:empty{display:none}
@media(max-width:960px){.nav{height:68px;gap:20px}.navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:var(--ivory);padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:6px;max-height:calc(100dvh - 68px);overflow-y:auto}.navlinks.open{display:flex}.navlinks a{padding:11px 0}.navlinks .cta{padding:11px 14px}.menu{display:block;min-height:44px;min-width:44px;color:var(--ink);cursor:pointer}.grid2,.split-rule,.contact-grid{gap:36px}.guide-card h2{font-size:1.875rem}}
@media(min-width:961px){.navlinks{display:flex!important}.menu{display:none}}
@media(max-width:640px){.guides-grid,.neighbourhood-points{grid-template-columns:1fr;gap:38px}.pagehead{padding:52px 0 42px}.guides-section{padding-top:0}.guide-card-copy{padding-top:24px}.neighbourhood-article{width:calc(100% - 32px)!important}.guide-page .neighbourhood-point h2{font-size:1.75rem}.section{padding:64px 0}.guide-page .guide-heading h1{overflow-wrap:break-word}.band{padding:60px 0}.quote{padding:60px 0}.foot{gap:28px}.detail-img{height:auto;aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

img{height:auto}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}


.detail-img[src*='discover.jpg']{height:auto;object-fit:contain}


/* Bilingual edition: Greek glyph coverage and longer navigation labels. */
.language-switch{display:flex;gap:10px;border-left:1px solid var(--line);padding-left:16px;white-space:nowrap;font-size:14px;letter-spacing:.03em}
.language-switch a[aria-current="true"]{font-weight:600;text-decoration:underline;text-underline-offset:5px}
html[lang="el"] body,html[lang="el"] .btn,html[lang="el"] .number small{font-family:'Noto Sans',Arial,sans-serif}
html[lang="el"] h1,html[lang="el"] h2,html[lang="el"] h3,html[lang="el"] .statement,html[lang="el"] .quote p,html[lang="el"] .bigline,html[lang="el"] .guide-callout p{font-family:'Noto Serif',Georgia,serif;font-weight:400;line-height:1.23;letter-spacing:-.025em}
html[lang="el"] .navlinks{font-size:14px;letter-spacing:0;gap:16px;text-transform:none}
html[lang="el"] .btn,html[lang="el"] .eyebrow,html[lang="el"] .meta,html[lang="el"] .shop-status,html[lang="el"] .form label,html[lang="el"] .number small{text-transform:none;letter-spacing:.015em}
html[lang="el"] h1{font-size:clamp(2.45rem,5.7vw,5.4rem)}
html[lang="el"] .pagehead h1,html[lang="el"] .spaces-intro h1{font-size:clamp(2.45rem,5.2vw,4.75rem)}
html[lang="el"] .guide-heading h1{font-size:clamp(2.1rem,4.5vw,3.8rem)}
html[lang="el"] .number{font-size:clamp(2.75rem,5vw,4.25rem)}
html[lang="el"] .shop h3{font-size:27px}
html[lang="el"] .shop dd{white-space:normal}
html[lang="el"] .numbers{grid-template-columns:1fr}
@media(max-width:1100px){.nav{height:68px;gap:20px}.navlinks{display:none!important;position:absolute;left:0;right:0;top:68px;background:var(--ivory);padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:6px;max-height:calc(100dvh - 68px);overflow-y:auto}.navlinks.open{display:flex!important}.navlinks a{padding:11px 0}.navlinks .cta{padding:11px 14px}.menu{display:block;min-height:44px;min-width:44px;color:var(--ink);cursor:pointer}.language-switch{border-left:0;border-top:1px solid var(--line);padding:8px 0 0;gap:24px}}
@media(min-width:1101px){.navlinks{display:flex!important}.menu{display:none}}
@media(max-width:640px){html[lang="el"] h1,html[lang="el"] h2,html[lang="el"] h3{overflow-wrap:anywhere}html[lang="el"] .btn{overflow-wrap:anywhere}}

.detail-img[src*='discover-el.png']{height:auto;object-fit:contain}