/* =====================================================================
   Sekeria v3 · editorial redesign layer
   Loads after contact.*.css and sekeria-cro.css. Owns: design tokens,
   button system, header v3, footer v3 and every homepage section.
   ===================================================================== */

/* ---------- 1. tokens ------------------------------------------------ */
:root{
  --sekeria-espresso:#1B1713;--sekeria-ink:#241E19;--sekeria-ivory:#F3EFE7;--sekeria-paper:#F7F4EE;
  --sekeria-stone:#C8B9A5;--sekeria-gold:#8C7145;--sekeria-gold-text:#7E653D;--sekeria-muted-text:#71675D;
  /* remap the legacy tokens so header, menu, footer and inner pages share the same system */
  --espresso:var(--sekeria-espresso);--ivory:var(--sekeria-ivory);--paper:var(--sekeria-paper);--stone:var(--sekeria-stone);
  --bronze:var(--sekeria-gold);--bronze-deep:var(--sekeria-gold);--bronze-lift:#9d8152;--bronze-deep-text:var(--sekeria-gold);--color-accent:var(--sekeria-gold);
  --ink:var(--sekeria-ink);--ink-soft:var(--sekeria-muted-text);--ink-dark:var(--sekeria-ink);--ink-light:var(--sekeria-ivory);
  --rule:rgba(36,30,25,.12);--rule-strong:rgba(36,30,25,.26);--rule-light:rgba(243,239,231,.18);
  --charcoal:#2a231d;--slide-ground:var(--charcoal);
  /* spacing + type scale */
  --s-1:clamp(20px,2.4vw,32px);--s-2:clamp(40px,5vw,72px);--s-3:clamp(72px,10vh,128px);--s-4:clamp(112px,16vh,200px);
  --t-label:11px;--t-body:clamp(15.5px,1.05vw,17px);--t-lead:clamp(17px,1.25vw,19px);
  --t-h2:clamp(34px,3.9vw,62px);--t-h1:clamp(44px,6.2vw,96px);
  --ease-out:cubic-bezier(.22,1,.36,1);
}
body{background:var(--sekeria-paper);color:var(--sekeria-ink)}
body[data-ground=dark]{background:var(--sekeria-paper);color:var(--sekeria-ink)}
h1,h2,h3{font-weight:400;letter-spacing:-.01em}
::selection{background:var(--sekeria-stone);color:var(--sekeria-ink)}
:focus-visible{outline:1px solid var(--sekeria-gold);outline-offset:4px}

/* ---------- 2. buttons, links, labels -------------------------------- */
.sk-btn,.sk-nav-book,.sk-menu-contact .sk-menu-book,.sk-form-foot button,.sk-btn:focus-visible,.sk-nav-book:focus-visible{border-radius:0}
.sk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:15px 26px 14px;background:var(--sekeria-espresso);color:var(--sekeria-ivory);border:1px solid var(--sekeria-espresso);
  font-family:var(--font-body);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;white-space:nowrap;
  transition:background-color .35s ease,border-color .35s ease,color .35s ease,transform .35s ease}
.sk-btn:hover{background:var(--sekeria-gold);border-color:var(--sekeria-gold);color:var(--sekeria-paper);transform:translateY(-1px)}
.sk-btn--light,.sk-header-right .sk-nav-book,.sk-nav .sk-nav-book{background:var(--sekeria-ivory);color:var(--sekeria-espresso);border-color:var(--sekeria-ivory);font-family:var(--font-body);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:15px 26px 14px;line-height:1}
.sk-btn--light:hover,.sk-header-right .sk-nav-book:hover,.sk-nav .sk-nav-book:hover{background:var(--sekeria-gold);border-color:var(--sekeria-gold);color:var(--sekeria-paper)}
.sk-link{display:inline-flex;align-items:baseline;gap:8px;color:var(--sekeria-ink);font-family:var(--font-body);font-size:10.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border:0;padding:4px 0;transition:color .3s ease}
.sk-link::after{content:"→";font-family:var(--font-heading);font-size:15px;line-height:0;transition:transform .3s var(--ease-out)}
.sk-link:hover{color:var(--sekeria-gold)}
.sk-link:hover::after{transform:translateX(6px)}
.sk-link--light{color:var(--sekeria-ivory)}
.sk-link--light:hover{color:var(--sekeria-stone)}
.sk-label{margin:0 0 var(--s-1);font-family:var(--font-body);font-size:var(--t-label);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--sekeria-gold-text)}
.sk-label--light{color:var(--sekeria-stone)}
.sk-kicker{color:var(--sekeria-gold)}

/* ---------- 3. header v3 --------------------------------------------- */
.sk-header--v3{--header-h:104px;height:var(--header-h);grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,3vw,48px);padding:0 var(--gutter-header);color:var(--sekeria-ivory);
  transition:background-color .6s ease,height .6s var(--ease-out),backdrop-filter .6s ease,transform .45s var(--ease-out)}
