/* Ride with Dimitris — Blog (tokens mirror index.html) */
:root{
  --sea:#0b3a5e;--sea-2:#0e4d78;--sky:#2b83b8;--gold:#c6a24a;--gold-2:#b0872f;--gold-ink:#7e6019;--gold-soft:#e7d3a1;
  --ink:#0c1b2a;--white:#fff;--paper:#f6f9fb;--paper-2:#eef4f8;--line:#dde7ee;--muted:#5b6b78;
  --shadow:0 18px 50px -20px rgba(11,58,94,.35);--shadow-sm:0 6px 20px -10px rgba(11,58,94,.28);
  --r:16px;--r-sm:12px;--r-pill:999px;--maxw:1200px;
  --ff-d:"Cormorant Garamond",Georgia,serif;--ff-b:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ff-b);color:var(--ink);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--ff-d);font-weight:600;line-height:1.1;letter-spacing:.01em;text-wrap:balance}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#2a1e05;font-weight:600;padding:10px 16px;border-radius:var(--r-sm)}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.bwrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.bnarrow{max-width:760px;margin:0 auto;padding:0 22px}

/* buttons */
.bbtn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:600;font-size:.95rem;padding:.8em 1.4em;border-radius:var(--r-pill);border:1.5px solid transparent;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,background .25s}
.bbtn-wa{background:#25d366;color:#063d1f}
.bbtn-wa:hover{box-shadow:0 14px 30px -10px rgba(37,211,102,.6);transform:translateY(-2px)}
.bbtn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.bbtn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* header */
.bhdr{position:sticky;top:0;z-index:50;background:rgba(11,58,94,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.bhdr-in{display:flex;align-items:center;gap:18px;min-height:70px}
.bbrand{display:flex;align-items:center;gap:12px;color:#fff;flex:none}
.bbrand img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 1px rgba(198,162,74,.55)}
.bbrand-txt{display:none;line-height:1.1}
.bbrand-txt b{display:block;font-family:var(--ff-d);font-size:1.15rem;letter-spacing:.02em}
.bbrand-txt small{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;opacity:.8}
.bnav{display:none;gap:24px;margin-left:10px}
.bnav a{color:#fff;opacity:.9;font-weight:500;font-size:.95rem;position:relative;padding:4px 0}
.bnav a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--gold);transition:right .3s}
.bnav a:hover::after,.bnav a[aria-current="page"]::after{right:0}
.bhdr-cta{display:none;margin-left:auto;padding:.6em 1.2em;font-size:.88rem}
.bmenu{margin-left:auto;position:relative}
.bmenu summary{list-style:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.bmenu summary::-webkit-details-marker{display:none}
.bmenu summary span{width:20px;height:2px;background:#fff;border-radius:2px}
.bmenu-panel{position:absolute;right:0;top:54px;width:min(280px,calc(100vw - 32px));background:var(--sea);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);box-shadow:var(--shadow);padding:10px 18px 18px;display:flex;flex-direction:column}
.bmenu-panel a{color:#fff;font-family:var(--ff-d);font-size:1.3rem;font-weight:600;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bmenu-panel .bbtn{margin-top:14px;border-bottom:0;font-family:var(--ff-b);font-size:.95rem}
@media(min-width:600px){.bbrand-txt{display:block}}
@media(min-width:900px){.bnav{display:flex}.bhdr-cta{display:inline-flex}.bmenu{display:none}}

/* index hero */
.bhero{background:linear-gradient(180deg,var(--paper) 0%,var(--white) 100%);padding:64px 0 34px;border-bottom:1px solid var(--line)}
.beyebrow,.bcat{font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;color:var(--gold-ink)}
.bhero h1{font-size:clamp(2.3rem,6vw,3.8rem);color:var(--sea);margin:10px 0 14px;max-width:16ch}
.bhero p{max-width:40em;color:var(--muted);font-size:1.08rem;text-wrap:pretty}
.bindex{padding:44px 22px 70px}

/* featured */
.bfeatured{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s}
.bfeatured:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.bfeatured-media{background:linear-gradient(140deg,var(--sky),var(--sea));aspect-ratio:16/10;overflow:hidden}
.bfeatured-media img{width:100%;height:100%;object-fit:cover}
.bfeatured-body{padding:26px 24px 28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.bfeatured-body h2{font-size:clamp(1.7rem,3.4vw,2.5rem);color:var(--sea)}
.bfeatured-body p{color:#2b3a47;text-wrap:pretty}
.bread{font-weight:600;color:var(--sky);font-size:.95rem}
@media(min-width:900px){.bfeatured{grid-template-columns:1.15fr 1fr}.bfeatured-media{aspect-ratio:auto;min-height:380px}.bfeatured-body{padding:40px}}

/* grid + cards */
.bsection{margin-top:56px}
.bsection-h{font-size:clamp(1.7rem,3.2vw,2.3rem);color:var(--sea);margin-bottom:22px}
.bgrid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:640px){.bgrid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .3s,transform .3s}
.bcard:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.bcard-media{aspect-ratio:16/10;background:linear-gradient(140deg,var(--sky),var(--sea));overflow:hidden;display:grid;place-items:center}
.bcard-media img{width:100%;height:100%;object-fit:cover}
.bcard-fallback{color:var(--gold-soft);font-family:var(--ff-d);font-size:1.4rem}
.bcard-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.bcard-title{font-size:1.45rem;color:var(--ink)}
.bmeta{color:var(--muted);font-size:.86rem}
.bempty{text-align:center;padding:60px 20px;max-width:34em;margin:0 auto}
.bempty h1,.bempty h2{font-size:2rem;color:var(--sea);margin-bottom:10px}
.bempty p{color:var(--muted)}
.bempty a{color:var(--sky);font-weight:600}

/* article */
.barticle{padding:34px 0 20px}
.bcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.84rem;color:var(--muted);margin-bottom:26px}
.bcrumbs a{color:var(--sky)}
.bcrumbs [aria-current]{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32ch}
.barticle-top{display:flex;gap:14px;align-items:center}
.barticle h1{font-size:clamp(2.2rem,5.4vw,3.4rem);color:var(--sea);margin:12px 0 14px}
.bdek{font-size:1.18rem;color:var(--muted);text-wrap:pretty}
.bbyline{display:flex;align-items:center;gap:12px;margin:20px 0 6px;font-size:.92rem;color:var(--muted)}
.bbyline img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.bbyline span{color:var(--ink);font-weight:600}
.bbyline span+time::before{content:"·";margin-right:12px;color:var(--muted)}
.bcover{max-width:1040px;margin:26px auto 8px;padding:0 22px}
.bcover img{width:100%;border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;background:var(--paper-2)}

/* prose — the sanitized Kedauros body */
.bprose{padding-top:22px;padding-bottom:40px;font-size:1.08rem;line-height:1.8;color:#1f2f3d;overflow-wrap:break-word}
.bprose>*+*{margin-top:1.1em}
.bprose h2{font-size:clamp(1.7rem,3.4vw,2.2rem);color:var(--sea);margin-top:1.8em}
.bprose h3{font-family:var(--ff-b);font-size:1.18rem;font-weight:700;color:var(--ink);margin-top:1.5em;letter-spacing:0}
.bprose h4,.bprose h5,.bprose h6{font-size:1.02rem;margin-top:1.3em}
.bprose a{color:var(--sky);text-decoration:underline;text-underline-offset:3px}
.bprose ul,.bprose ol{padding-left:1.4em}
.bprose li+li{margin-top:.4em}
.bprose li::marker{color:var(--gold-2)}
.bprose blockquote{border-left:3px solid var(--gold);padding:.2em 0 .2em 1.1em;font-family:var(--ff-d);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--sea)}
.bprose img{border-radius:var(--r-sm);height:auto}
.bprose figure{margin-top:1.6em}
.bprose figcaption{font-size:.86rem;color:var(--muted);margin-top:8px;text-align:center}
.bprose hr{border:0;height:1px;background:var(--line);margin:2em 0}
.bprose code{font-size:.92em;background:var(--paper-2);padding:.1em .35em;border-radius:6px}
.bprose pre{background:var(--paper-2);padding:16px;border-radius:var(--r-sm);overflow-x:auto}
.bprose table{width:100%;border-collapse:collapse;font-size:.96rem;display:block;overflow-x:auto}
.bprose th,.bprose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.bprose th{background:var(--paper);font-weight:600}

/* booking band */
.bcta{background:linear-gradient(160deg,var(--sea),#0a3350);color:#fff;text-align:center;padding:64px 0}
.bcta-emblem{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;box-shadow:0 0 0 2px var(--gold-soft)}
.bcta h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.bcta p{max-width:36em;margin:12px auto 24px;opacity:.88}
.bcta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

.brelated{background:var(--paper);padding:56px 0 64px}

/* footer (mirrors the homepage) */
.bfoot{background:var(--ink);color:rgba(255,255,255,.8);padding:110px 0 26px;position:relative;overflow:hidden;isolation:isolate}
.bfoot-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.bfoot-sky img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.bfoot-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,27,42,.3) 0%,rgba(12,27,42,.62) 40%,rgba(12,27,42,.86) 72%,rgba(12,27,42,.95) 100%)}
.bfoot .bwrap{position:relative;z-index:1}
.bfoot-grid{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:760px){.bfoot-grid{grid-template-columns:1.6fr 1fr 1fr}}
.bfoot-logo{width:64px;height:64px;border-radius:50%;margin-bottom:14px;box-shadow:0 0 0 1px rgba(198,162,74,.35)}
.bfoot p{max-width:30em;font-size:.94rem}
.bfoot-h{color:#fff;font-family:var(--ff-b);font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.bfoot a{display:block;padding:5px 0;transition:color .2s}
.bfoot a:hover{color:var(--gold-soft)}
.bfoot-note{display:block;padding:5px 0;font-size:.94rem}
.bfoot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;font-size:.82rem}
.bfoot-bottom a{display:inline}
.agency{color:rgba(255,255,255,.5)}
.agency a{color:var(--gold-soft)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}