/* ============================================================
   HOME — Aegean palette
   The gateway alone moves to the chalk / navy / copper palette
   proven in concept B. Loaded only by index.html (EN and FR), so
   every other page keeps the espresso-and-brass look. Layout,
   type and motion are untouched — this sheet swaps colour, and
   gold survives in exactly one place: the Olympia mark itself.
   Scoped under body.aegean so a shared component is never
   recoloured anywhere else by accident.
   ============================================================ */
/* the dark theme paints a full-viewport espresso mist via body::before —
   on the chalk gateway it blacked out the whole page from underneath */
body.aegean::before{ background:none; }

body.aegean{
  --aeg-chalk:   #F7F3EA;
  --aeg-chalk-2: #EFE9DB;
  --aeg-ink:     #1C2B45;
  --aeg-ink-2:   #33455F;
  --aeg-copper:  #B4622D;
  --aeg-copper-2:#8E4C20;   /* AA on chalk  */
  --aeg-copper-l:#E2A87C;   /* on navy scrim */
  --aeg-line:    rgba(28,43,69,.16);

  background: var(--aeg-chalk);
  color: var(--aeg-ink);
}

/* ---------- loader ---------- */
body.aegean .loader{ background: var(--aeg-chalk); }

/* ---------- gateway header on chalk ---------- */
body.aegean .site-head--gateway .brand__word{ color: var(--aeg-ink); }
/* the one deliberate gold survivor: the mark, and the brand's italic m */
body.aegean .nav--gateway a{ color: var(--aeg-ink-2); }
body.aegean .nav--gateway a:hover{ color: var(--aeg-ink); }
body.aegean .nav--gateway a::after{ background: var(--aeg-copper); }
body.aegean .lang-switch{ color: var(--aeg-ink-2) !important;
  border-color: var(--aeg-line) !important; }
body.aegean .lang-switch:hover{ color: var(--aeg-copper-2) !important; }
body.aegean .burger span{ background: var(--aeg-ink); }
body.aegean .site-head.is-scrolled{
  background: rgba(247,243,234,.88);
  border-bottom: 1px solid var(--aeg-line);
  box-shadow: 0 18px 40px -30px rgba(28,43,69,.35);
}

/* ---------- the gate ---------- */
body.aegean .gate{ background: var(--aeg-chalk); }
body.aegean .gate__intro .eyebrow{ color: var(--aeg-copper-2); }
body.aegean .gate__intro .eyebrow::before,
body.aegean .gate__intro .eyebrow::after{ background: var(--aeg-copper); }
body.aegean .gate__intro .h-1{ color: var(--aeg-ink); }
body.aegean .gate__intro .h-1 em{ color: var(--aeg-copper-2); }
body.aegean .gate__intro p{ color: var(--aeg-ink-2); }

/* panels keep their photographs; only the scrim changes tint —
   espresso smoke becomes deep sea */
body.aegean .gpanel::after{
  background: linear-gradient(to top,
    rgba(16,25,42,.95) 0%, rgba(16,25,42,.9) 26%,
    rgba(16,25,42,.62) 48%, rgba(16,25,42,.26) 78%, rgba(16,25,42,.38) 100%);
}
body.aegean .gpanel__body::before{
  background: linear-gradient(to top,
    rgba(16,25,42,.94) 0%, rgba(16,25,42,.9) 62%, rgba(16,25,42,0) 100%);
}
body.aegean .gpanel + .gpanel{ box-shadow: inset 1px 0 0 rgba(247,243,234,.18); }
body.aegean .gpanel__eyebrow{ color: var(--aeg-copper-l); }
body.aegean .gpanel__go{ border-color: rgba(247,243,234,.45); }
body.aegean .gpanel:hover .gpanel__go,
body.aegean .gpanel:focus-visible .gpanel__go{
  background: var(--aeg-copper); border-color: var(--aeg-copper); color: #FFF7EC;
}
body.aegean .gpanel:focus-visible{ outline-color: var(--aeg-copper); }

/* facts strip */
body.aegean .gate__facts{ color: var(--aeg-ink-2); }
body.aegean .gate__facts span{ color: var(--aeg-ink-2); }
body.aegean .gate__facts b{ color: var(--aeg-ink); }
body.aegean .gate__facts a{ color: var(--aeg-copper-2);
  border-bottom-color: rgba(142,76,32,.35); }
body.aegean .gate__facts a:hover{ color: var(--aeg-ink); border-color: var(--aeg-ink); }