/* φαίνεται μόνο όταν ανεβαίνουμε */
.sk-header--v3.is-hidden{transform:translateY(-102%)}
@media(prefers-reduced-motion:reduce){.sk-header--v3{transition:none}}
.sk-header--v3:before{transition:opacity .6s ease}
.sk-header--v3.is-scrolled{height:76px;background:rgba(27,23,19,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sk-header--v3.is-scrolled:before{opacity:0}
.sk-header--v3 .sk-brand{justify-self:start;padding:0;height:auto}
.sk-header--v3 .sk-logo{width:clamp(150px,12.5vw,190px);transition:width .6s var(--ease-out),background-color .5s ease}
.sk-header--v3.is-scrolled .sk-logo{width:clamp(130px,10vw,150px)}
.sk-header--v3 .sk-brand:hover .sk-logo,.sk-header--v3:has([data-sk-menu-toggle][aria-expanded=true]) .sk-logo{background-color:var(--sekeria-gold)}
.sk-topnav{display:flex;justify-content:center;gap:clamp(18px,2.2vw,36px);font-family:var(--font-body);font-size:var(--t-label);font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.sk-topnav a{position:relative;padding:8px 0;color:inherit;opacity:.88;transition:opacity .3s}
.sk-topnav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}
.sk-topnav a:hover,.sk-topnav a[aria-current=page]{opacity:1}
.sk-topnav a:hover::after,.sk-topnav a[aria-current=page]::after{transform:scaleX(1)}
.sk-header--v3 .sk-header-right{justify-self:end;display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);position:relative;z-index:calc(var(--z-menu) + 1)}
.sk-header--v3 .sk-nav-book{padding:13px 20px 12px;font-size:10.5px}
.sk-lang--head{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;font-family:var(--font-body);font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase}
.sk-lang--head a{padding:6px 0;opacity:.6;border:0;transition:opacity .3s}
.sk-lang--head a[aria-current=true],.sk-lang--head a:hover{opacity:1}
.sk-lang--head i{font-style:normal;opacity:.4}
.sk-header--v3 .sk-menu-btn{display:flex;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:8px 0;font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;justify-self:end}
.sk-header--v3 .sk-menu-btn:before{display:none}
.sk-header--v3 .sk-menu-btn span[data-sk-menu-label]{display:none}
@media(min-width:1141px){.sk-menu{display:flex}}
@media(max-width:1180px){.sk-topnav{display:none}}
@media(max-width:700px){.sk-header--v3{--header-h:80px;gap:12px}.sk-header--v3 .sk-logo,.sk-header--v3.is-scrolled .sk-logo{width:138px}.sk-header--v3.is-scrolled{height:68px}
  .sk-lang--head{display:none}.sk-header--v3 .sk-nav-book{display:inline-flex;padding:11px 12px 10px;font-size:10px;letter-spacing:.08em}}
@media(max-width:400px){.sk-header--v3 .sk-logo,.sk-header--v3.is-scrolled .sk-logo{width:122px}.sk-header--v3 .sk-nav-book{padding:10px 10px 9px}}
/* the full-screen menu keeps its own contact block styling; only the language pill changes */
.sk-menu--v2{padding-top:calc(104px + 24px)}
.sk-lang--seg{border-radius:0}.sk-lang--seg a{border-radius:0}

/* ---------- 4. shared homepage pieces -------------------------------- */
.sk-site--home .sk-media{position:relative;overflow:hidden;background:var(--charcoal)}
.sk-site--home .sk-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.sk-media--hover img{transition:transform 1.4s var(--ease-out)}
@media(hover:hover){.sk-media--hover:hover img{transform:scale(1.035)}}
:where(.sk-site--home) h2{margin:0;font-family:var(--font-heading);font-size:var(--t-h2);line-height:1.08;text-wrap:balance}
:where(.sk-site--home) p{margin:0}
.sk-site--home main>section{position:relative}

/* ---------- 5. hero -------------------------------------------------- */
.sk-cine{height:100svh;min-height:640px;background:var(--sekeria-espresso)}
.sk-cine-media video,.sk-cine-media img{filter:saturate(.9) contrast(1.02)}
.sk-cine-scrim{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(to top,rgba(27,23,19,.86) 0%,rgba(27,23,19,.6) 30%,rgba(27,23,19,.34) 54%,rgba(27,23,19,.12) 76%,rgba(27,23,19,.3) 100%),
  linear-gradient(to right,rgba(27,23,19,.42) 0%,rgba(27,23,19,0) 55%)}
.sk-cine-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(104px,17vh,184px);display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:min(100%,60ch);color:var(--sekeria-ivory)}
.sk-cine-mark{margin:0;font-family:var(--font-heading);font-weight:400;font-size:var(--t-h1);line-height:.95;letter-spacing:.06em;text-transform:uppercase;animation:sk-fade 1.6s var(--ease-out) .3s both}
.sk-cine-mark span{display:block;margin-top:clamp(16px,2vh,22px);font-size:clamp(11px,1.05vw,15px);letter-spacing:.36em;color:var(--sekeria-stone)}
.sk-cine-mark span::after{content:"";display:block;width:clamp(56px,6vw,88px);height:1px;margin-top:clamp(22px,3vh,30px);background:var(--sekeria-gold)}
.sk-cine-tag{margin-top:clamp(28px,4vh,40px);font-family:var(--font-heading);font-style:italic;font-size:clamp(24px,2.2vw,34px);line-height:1.3;letter-spacing:.005em;color:var(--sekeria-ivory);animation:sk-fade 1.6s var(--ease-out) .55s both}
.sk-cine-line{margin-top:clamp(20px,2.8vh,30px);font-size:var(--t-lead);line-height:1.8;letter-spacing:.01em;color:rgba(243,239,231,.86);animation:sk-fade 1.6s var(--ease-out) .7s both}
.sk-cine-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;margin-top:clamp(40px,5.6vh,60px);animation:sk-fade 1.6s var(--ease-out) .85s both}
.sk-cine-scroll{position:absolute;left:var(--gutter);bottom:clamp(30px,5vh,48px);display:inline-flex;align-items:center;gap:16px;color:var(--sekeria-stone);font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.9}
.sk-cine-scroll i{display:block;width:64px;height:1px;background:currentColor;transform-origin:left;animation:sk-line 2.8s var(--ease-out) infinite}
@keyframes sk-line{0%{transform:scaleX(.2);opacity:.4}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.2);opacity:.4}}
.sk-cine .sk-hero-media{transform:none}

/* ---------- 6. split sections (mansion, suites, courtyard) ----------- */
.sk-split{display:grid;grid-template-columns:55fr 45fr;min-height:100svh;background:var(--sekeria-paper);color:var(--sekeria-ink)}
.sk-split--flip>.sk-media{order:2}
.sk-split>.sk-media{min-height:100svh}
.sk-split-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--s-4) clamp(40px,7vw,120px)}
.sk-split-copy h2{margin-bottom:var(--s-2)}
.sk-split-copy p{max-width:44ch;font-size:var(--t-body);line-height:1.85;color:var(--sekeria-ink)}
.sk-split-copy p+p{margin-top:18px}
.sk-split-copy .sk-link{margin-top:var(--s-2)}
.sk-split--court{background:var(--sekeria-ivory)}
.sk-split--suites{grid-template-columns:45fr 55fr;background:var(--sekeria-ivory)}

/* ---------- 7. story strip ------------------------------------------- */
.sk-strip4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--sekeria-espresso);height:100svh;min-height:600px}
.sk-strip4-panel{position:relative;margin:0;overflow:hidden}
.sk-strip4-panel .sk-media{position:absolute;inset:0}
.sk-strip4-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(27,23,19,.86) 0%,rgba(27,23,19,.35) 40%,rgba(27,23,19,0) 70%);pointer-events:none}
.sk-strip4-panel figcaption{position:absolute;left:clamp(22px,2.4vw,40px);right:clamp(22px,2.4vw,40px);bottom:clamp(40px,7vh,72px);z-index:2;color:var(--sekeria-ivory)}
.sk-strip4-num{display:block;margin-bottom:18px;font-size:var(--t-label);letter-spacing:.24em;color:var(--sekeria-stone)}
.sk-strip4-panel p{font-family:var(--font-heading);font-size:clamp(19px,1.5vw,25px);line-height:1.4;text-wrap:balance}

