@font-face{font-family:"Noto Serif";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/noto-500.woff2) format("woff2")}
@font-face{font-family:"Noto Serif";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/noto-italic-500.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ss3-400.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ss3-600.woff2) format("woff2")}
:root{
  --ink:#0E0D0C; --ink2:#151B16; --cream:#F8F4EB; --body:#C8C1B5;
  --muted:#ADA69A; --faint:#8A8377; --gold:#C9A24B; --gold-l:#E0BC6B;
  --paper:#DFD8C6; --sage:#5A6E5C; --sage-d:#3C4E3F; --paper-ink:#1A1714; --paper-body:#4A443B;
  --serif:"Noto Serif",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Helvetica Neue",Helvetica,Arial,sans-serif;
  --pad:20px; --maxw:1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--gold-l)}
h1,h2,h3{font-weight:500;margin:0;text-wrap:pretty}
h1,h2{font-family:var(--serif);letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font-size:10.5px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;
  text-decoration:none;font-size:17px;font-weight:600;border-radius:2px;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:#D9B25C}
.btn-line{color:var(--cream);border-color:rgba(248,244,235,.45)}
.btn-line:hover{border-color:var(--cream)}
.btn-gline{color:var(--gold-l);border-color:var(--gold)}
.btn-gline:hover{background:rgba(201,162,75,.1)}
.lnk{display:inline-block;font-size:16px;font-weight:600;color:var(--gold-l);text-decoration:none;
  border-bottom:1px solid rgba(224,188,107,.5);padding-bottom:3px}
.lnk:hover{color:#F2D79A;border-color:#F2D79A}
.band{background:var(--ink2)}

/* ανεστραμμένη ζώνη: κρεμ φόντο, sage τόνοι */
.light{background:var(--ink);color:var(--paper-ink);padding:28px 12px}
.light>.wrap{background:var(--paper);border-radius:3px;padding:38px 20px 42px}
.light h1,.light h2,.light h3{color:var(--paper-ink)}
.light p{color:var(--paper-body)}
.light .eyebrow{color:var(--sage)}
.light a{color:var(--sage-d)}
.light .lnk{color:var(--sage-d);border-bottom-color:rgba(60,78,63,.45)}
.light .lnk:hover{color:#2C3B2E;border-color:#2C3B2E}
.light blockquote{color:var(--paper-ink)}
.light figcaption{color:var(--sage)}
.light li{color:var(--paper-ink)}
.light .checks li{color:var(--paper-ink);border-top-color:rgba(26,23,20,.16)}
.light .checks li:last-child{border-bottom-color:rgba(26,23,20,.16)}
.light .checks li svg{stroke:var(--sage)}
.light .kicker{color:var(--sage-d)}
.light .nos{color:var(--paper-ink)}
.light .pillar{border-top-color:rgba(26,23,20,.16)}
.light .pillar:last-child{border-bottom-color:rgba(26,23,20,.16)}
.light .pillar b{color:var(--sage-d)}
.light .pillar span{color:var(--paper-body)}
.light .revs figure{border-top-color:rgba(60,78,63,.4);border-bottom-color:rgba(26,23,20,.14)}
.light .sh{color:var(--paper-ink)}
/* σκούρα πλάκα πάνω στη νησίδα — το κουτί της τιμής */
.light .card{background:var(--ink);color:var(--cream);border-color:rgba(201,162,75,.35)}
.light .card h3{color:var(--cream)}
.light .card p,.light .card li{color:#E8E2D7}
.light .card .prow b{color:var(--gold-l)}
.light .card .prow span{color:var(--body)}
.light .card .lead{color:var(--muted)}
.light .card .ask{color:var(--muted)}

.hdr{border-bottom:1px solid rgba(248,244,235,.08)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:14px}
.mark{display:block;line-height:0}
.mark img{height:46px;width:auto}
.flogo{width:188px;height:auto}
.hdr nav{display:none;align-items:center;gap:24px}
.hdr nav a.t{font-size:15px;color:var(--body);text-decoration:none}
.hdr nav a.t:hover{color:var(--cream)}
.hdr .btn{min-height:44px;padding:0 20px;font-size:15px}

.hero-img{width:100%;height:clamp(300px,52vw,430px);object-fit:cover;object-position:50% 42%}
.hero-shade{position:relative}
.hero-shade::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(14,13,12,.2),rgba(14,13,12,.55) 55%,var(--ink))}
.hero-media{display:none}
.hero-txt{position:relative;margin-top:-72px;display:flex;flex-direction:column;gap:18px;padding-bottom:44px}
.hero-txt h1{font-size:clamp(28px,7.4vw,40px);line-height:1.14}
.hero-txt h1 em{color:var(--gold-l);font-style:italic}
.hero-sub{font-size:17px;color:var(--body)}
.hero-seo{font-size:14.5px;color:var(--faint);line-height:1.55}
.rule{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:14px 0;
  border-top:1px solid rgba(201,162,75,.3);border-bottom:1px solid rgba(201,162,75,.3)}
.rule i{font-style:normal;font-size:12.5px;letter-spacing:.12em;color:var(--gold-l);text-transform:uppercase}
.rule s{text-decoration:none;color:#6B6459}
.cta{display:flex;flex-direction:column;gap:10px}
.cta .btn{width:100%}
.micro{font-size:13px;color:var(--faint);text-align:center}

section{padding-top:46px;padding-bottom:46px}
.sh{font-size:clamp(27px,7.2vw,34px);line-height:1.18;margin-bottom:24px}
.checks{margin:0;padding:0;list-style:none}
.checks li{display:flex;gap:13px;padding:14px 0;border-top:1px solid rgba(248,244,235,.1);font-size:16px;line-height:1.5;color:#E8E2D7}
.checks li:last-child{border-bottom:1px solid rgba(248,244,235,.1)}
.checks svg{flex:none;margin-top:4px}
.kicker{margin-top:22px;font-family:var(--serif);font-size:22px;line-height:1.38;color:var(--gold-l);font-style:italic}
.port{width:100%;height:300px;object-fit:cover;border-radius:2px}
.lede{font-family:var(--serif);font-size:clamp(25px,6.6vw,30px);line-height:1.26;color:var(--cream)}
.nos{font-size:17px;line-height:1.75;color:#E8E2D7;font-weight:600}
.steps{display:flex;flex-direction:column;gap:30px}
.step{display:flex;flex-direction:column;gap:9px}
.step b{font-family:var(--serif);font-size:32px;line-height:1;color:var(--gold);font-weight:500}
.step h3{font-size:18px;font-weight:600;font-family:var(--sans)}
.step p{font-size:16px;line-height:1.62;color:var(--muted)}
.alone{border-top:1px solid rgba(201,162,75,.35);border-bottom:1px solid rgba(201,162,75,.35);
  padding:30px 0;margin-top:36px;display:flex;flex-direction:column;gap:12px}
.alone h3{font-family:var(--serif);font-size:clamp(24px,6.4vw,30px);line-height:1.22;font-weight:500}
.alone p{font-size:16.5px;line-height:1.65;color:var(--body)}
.quotes{display:flex;flex-direction:column;gap:26px}
figure{margin:0;padding-bottom:24px;border-bottom:1px solid rgba(248,244,235,.1)}
figure:last-child{padding-bottom:0;border-bottom:0}
blockquote{margin:0;font-family:var(--serif);font-size:22px;line-height:1.44;font-style:italic;color:var(--cream)}
figcaption{margin-top:12px;font-size:12.5px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:8px}
.grid4 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.addr{margin-top:28px;padding-top:24px;border-top:1px solid rgba(248,244,235,.12);display:flex;flex-direction:column;gap:10px}
.addr p{font-size:16px;line-height:1.5;color:#E8E2D7}
.addr p.park{font-size:15px;color:var(--gold-l);font-style:italic}
.hours{border-collapse:collapse;font-size:15px;line-height:1.5}
.hours th{text-align:left;font-weight:400;color:var(--muted);padding:3px 18px 3px 0;white-space:nowrap}
.hours td{text-align:left;color:#E8E2D7;padding:3px 0;white-space:nowrap}
.hours td.shut{color:var(--faint)}
.social{display:flex;gap:18px}
.social a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
footer{background:var(--ink2);border-top:1px solid rgba(248,244,235,.08);padding:30px 0 34px}
footer .wrap{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.fine{font-size:13px;color:var(--faint)}
.fnav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.fnav a{color:var(--muted);text-decoration:none}
.fnav a:hover{color:var(--gold-l)}

.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:1px;
  background:rgba(201,162,75,.3);border-top:1px solid rgba(201,162,75,.45);
  padding-bottom:env(safe-area-inset-bottom)}
.bar a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;
  text-decoration:none;font-size:16px;font-weight:600}
.bar .v{background:var(--gold);color:var(--ink)}
.bar .p{background:#171512;color:var(--cream)}
.barpad{height:60px}

@media (min-width:860px){
  :root{--pad:40px}
  .hdr nav{display:flex}
  .mark img{height:56px}
  .flogo{width:210px}
  section{padding-top:68px;padding-bottom:68px}
  .light{padding:40px 24px}
  .light>.wrap{padding:58px 48px 62px}
  .sh{margin-bottom:40px}
  .hero{padding-top:58px;padding-bottom:68px}
  .hero .wrap{display:flex;gap:56px;align-items:center}
  .hero-col{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
  .hero-media{display:block;flex:1 1 380px;min-width:0}
  .hero-shade{display:none}
  .hero-media img{width:100%;height:560px;object-fit:cover;object-position:50% 42%;border-radius:2px}
  .hero-txt{margin-top:0;padding-bottom:0}
  .hero-txt h1{font-size:52px;line-height:1.1}
  .hero-sub{font-size:19px;max-width:52ch}
  .hero-seo{font-size:15px;max-width:54ch}
  .rule i{font-size:13px}
  .cta{flex-direction:row;flex-wrap:wrap}
  .cta .btn-gold{order:2;background:transparent;color:var(--cream);border-color:rgba(248,244,235,.45)}
  .cta .btn-gold:hover{background:transparent;border-color:var(--cream)}
  .cta .btn-gold svg{stroke:var(--cream)}
  .cta .btn-line{order:1;background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .cta .btn-line:hover{background:#D9B25C}
  .cta .btn-line svg{stroke:var(--ink)}
  .cta .micro{order:3;flex:1 1 100%}
  .cta .btn{width:auto;padding:0 30px}
  .micro{text-align:left}
  .two{display:flex;gap:56px;align-items:center}
  .two>*{flex:1 1 380px;min-width:0}
  .two.top{align-items:flex-start}
  .port{height:430px}
  .checks li{font-size:17px;padding:16px 0}
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:44px}
  .step b{font-size:38px}
  .step h3{font-size:19px}
  .step p{font-size:17px}
  .alone{margin-top:48px;padding:34px 0;align-items:center;text-align:center}
  .alone p{max-width:66ch;font-size:17.5px}
  .pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-top:40px}
  .pair img{width:100%;height:340px;object-fit:cover;border-radius:2px}
  .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:36px}
  figure{padding:22px 0 0;border-bottom:0;border-top:1px solid rgba(201,162,75,.4)}
  blockquote{font-size:24px}
  .grid4{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
  .body-lg{font-size:18px;line-height:1.7;max-width:60ch}
  .nos{font-size:18.5px}
  .kicker{font-size:24px}
  .addr{border-top:0;padding-top:0;margin-top:0}
  footer .wrap{flex-direction:row;justify-content:space-between;text-align:left;gap:24px}
  .bar,.barpad{display:none}
}