/* ---------- footer goes navy instead of espresso ---------- */
body.aegean .footer{ background: var(--aeg-ink) !important; color: #C7CFDC; }
body.aegean .footer .body-m{ color: #B9C3D4; }
body.aegean .footer h5{ color: var(--aeg-copper-l); }
body.aegean .footer ul a{ color: #C7CFDC; }
body.aegean .footer ul a:hover{ color: #FFFFFF; }
body.aegean .footer__mark b{ color: #F1EDE2; }
body.aegean .footer__gateway{ color: var(--aeg-copper-l); }
body.aegean .footer__gateway:hover{ color: #FFFFFF; }
body.aegean .footer__base{ color: #8FA0B8; border-top-color: rgba(247,243,234,.14); }
body.aegean .footer__base span{ color: #8FA0B8; }

/* ---------- mobile drawer in navy ---------- */
body.aegean .m-nav{ background: var(--aeg-ink); }
body.aegean .m-nav a{ color: #E8E3D6; }
body.aegean .m-nav a em{ color: var(--aeg-copper-l); }
body.aegean .m-nav__where{ color: #F1EDE2;
  border-bottom-color: rgba(247,243,234,.16); }
body.aegean .m-nav__xo{ border-top-color: rgba(247,243,234,.16); }
body.aegean .m-nav__xo-head{ color: var(--aeg-copper-l); }
body.aegean .m-nav .xo__item b{ color: #F1EDE2; }
body.aegean .m-nav .xo__item i{ color: #9DACC2; }
body.aegean .m-nav .xo__item:hover,
body.aegean .m-nav .xo__item[aria-current="true"]{ background: rgba(226,168,124,.14); }
body.aegean .m-nav__meta span{ color: #8FA0B8; }

/* ============================================================
   THE BARE GATE
   The homepage is now only three things: the mark, the word,
   and three doors. Everything it used to say, the journey pages
   say better — so the page holds its breath instead.
   ============================================================ */
body.aegean .bare{
  min-height:100svh; display:flex; flex-direction:column;
  justify-content:center; align-items:center; text-align:center;
  gap:clamp(44px,8vh,84px); padding:clamp(32px,6vh,64px) clamp(20px,5vw,64px);
}
body.aegean .bare__brand{ display:flex; flex-direction:column; align-items:center; gap:16px; }
body.aegean .bare__brand img{ width:clamp(40px,4vw,52px); height:auto; }
body.aegean .bare__word{
  font-family:var(--font-display); font-weight:500; letter-spacing:.3em;
  text-transform:uppercase; font-size:clamp(24px,2.6vw,34px); color:var(--aeg-ink);
  padding-left:.3em;   /* optically recentre the tracked word */
}
body.aegean .bare__word em{ font-style:italic; color:var(--logo-gold, #C9A35C); }  /* the logo keeps its gold */

body.aegean .bare__doors{
  display:flex; justify-content:center; align-items:flex-start;
  gap:clamp(34px,7vw,110px); flex-wrap:wrap;
}
body.aegean .bdoor{ display:flex; flex-direction:column; align-items:center;
  gap:22px; }
body.aegean .bdoor__ring{
  display:block; position:relative; width:clamp(160px,16vw,210px); aspect-ratio:1;
  border-radius:50%; padding:10px; border:1px solid var(--aeg-line);
  transition:transform .5s cubic-bezier(.2,.8,.2,1), border-color .5s;
}
body.aegean .bdoor__ring::after{
  content:""; position:absolute; inset:-8px; border-radius:50%;
  border:2px solid var(--aeg-copper); opacity:0; transform:scale(.94);
  transition:opacity .5s, transform .5s cubic-bezier(.2,.8,.2,1);
}
body.aegean .bdoor__ring img{ width:100%; height:100%; object-fit:cover;
  border-radius:50%; filter:saturate(.94); transition:filter .5s; }
body.aegean .bdoor:hover .bdoor__ring,
body.aegean .bdoor:focus-visible .bdoor__ring{ transform:translateY(-8px); }
body.aegean .bdoor:hover .bdoor__ring::after,
body.aegean .bdoor:focus-visible .bdoor__ring::after{ opacity:1; transform:scale(1); }
body.aegean .bdoor:hover .bdoor__ring img{ filter:saturate(1.06); }
body.aegean .bdoor__name{
  font-family:var(--font-ui); font-weight:600; font-size:clamp(12px,1.05vw,14px);
  letter-spacing:.22em; text-transform:uppercase; color:var(--aeg-ink);
  white-space:nowrap;   /* three labels, three single lines, one shared baseline */
  border-bottom:1px solid transparent; padding-bottom:4px;
  transition:color .35s, border-color .35s;
}
body.aegean .bdoor:hover .bdoor__name,
body.aegean .bdoor:focus-visible .bdoor__name{
  color:var(--aeg-copper-2); border-bottom-color:var(--aeg-copper);
}
body.aegean .bdoor:focus-visible{ outline:2px solid var(--aeg-copper); outline-offset:6px;
  border-radius:6px; }

/* the one piece of chrome that survives: the language toggle */
body.aegean .bare-lang{
  position:fixed; top:22px; right:clamp(20px,4vw,44px); z-index:10;
  font-family:var(--font-ui); font-size:11px; letter-spacing:.18em;
  color:var(--aeg-ink-2); border:1px solid var(--aeg-line); border-radius:2px;
  padding:8px 12px; transition:color .3s, border-color .3s;
}
body.aegean .bare-lang:hover{ color:var(--aeg-copper-2); border-color:var(--aeg-copper); }

@media (max-width:640px){
  body.aegean .bare{ gap:36px; justify-content:center; }
  body.aegean .bare__doors{ flex-direction:column; align-items:center; gap:30px; }
  body.aegean .bdoor{ flex-direction:row; text-align:left; gap:20px;
    width:min(360px,86vw); }
  body.aegean .bdoor__ring{ width:96px; flex-shrink:0; padding:6px; }
  body.aegean .bdoor:hover .bdoor__ring{ transform:none; }
}