/* ---------- 8. suites showcase --------------------------------------- */
.sk-show{position:relative;min-height:100svh;background:var(--charcoal);overflow:hidden}
.sk-show-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s var(--ease-out);pointer-events:none}
.sk-show-slide.is-on{opacity:1;pointer-events:auto}
.sk-show-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 6s var(--ease-out);filter:saturate(.92) contrast(1.02)}
.sk-show-slide.is-on img{transform:scale(1)}
.sk-show-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(27,23,19,.82) 0%,rgba(27,23,19,.28) 38%,rgba(27,23,19,0) 62%);pointer-events:none}
.sk-show-slide figcaption{position:absolute;right:clamp(28px,4vw,64px);bottom:clamp(40px,7vh,72px);left:clamp(28px,4vw,64px);z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:var(--sekeria-ivory)}
.sk-show-name{font-family:var(--font-heading);font-size:clamp(28px,2.6vw,40px);line-height:1.1}
.sk-show-name small{display:inline-block;margin-left:12px;font-family:var(--font-body);font-size:var(--t-label);letter-spacing:.16em;color:var(--sekeria-stone);vertical-align:middle}
.sk-show-line{margin-top:12px;max-width:34ch;font-size:15px;line-height:1.6;color:rgba(243,239,231,.85)}
.sk-show-slide .sk-link{margin-top:22px}
.sk-show-nav{position:absolute;left:clamp(28px,4vw,64px);bottom:clamp(40px,7vh,72px);z-index:3;display:flex;align-items:center;gap:14px;color:var(--sekeria-ivory);font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.sk-show-nav button{width:36px;height:36px;display:grid;place-items:center;font-family:var(--font-heading);font-size:26px;line-height:1;color:inherit;opacity:.85;transition:opacity .3s,color .3s}
.sk-show-nav button:hover{opacity:1;color:var(--sekeria-stone)}
.sk-show-nav--center{position:static;justify-content:center;margin-top:var(--s-1);color:var(--sekeria-ink)}
.sk-show-nav--center button:hover{color:var(--sekeria-gold)}

/* ---------- 9. hammam ------------------------------------------------ */
.sk-hammam{position:relative;min-height:100svh;display:flex;align-items:center;background:var(--sekeria-espresso);color:var(--sekeria-ivory);overflow:hidden}
.sk-hammam-media{position:absolute;inset:-8% 0;z-index:0}
.sk-hammam-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02) brightness(.9);will-change:transform}
.sk-hammam-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(27,23,19,.9) 0%,rgba(27,23,19,.72) 38%,rgba(27,23,19,.22) 70%,rgba(27,23,19,.35) 100%),linear-gradient(to top,rgba(27,23,19,.6),rgba(27,23,19,0) 40%)}
.sk-hammam-copy{position:relative;z-index:2;padding:var(--s-4) var(--gutter);max-width:min(100%,620px);display:flex;flex-direction:column;align-items:flex-start}
.sk-hammam-copy h2{color:var(--sekeria-ivory)}
.sk-hammam-stanza{margin-top:var(--s-2);font-family:var(--font-heading);font-size:clamp(24px,2.2vw,34px);line-height:1.35;color:var(--sekeria-stone)}
.sk-hammam-copy>p:not(.sk-label):not(.sk-hammam-stanza):not(.sk-hammam-meta){margin-top:var(--s-2);max-width:46ch;font-size:var(--t-body);line-height:1.85;color:rgba(243,239,231,.86)}
.sk-hammam-meta{margin-top:var(--s-2);font-size:var(--t-label);letter-spacing:.2em;text-transform:uppercase;color:var(--sekeria-stone)}
.sk-hammam-copy .sk-btn{margin-top:var(--s-2)}

/* ---------- 10. heraklion -------------------------------------------- */
.sk-dest{display:grid;grid-template-columns:38fr 62fr;gap:clamp(40px,5vw,96px);align-items:center;min-height:100svh;padding:var(--s-4) var(--gutter);background:var(--sekeria-paper)}
.sk-dest-copy{display:flex;flex-direction:column;align-items:flex-start}
.sk-dest-copy h2{margin-bottom:var(--s-2)}
.sk-dest-copy p{max-width:40ch;font-size:var(--t-body);line-height:1.85}
.sk-dest-copy .sk-link{margin-top:var(--s-2)}
.sk-dest-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.sk-dest-item{margin:0}
.sk-dest-item .sk-media{aspect-ratio:3 / 4}
.sk-dest-item figcaption{margin-top:16px;font-family:var(--font-heading);font-size:clamp(17px,1.3vw,21px);line-height:1.3;color:var(--sekeria-ink)}

/* ---------- 11. brand moment ----------------------------------------- */
.sk-moment{position:relative;min-height:100svh;display:flex;align-items:center;background:var(--sekeria-espresso);color:var(--sekeria-ivory);overflow:hidden}
.sk-moment-media{position:absolute;inset:-8% 0;z-index:0}
.sk-moment-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.82)}
.sk-moment::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(27,23,19,.82) 0%,rgba(27,23,19,.5) 45%,rgba(27,23,19,.15) 100%)}
.sk-moment-copy{position:relative;z-index:2;padding:var(--s-4) var(--gutter);max-width:640px}
.sk-moment-copy h2{color:var(--sekeria-ivory)}
.sk-moment-copy p{margin-top:var(--s-2);font-family:var(--font-heading);font-size:clamp(19px,1.6vw,26px);line-height:1.6;color:rgba(243,239,231,.9)}
/* παραλλαγή: κάθετη φωτογραφία αριστερά, κείμενο δεξιά */
.sk-moment--split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;min-height:0}
.sk-moment--split::after{display:none}
.sk-moment--split .sk-moment-media{position:relative;inset:auto;min-height:88svh;overflow:hidden}
.sk-moment--split .sk-moment-media img{filter:saturate(.9) contrast(1.02)}
.sk-moment--split .sk-moment-copy{max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--s-4) clamp(40px,7vw,120px)}
/* κάθε γραμμή είναι δική της: αρκετό πλάτος ώστε να μην τσακίζει */
.sk-moment--split .sk-moment-copy p{max-width:46ch}

/* ---------- 12. gallery row ------------------------------------------ */
.sk-mosaic-wrap{padding:var(--s-3) var(--gutter);background:var(--sekeria-paper)}
.sk-mosaic-title{font-family:var(--font-heading);font-weight:400;font-size:clamp(26px,2.4vw,38px);line-height:1.2;color:var(--sekeria-ink);margin:0 0 var(--s-1)}
.sk-mosaic{display:grid;grid-template-columns:1.15fr 1fr .9fr 1.05fr .95fr 1.1fr;grid-auto-rows:minmax(0,1fr);gap:clamp(8px,1vw,16px);height:clamp(240px,30vw,440px)}
.sk-mosaic-item{margin:0;min-width:0;min-height:0;overflow:hidden}
.sk-mosaic-item .sk-media{height:100%}
.sk-mosaic-foot{display:flex;justify-content:flex-end;margin-top:var(--s-1)}

/* ---------- 13. guest voices ----------------------------------------- */
.sk-voices{padding:var(--s-2) var(--gutter);background:var(--sekeria-ivory);text-align:center;display:flex;flex-direction:column;align-items:center}
.sk-voices .sk-label{margin-bottom:var(--s-1)}
.sk-voices-show{position:relative;width:min(100%,820px);min-height:0;display:grid;align-items:center}
.sk-voice{grid-area:1 / 1;margin:0;opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);pointer-events:none}
.sk-voice.is-on{opacity:1;transform:none;pointer-events:auto}
.sk-voice p{font-family:var(--font-heading);font-style:italic;font-size:clamp(22px,2.3vw,34px);line-height:1.45;color:var(--sekeria-ink);text-wrap:balance}
.sk-voice footer{margin-top:var(--s-1);font-size:12.5px;letter-spacing:.06em;color:var(--sekeria-muted-text)}
.sk-voice footer span{color:var(--sekeria-muted-text)}
.sk-stars{display:block;margin-bottom:12px;font-size:12px;letter-spacing:.3em;color:var(--sekeria-gold)}
.sk-voices-scores{margin-top:var(--s-2);font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;color:var(--sekeria-muted-text)}
.sk-voices-scores i{font-style:normal;margin:0 10px;color:var(--sekeria-stone)}

/* ---------- 14. final cta -------------------------------------------- */
.sk-final{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--sekeria-espresso);color:var(--sekeria-ivory);overflow:hidden}
.sk-final-media{position:absolute;inset:0;z-index:0}
.sk-final-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.72)}
.sk-final::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,rgba(27,23,19,.25),rgba(27,23,19,.7) 75%)}
.sk-final-copy{position:relative;z-index:2;padding:var(--s-4) var(--gutter);display:flex;flex-direction:column;align-items:center;max-width:720px}
.sk-final-copy h2{color:var(--sekeria-ivory)}
.sk-final-copy p{margin-top:var(--s-1);font-size:var(--t-lead);line-height:1.7;color:rgba(243,239,231,.86)}
.sk-final-copy .sk-btn{margin-top:var(--s-2)}
.sk-final-note{font-size:12.5px!important;letter-spacing:.04em;color:var(--sekeria-stone)!important;margin-top:22px!important}

/* ---------- 15. footer v3 -------------------------------------------- */
.sk-footer--v3{display:block;padding:var(--s-3) var(--gutter) clamp(28px,4vh,40px);background:var(--sekeria-espresso);color:var(--sekeria-ivory);border-top:0;color-scheme:dark;font-size:14px;line-height:1.75}
@media(min-width:1141px){.sk-footer--v3{padding-right:var(--gutter)}}
.sk-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(32px,5vw,96px);align-items:start;padding-bottom:var(--s-2);border-bottom:1px solid var(--rule-light)}
.sk-footer-brand .sk-logo{width:170px;background-color:var(--sekeria-ivory);margin-bottom:22px}
.sk-footer-brand p{color:var(--sekeria-stone);font-size:13px;letter-spacing:.06em}
.sk-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase}
.sk-footer-nav a,.sk-footer-contact a{color:var(--sekeria-ivory);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.sk-footer-nav a:hover,.sk-footer-contact a:hover{color:var(--sekeria-stone)}
.sk-footer-contact p+p{margin-top:14px}
.sk-footer-contact small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sekeria-stone);margin-left:6px}
.sk-footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:24px;font-size:12px;color:var(--sekeria-stone)}
.sk-footer--v3 .sk-footer-legal{display:flex;gap:clamp(16px,2vw,28px);margin:0;font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase}
.sk-footer--v3 .sk-footer-legal a{color:var(--sekeria-stone);padding:4px 0;border:0}
.sk-footer--v3 .sk-footer-legal a:hover{color:var(--sekeria-ivory)}
.sk-footer--v3 .sk-footer-licence{font-size:11px;letter-spacing:.08em;color:var(--sekeria-muted-text)}
.sk-footer--v3 p{margin:0}
@media(max-width:1140px){.sk-footer--v3{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}

/* ---------- 16. responsive ------------------------------------------- */
@media(max-width:1100px){
  .sk-split,.sk-split--suites{grid-template-columns:minmax(0,1fr)}
  .sk-split>.sk-media{min-height:0;height:clamp(420px,62vh,640px);order:0}
  .sk-split--flip>.sk-media{order:0}
  .sk-split{min-height:0}
  .sk-split-copy{padding:var(--s-3) var(--gutter)}
  .sk-show{min-height:0;height:clamp(460px,70vh,720px)}
  .sk-dest{grid-template-columns:minmax(0,1fr);min-height:0;gap:var(--s-2)}
  .sk-dest-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sk-strip4{height:clamp(520px,80vh,720px)}
}
@media(max-width:860px){
  .sk-strip4{display:flex;gap:2px;height:clamp(460px,72svh,600px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sk-strip4::-webkit-scrollbar{display:none}
  .sk-strip4-panel{flex:0 0 78vw;scroll-snap-align:start}
  .sk-dest-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scrollbar-width:none}
  .sk-dest-row::-webkit-scrollbar{display:none}
  .sk-dest-item{flex:0 0 62vw;scroll-snap-align:start}
  .sk-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,26vw,240px);height:auto}
  .sk-mosaic-item:nth-child(3n+1){grid-row:span 2}
  .sk-footer-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}
  .sk-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-hammam-media,.sk-moment-media{inset:0}
}
@media(max-width:700px){
  :root{--t-h1:clamp(40px,12vw,56px);--t-h2:clamp(30px,8.4vw,38px);--s-4:clamp(80px,14vh,112px)}
  .sk-cine{min-height:0;height:92svh}
  .sk-cine-copy{bottom:clamp(88px,15vh,120px);right:var(--gutter)}
  .sk-cine-mark span{letter-spacing:.28em}
  .sk-cine-tag{font-size:21px}
  .sk-cine-line{font-size:16px}
  .sk-cine-actions{gap:16px 24px}
  .sk-cine-scroll{bottom:26px}
  .sk-split>.sk-media{height:clamp(320px,56vh,480px)}
  .sk-show{height:clamp(440px,74svh,600px)}
  .sk-show-slide figcaption{align-items:flex-start;text-align:left;right:var(--gutter);left:var(--gutter);bottom:96px}
  .sk-show-nav{left:var(--gutter);bottom:32px}
  .sk-hammam,.sk-moment,.sk-final{min-height:0}
  .sk-hammam{min-height:100svh}
  .sk-hammam-scrim{background:linear-gradient(to top,rgba(27,23,19,.92) 0%,rgba(27,23,19,.7) 55%,rgba(27,23,19,.3) 100%)}
  .sk-hammam-copy,.sk-moment-copy{padding:var(--s-3) var(--gutter)}
  .sk-moment--split{grid-template-columns:minmax(0,1fr)}
  .sk-moment--split .sk-moment-media{min-height:0;height:clamp(360px,62vh,560px)}
  .sk-moment{min-height:88svh}
  .sk-moment::after{background:linear-gradient(to top,rgba(27,23,19,.85),rgba(27,23,19,.35))}
  .sk-final{min-height:82svh}
  .sk-dest-item{flex-basis:70vw}
  .sk-voice p{font-size:22px}
  .sk-footer-nav{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .sk-cine-mark,.sk-cine-tag,.sk-cine-line,.sk-cine-actions{animation:none}
  .sk-cine-scroll i{animation:none;transform:none}
  .sk-media--hover img,.sk-show-slide img{transition:none}
}

/* =====================================================================
   v3 · inner pages
   ===================================================================== */
/* the media/heading rules apply to every page built on the system */
.sk-site .sk-media{position:relative;overflow:hidden;background:var(--charcoal)}
.sk-site .sk-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
:where(.sk-site) main h2{margin:0;font-family:var(--font-heading);font-size:var(--t-h2);line-height:1.08;text-wrap:balance}
:where(.sk-site) main p{margin:0}

/* hero with a still image */
.sk-cine--img{height:92svh;min-height:560px}
.sk-cine--small{height:74svh;min-height:480px}
.sk-cine-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.sk-cine-h1{margin:0;font-family:var(--font-heading);font-weight:400;font-size:clamp(38px,5.2vw,80px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;max-width:18ch;animation:sk-fade 1.6s var(--ease-out) .3s both}
.sk-cine--img .sk-label{margin-bottom:clamp(18px,2.4vh,28px);animation:sk-fade 1.4s var(--ease-out) .2s both}
/* heroes sit on bright photographs: the small type needs its own shadow */
.sk-cine--img .sk-label,.sk-cine--img .sk-cine-line{text-shadow:0 1px 16px rgba(27,23,19,.8)}
.sk-cine--img .sk-cine-line{margin-top:clamp(18px,2.6vh,28px)}
.sk-cine--img .sk-cine-actions{margin-top:clamp(28px,4vh,44px)}

/* booking zone under the suites hero */
.sk-site .sk-book{background:var(--sekeria-ivory);color:var(--sekeria-ink);padding:clamp(28px,4vh,44px) var(--gutter);border-top:0}
.sk-site .sk-book-form label{font-size:var(--t-label);letter-spacing:.18em;color:var(--sekeria-muted-text)}
.sk-site .sk-book-form input,.sk-site .sk-book-form select{color:var(--sekeria-ink);background:var(--sekeria-paper);border:1px solid var(--rule-strong);border-radius:0;color-scheme:light}
.sk-site .sk-book-form input:focus,.sk-site .sk-book-form select:focus{border-color:var(--sekeria-gold)}
.sk-site .sk-book-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23241E19' stroke-width='1.2'%3E%3Cpath d='M2 4.5 6 8.5l4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.sk-site .sk-book-form .sk-btn{font-family:var(--font-body);font-size:var(--t-label);letter-spacing:.12em;border-radius:0;min-height:0;padding:16px 26px 15px}
.sk-site .sk-book .sk-btn{background:var(--sekeria-espresso);color:var(--sekeria-ivory);border-color:var(--sekeria-espresso)}
.sk-site .sk-book .sk-btn:hover{background:var(--sekeria-gold);border-color:var(--sekeria-gold);color:var(--sekeria-paper)}
.sk-site .sk-book-note{color:var(--sekeria-muted-text)}
.sk-site .sk-book-note b{font-weight:500;color:var(--sekeria-ink)}

/* split variants */
.sk-split--ivory{background:var(--sekeria-ivory)}
.sk-split--suite{min-height:88svh}
.sk-split--suite>.sk-media{min-height:88svh}
.sk-split--offer{min-height:80svh}
.sk-split--offer>.sk-media{min-height:80svh}
.sk-suite-line{font-size:var(--t-label)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--sekeria-gold)!important;margin:0 0 var(--s-1)!important}
.sk-suite-feat{font-size:13px!important;line-height:1.7!important;color:var(--sekeria-muted-text)!important;margin-top:var(--s-1)!important;max-width:40ch}
.sk-split-copy .sk-btn{margin-top:var(--s-2)}
.sk-split-copy .sk-btn+.sk-link{margin-top:var(--s-1)}
.sk-phone-line{margin-top:var(--s-1)!important}
.sk-phone-line a{font-family:var(--font-heading);font-size:clamp(22px,1.8vw,28px);color:var(--sekeria-ink);border:0}
.sk-phone-line a:hover{color:var(--sekeria-gold)}

/* editorial two-column block */
.sk-edit{display:grid;grid-template-columns:minmax(0,26ch) minmax(0,1fr);gap:var(--s-2) clamp(40px,6vw,110px);padding:var(--s-4) var(--gutter);background:var(--sekeria-paper);color:var(--sekeria-ink)}
.sk-edit--ivory{background:var(--sekeria-ivory)}
.sk-edit--wide{grid-template-columns:minmax(0,22ch) minmax(0,1fr)}
.sk-edit-head{position:sticky;top:120px;align-self:start}
.sk-edit-body{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:68ch}
/* τίτλος, κείμενο και φωτογραφία σε τρεις στήλες */
.sk-edit--figure{grid-template-columns:minmax(0,22ch) minmax(0,1fr) minmax(0,.82fr)}
.sk-edit--figure .sk-edit-body{max-width:48ch}
.sk-edit-figure{margin:0;align-self:start}
.sk-edit-figure .sk-media{aspect-ratio:3 / 4}
.sk-edit--wide .sk-edit-body{max-width:none;width:100%}
.sk-edit-body p{font-size:var(--t-body);line-height:1.85}
.sk-edit-body .sk-rows{max-width:none;width:100%;margin-top:var(--s-1);border-top:1px solid var(--rule-strong)}
.sk-edit-body .sk-rows>div{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:8px 40px;padding:20px 0;border-bottom:1px solid var(--rule)}
.sk-edit-body .sk-rows dt{font-family:var(--font-heading);font-size:clamp(19px,1.5vw,23px);line-height:1.3;font-weight:400;color:var(--sekeria-ink)}
.sk-edit-body .sk-rows dd{font-size:var(--t-body);line-height:1.75;color:var(--sekeria-ink)}
.sk-edit-note{font-size:14px!important;color:var(--sekeria-muted-text)!important}
.sk-edit-body .sk-link{margin-top:var(--s-1)}
.sk-edit-body .sk-factgrid{width:100%}
.sk-edit-body .sk-facts-note{grid-column:auto;margin-top:var(--s-1);font-size:15px;color:var(--sekeria-muted-text)}
.sk-edit-body .sk-faq{max-width:none;width:100%;border-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,72px);align-items:start}
.sk-edit-body .sk-faq details{border-top:1px solid var(--rule);border-bottom:0}
.sk-edit-body .sk-faq details:nth-last-child(1),.sk-edit-body .sk-faq details:nth-last-child(2){border-bottom:1px solid var(--rule)}
.sk-edit-body .sk-faq summary{font-size:clamp(17px,1.25vw,20px);color:var(--sekeria-ink)}
.sk-edit-body .sk-faq details p{font-size:var(--t-body);color:var(--sekeria-ink)}

/* two columns with a hairline */
.sk-pair3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s-4) var(--gutter);background:var(--sekeria-paper);color:var(--sekeria-ink)}
.sk-pair3--ivory{background:var(--sekeria-ivory)}
.sk-pair3-col{display:flex;flex-direction:column;align-items:flex-start;padding-right:clamp(32px,5vw,96px)}
.sk-pair3-col+.sk-pair3-col{padding-right:0;padding-left:clamp(32px,5vw,96px);border-left:1px solid var(--rule-strong)}
.sk-pair3-col h2{font-size:clamp(28px,2.6vw,40px);margin-bottom:var(--s-1)}
.sk-pair3-col p{max-width:46ch;font-size:var(--t-body);line-height:1.85}
.sk-pair3-col p+p{margin-top:16px}
.sk-pair3-col .sk-link{margin-top:var(--s-1)}

/* dark text band (Widerhall) */
.sk-band3{background:var(--sekeria-espresso);color:var(--sekeria-ivory);padding:var(--s-4) var(--gutter)}
.sk-band3-inner{display:grid;grid-template-columns:minmax(0,26ch) minmax(0,1fr);gap:var(--s-2) clamp(40px,6vw,110px);align-items:start}
.sk-band3-head{align-self:start}
.sk-band3-body{max-width:66ch}
/* τίτλος αριστερά, φωτογραφία στη μέση, κείμενο δεξιά */
.sk-band3--figure .sk-band3-inner{grid-template-columns:minmax(0,20ch) minmax(0,.8fr) minmax(0,1.05fr)}
.sk-band3--figure .sk-band3-body{max-width:52ch}
.sk-band3-figure{margin:0;align-self:start}
.sk-band3-figure .sk-media{aspect-ratio:3 / 4}
.sk-band3 h2{color:var(--sekeria-ivory)}
.sk-band3 p{font-size:var(--t-body);line-height:1.9;color:rgba(243,239,231,.86)}
.sk-band3 p+p{margin-top:18px}
.sk-band3-quote{margin:var(--s-2) 0;padding-left:clamp(20px,2vw,32px);border-left:1px solid var(--sekeria-gold);font-family:var(--font-heading);font-size:clamp(28px,3vw,46px);line-height:1.15;color:var(--sekeria-ivory)}
.sk-band3-quote small{display:block;margin-top:12px;font-family:var(--font-body);font-size:13px;letter-spacing:.08em;color:var(--sekeria-stone)}

/* photo rows on inner pages */
.sk-mosaic-wrap--tight{padding:0 var(--gutter) var(--s-3)}
.sk-split+.sk-mosaic-wrap--tight,.sk-hammam+.sk-mosaic-wrap--tight,.sk-edit+.sk-mosaic-wrap--tight{padding-top:var(--s-3)}
.sk-mosaic-wrap--ivory{background:var(--sekeria-ivory)}
.sk-mosaic--3{grid-template-columns:1.1fr 1fr 1.1fr;height:clamp(260px,34vw,520px)}
.sk-mosaic--4{grid-template-columns:1.05fr 1fr 1fr 1.05fr;height:clamp(240px,30vw,460px)}
.sk-cinema .sk-hammam-copy{max-width:min(100%,640px)}
.sk-cinema .sk-hammam-stanza{font-size:clamp(22px,2vw,30px)}

/* contact */
.sk-contact3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s-3) clamp(48px,7vw,140px);padding:var(--s-4) var(--gutter);background:var(--sekeria-paper);color:var(--sekeria-ink)}
.sk-contact3-block{padding:var(--s-1) 0 var(--s-2);border-top:1px solid var(--rule)}
.sk-contact3-block:first-child{border-top:0;padding-top:0}
.sk-contact3-name{font-family:var(--font-heading);font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.sk-contact3-addr{margin-top:14px!important;font-size:var(--t-body);line-height:1.8;color:var(--sekeria-muted-text)}
.sk-contact3-big{margin-top:18px!important}
.sk-contact3-big a{font-family:var(--font-heading);font-size:clamp(26px,2.4vw,36px);line-height:1.2;color:var(--sekeria-ink);border:0;font-variant-numeric:tabular-nums}
.sk-contact3-big a:hover,.sk-contact3-line a:hover{color:var(--sekeria-gold)}
.sk-contact3-line{margin-top:10px!important;font-size:var(--t-body);line-height:1.8;max-width:52ch}
.sk-site .sk-form-notice{max-width:66ch}
/* the hero scroll hint has no room beside the copy on tablets */
@media(max-width:1000px){.sk-site .sk-scroll{display:none}}
.sk-contact3-line a{color:var(--sekeria-ink);border-bottom:1px solid var(--rule-strong)}
.sk-contact3-block .sk-link{margin-top:var(--s-1)}
.sk-contact3-form{max-width:none;gap:24px}
.sk-contact3-form h2{font-size:clamp(28px,2.6vw,40px)}
.sk-contact3-form .sk-form-notice{border-left-color:var(--sekeria-gold);background:var(--sekeria-ivory);color:var(--sekeria-ink)}
.sk-contact3-form label{color:var(--sekeria-muted-text)}
.sk-contact3-form input,.sk-contact3-form textarea{border-bottom-color:var(--rule-strong);color:var(--sekeria-ink)}
.sk-contact3-form .sk-form-foot button.sk-btn{border-bottom:1px solid var(--sekeria-espresso);padding:15px 26px 14px;font-size:var(--t-label);letter-spacing:.12em}
.sk-contact3-form .sk-form-foot span{font-size:13px;color:var(--sekeria-muted-text)}
.sk-form-mhte{font-size:12px!important;color:var(--sekeria-muted-text)!important}
.sk-site .sk-map{filter:grayscale(1) contrast(.92) sepia(.12)}

/* gallery wall on the new tokens */
.sk-wall-nav a{border-radius:0;font-size:var(--t-label);letter-spacing:.14em}
.sk-wall-nav a:hover{background:var(--sekeria-espresso)}
/* η πηγή κλείνει το κείμενο: πλάγια, κάτω δεξιά, πάνω από το κάλεσμα */
.sk-biblio{background:var(--sekeria-paper)!important;color:var(--sekeria-muted-text)!important;padding:0 var(--gutter) var(--s-3)!important;margin:0!important}
.sk-biblio p{margin:0 0 0 auto;max-width:56ch;font-size:12.5px;line-height:1.75;font-style:italic;border-top:1px solid var(--rule-strong);padding-top:20px}

/* responsive */
@media(max-width:1100px){
  .sk-split--suite,.sk-split--offer{min-height:0}
  .sk-split--suite>.sk-media,.sk-split--offer>.sk-media{min-height:0;height:clamp(380px,58vh,600px)}
  .sk-edit,.sk-edit--wide,.sk-band3-inner,.sk-edit--figure,.sk-band3--figure .sk-band3-inner{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}
  .sk-edit-head{position:static}
  /* σε μία στήλη η φωτογραφία μπαίνει ανάμεσα στον τίτλο και το κείμενο */
  .sk-edit--figure .sk-edit-body,.sk-band3--figure .sk-band3-body{max-width:66ch;order:2}
  .sk-edit-figure,.sk-band3-figure{order:1;margin:var(--s-1) 0}
  .sk-edit-figure .sk-media,.sk-band3-figure .sk-media{aspect-ratio:4 / 3}
  .sk-edit--figure,.sk-band3--figure .sk-band3-inner{display:flex;flex-direction:column;align-items:stretch}
  .sk-edit--figure .sk-edit-head,.sk-band3--figure .sk-band3-head{order:0}
  .sk-biblio p{text-align:left;margin-left:0}
  .sk-contact3{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
  .sk-pair3{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}
  .sk-pair3-col{padding-right:0}
  .sk-pair3-col+.sk-pair3-col{padding-left:0;border-left:0;padding-top:var(--s-2);border-top:1px solid var(--rule)}
  .sk-edit-body .sk-faq{grid-template-columns:minmax(0,1fr)}
  .sk-edit-body .sk-faq details:nth-last-child(2){border-bottom:0}
  .sk-mosaic--3,.sk-mosaic--4{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,28vw,260px);height:auto}
  /* an even number of photos tiles two-by-two: the span would leave a hole */
  .sk-mosaic--4 .sk-mosaic-item,.sk-mosaic--6 .sk-mosaic-item{grid-row:auto}
  .sk-edit-body .sk-rows>div{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media(max-width:700px){
  .sk-cine--img{height:84svh}
  .sk-cine--small{height:68svh}
  .sk-cine-h1{font-size:clamp(32px,9vw,44px)}
  .sk-split--suite>.sk-media,.sk-split--offer>.sk-media{height:clamp(300px,50vh,440px)}
  .sk-site .sk-book{padding:24px var(--gutter)}
}

/* =====================================================================
   Εφέ φόρτωσης: λεπτή γραμμή που γράφεται, ύστερα κολόνες που σηκώνονται
   και αποκαλύπτουν τη σελίδα. Σβήνει μόνο του με CSS, χωρίς JavaScript.
   ===================================================================== */
.sk-loader{position:fixed;inset:0;z-index:2147483002;pointer-events:none;
  display:grid;grid-template-columns:repeat(5,1fr);
  animation:sk-loader-off 0s linear 1.16s forwards}
.sk-loader-col{display:block;background:var(--sekeria-espresso);transform-origin:top center;
  animation:sk-loader-wipe .62s cubic-bezier(.76,0,.24,1) forwards}
.sk-loader-col:nth-child(1){animation-delay:.46s}
.sk-loader-col:nth-child(2){animation-delay:.52s}
.sk-loader-col:nth-child(3){animation-delay:.58s}
.sk-loader-col:nth-child(4){animation-delay:.64s}
.sk-loader-col:nth-child(5){animation-delay:.70s}
.sk-loader-rule{position:absolute;left:50%;top:50%;width:min(38vw,320px);height:1px;
  margin-left:calc(min(38vw,320px) / -2);background:var(--sekeria-gold);
  transform:scaleX(0);transform-origin:left center;
  animation:sk-loader-draw .5s cubic-bezier(.22,1,.36,1) forwards,sk-loader-fade .22s ease .46s forwards}
@keyframes sk-loader-draw{to{transform:scaleX(1)}}
@keyframes sk-loader-fade{to{opacity:0}}
@keyframes sk-loader-wipe{to{transform:translateY(-101%)}}
@keyframes sk-loader-off{to{visibility:hidden}}
/* δεύτερη σελίδα στην ίδια επίσκεψη: κανένα overlay */
.sk-seen .sk-loader{display:none}

/* =====================================================================
   Πλαϊνή περιήγηση: μόνο λεπτές γραμμές, η ετικέτα εμφανίζεται στο hover
   και στην ενεργή ενότητα. Δεν σκεπάζει το περιεχόμενο.
   ===================================================================== */
.sk-rail{position:fixed;right:clamp(14px,1.8vw,30px);top:50%;transform:translateY(-50%);
  z-index:calc(var(--z-menu) - 1);display:flex;flex-direction:column;align-items:flex-end;gap:14px;
  color:var(--sekeria-ink);pointer-events:none}
/* ορατή εξ ορισμού· το ξεθώριασμα μπαίνει μόνο όπου τρέχουν animations, με
   backwards ώστε μια αποτυχία να αφήνει τη γραμμή ορατή αντί για κρυμμένη */
@media(prefers-reduced-motion:no-preference){
  .sk-rail{animation:sk-rail-in .8s var(--ease-out) 1.2s backwards}
  .sk-seen .sk-rail{animation-delay:.35s}
}
@keyframes sk-rail-in{from{opacity:0}to{opacity:1}}
.sk-rail-title{margin:0;writing-mode:vertical-rl;font-family:var(--font-body);font-size:9.5px;
  font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--sekeria-muted-text);opacity:.75}
.sk-rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.sk-rail a{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:flex-end;
  padding:7px 0;border:0;text-decoration:none;color:inherit}
.sk-rail-line{display:block;width:16px;height:1px;background:currentColor;opacity:.4;flex:none;
  transition:width .45s var(--ease-out),opacity .35s ease,background-color .35s ease}
.sk-rail-txt{position:absolute;right:calc(100% + 12px);top:50%;
  font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(-50%) translateX(6px);
  transition:opacity .35s ease,transform .45s var(--ease-out)}
.sk-rail a:hover .sk-rail-line{width:30px;opacity:.85}
.sk-rail a:hover .sk-rail-txt,.sk-rail a:focus-visible .sk-rail-txt{opacity:.85;transform:translateY(-50%)}
.sk-rail a[aria-current=true] .sk-rail-line{width:34px;opacity:1;background:var(--sekeria-gold)}
.sk-rail a[aria-current=true] .sk-rail-txt{opacity:1;transform:translateY(-50%);color:var(--sekeria-gold-text)}
/* πάνω από σκούρη ενότητα */
.sk-rail--dark{color:var(--sekeria-ivory)}
/* πάνω σε φωτογραφία η λεπτή γραμμή χάνεται: ένα απαλό σκίαστρο μόνο πίσω της,
   που σβήνει προς τα αριστερά και δεν διαβάζεται ως πλαίσιο */
.sk-rail::before{content:"";position:absolute;inset:-26px -22px -26px -30px;z-index:-1;pointer-events:none;
  opacity:0;transition:opacity .45s ease;
  background:linear-gradient(to left,rgba(27,23,19,.5) 0%,rgba(27,23,19,.34) 45%,rgba(27,23,19,0) 100%)}
.sk-rail--dark::before{opacity:1}
.sk-rail--dark .sk-rail-title{color:var(--sekeria-stone)}
.sk-rail--dark a[aria-current=true] .sk-rail-txt{color:var(--sekeria-ivory)}
.sk-rail--dark a[aria-current=true] .sk-rail-line{background:var(--sekeria-stone)}
/* όσο το μενού είναι ανοιχτό δεν έχει λόγο να φαίνεται */
body:has(.sk-menu[data-open]) .sk-rail{opacity:0;pointer-events:none}

@media(max-width:1100px){
  .sk-rail{gap:10px;right:10px}
  .sk-rail-title{display:none}
  .sk-rail a{padding:0;min-height:34px}
  .sk-rail-txt{display:none}
  .sk-rail-line{width:13px}
  .sk-rail a:hover .sk-rail-line{width:22px}
  .sk-rail a[aria-current=true] .sk-rail-line{width:24px}
}
/* στενές οθόνες: το back-to-top κάθεται κάτω δεξιά, η γραμμή ανεβαίνει λίγο */
@media(max-width:700px){
  .sk-rail{top:46%}
}

@media(prefers-reduced-motion:reduce){
  .sk-loader{display:none}
  .sk-rail-line,.sk-rail-txt{transition:none}
}

/* =====================================================================
   Η καρφωτή κύλιση αφαιρέθηκε: η κύλιση είναι πλέον αργή και συνεχής
   (Lenis). Οι ενότητες κρατούν το ύψος της οθόνης, ώστε ο ρυθμός των
   σελίδων να μένει ο ίδιος.
   ===================================================================== */
@media(min-width:1101px){
  .sk-site main>section{position:relative;min-height:100svh}
  /* Το πλέγμα φωτογραφιών και οι κριτικές είναι χαμηλές ενότητες:
     με ύψος οθόνης έμενε μεγάλο λευκό κενό. */
  .sk-site main>.sk-mosaic-wrap,.sk-site main>.sk-voices{min-height:0}
  .sk-site--gallery main>section{min-height:0}
}
.sk-snap{display:none}

/* ο τίτλος της αρχικής είναι δίστιχος: χρειάζεται πλατύτερο μέτρο από τα hero
   των εσωτερικών σελίδων, αλλιώς σπάει σε τέσσερις σειρές */
.sk-site--home .sk-cine-copy{max-width:min(100%,900px)}
.sk-site--home .sk-cine-h1{max-width:none}
.sk-site--home .sk-cine-line{max-width:56ch}

/* εισαγωγικό δίστιχο μέσα σε split, στο ύφος των stanza των cinema */
.sk-split-lead{margin:0 0 var(--s-1)!important;font-family:var(--font-heading);font-style:italic;
  font-size:clamp(20px,1.7vw,27px);line-height:1.4;color:var(--sekeria-ink)}
.sk-split-copy .sk-split-lead+p{margin-top:0}

/* Η φωτογραφία ενός split δεν πρέπει να ορίζει το ύψος της ενότητας: με
   height:100% μέσα σε κουτί αόριστου ύψους έπαιρνε το φυσικό της ύψος και
   τράβαγε την ενότητα πέρα από την οθόνη. Βγαίνει εκτός ροής. */
.sk-split>.sk-media img,.sk-split--suite>.sk-media img,.sk-split--offer>.sk-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------------------------------------------------------------- χάρτης
   Google embed χωρίς δικό του σημάδι, με χρυσό pin που φέρει το σήμα. */
.sk-site .sk-map--premium{position:relative;height:auto;min-height:0;filter:none;background:var(--paper);padding:0;border-top:1px solid var(--rule)}
.sk-map--premium .sk-map-frame{position:relative;height:clamp(420px,62vh,620px);overflow:hidden}
.sk-map--premium iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) sepia(.22) contrast(.9) brightness(1.04);transition:filter .8s var(--ease)}
.sk-map--premium:hover iframe,.sk-map--premium:focus-within iframe{filter:grayscale(.25) sepia(.06) contrast(.96)}
.sk-map-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);pointer-events:none;z-index:3;display:grid;place-items:center}
.sk-map-pin{display:block;filter:drop-shadow(0 10px 18px rgba(27,23,19,.35))}
.sk-map-halo{position:absolute;left:50%;bottom:-6px;width:74px;height:74px;margin-left:-37px;border-radius:50%;
  background:radial-gradient(circle,rgba(140,113,69,.30) 0%,rgba(140,113,69,.12) 45%,transparent 70%)}
@media(prefers-reduced-motion:no-preference){
  .sk-map-halo{animation:sk-map-pulse 3.4s ease-in-out infinite}
}
@keyframes sk-map-pulse{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.18);opacity:.35}}
.sk-map-card{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(16px,4vh,44px);z-index:4;max-width:340px;
  background:var(--paper);border:1px solid var(--rule-strong);padding:clamp(20px,2.4vw,28px)}
.sk-map-card .sk-label{margin:0 0 10px}
.sk-map-addr{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--ink)}
.sk-map-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.sk-map-actions .sk-btn{margin:0}
@media(max-width:700px){
  .sk-map--premium .sk-map-frame{height:clamp(320px,52vh,460px)}
  .sk-map-card{position:static;max-width:none;border-left:0;border-right:0;border-bottom:0}
  .sk-map-pin{width:56px;height:78px}
}

/* Δύο στήλες δίπλα δίπλα: η δεξιά κρατά απόσταση από την πλαϊνή περιήγηση. */
@media(min-width:1101px){
  .sk-pair3-col+.sk-pair3-col{padding-right:clamp(28px,3vw,56px)}
}

/* Με τα πόδια: λίστα αξιοθέατων αριστερά, πλέγμα φωτογραφιών δεξιά. */
.sk-edit--walk .sk-edit-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,3vw,52px);align-items:start;max-width:none}
.sk-edit--walk .sk-rows>div{grid-template-columns:minmax(0,.95fr) minmax(0,1.5fr);gap:6px 28px}
.sk-edit--walk .sk-walk-list{min-width:0}
.sk-walk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,.9vw,14px);min-width:0}
.sk-walk-grid figure{margin:0;min-width:0}
.sk-walk-grid .sk-media{aspect-ratio:4 / 3}
.sk-walk-grid .sk-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
  .sk-edit--walk .sk-edit-body{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}
  .sk-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Λίστα μέσα σε στήλη: μικρή ανάσα πριν την επόμενη πρόταση. */
.sk-pair3-col .sk-rows+p{margin-top:var(--s-1)}

/* Μήνυμα σφάλματος της φόρμας. */
.sk-form-error{margin:0;color:#8a2f2f;font-size:15px;line-height:1.6}
.sk-form-error a{text-decoration:underline}

/* Ωράριο του wine bar στο υποσέλιδο. */
.sk-footer-grid{grid-template-columns:1.1fr .85fr 1fr 1fr}
.sk-footer-hours-title{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--sekeria-stone);margin:0 0 14px}
.sk-footer-hours dl{margin:0}
.sk-footer-hours dl>div+div{margin-top:10px}
.sk-footer-hours dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sekeria-stone)}
.sk-footer-hours dd{margin:2px 0 0;font-size:14px;color:var(--sekeria-ivory);font-variant-numeric:tabular-nums}
@media(max-width:1100px){
  .sk-footer-grid{grid-template-columns:1fr 1fr;gap:var(--s-2) clamp(24px,4vw,64px)}
}
@media(max-width:700px){
  .sk-footer-grid{grid-template-columns:minmax(0,1fr)}
}