/* ═══════════════ ΒΙΟΓΡΑΦΙΚΟ ═══════════════ */

/* Πορτρέτο στη ζώνη του hero: σβήνει προς το κείμενο, όπως στην Αρχική */
.phero .bg img{width:100%;height:100%;object-fit:cover;object-position:52% 16%;filter:saturate(.92)}
.phero .bg::before{background:linear-gradient(90deg,var(--ink) 0%,color-mix(in oklch,var(--ink) 88%,transparent) 26%,transparent 80%)}

/* Πρώτη ζώνη: μεγάλη δήλωση, όχι εισαγωγική παράγραφος */
.statement{padding-block:clamp(72px,9vw,120px)}
.statement q{
  font-family:var(--display);font-weight:700;text-transform:uppercase;quotes:none;display:block;
  font-size:clamp(30px,4.6vw,64px);line-height:1.06;letter-spacing:.004em;max-width:none;
}

/* Αφήγηση: πορτρέτο αριστερά (sticky), κείμενο δεξιά */
.story{padding-bottom:clamp(72px,9vw,120px)}
.story-in{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(36px,5vw,84px);align-items:start}
.shot{position:sticky;top:40px;margin:0}
.shot img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}
.shot figcaption{margin-top:14px;font-family:var(--display);font-weight:500;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--gold);padding-top:10px;display:inline-block}
.story h2{font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(24px,2.4vw,34px);line-height:1;margin:52px 0 20px;padding-top:26px;border-top:2px solid var(--rule)}
.story h2:first-of-type{margin-top:0;padding-top:0;border-top:0}
.story h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(16px,1.5vw,19px);
  letter-spacing:.04em;line-height:1.15;margin:30px 0 10px;color:var(--green-dk)}
.story h3::before{content:"";display:inline-block;width:18px;height:2px;background:var(--gold);
  vertical-align:middle;margin-right:10px;transform:translateY(-2px)}
.story p{margin-bottom:16px;max-width:62ch}
.story .lead{font-size:clamp(18px,1.5vw,21px);line-height:1.5;font-weight:500;color:var(--fg)}
.story .hl{font-weight:600}

/* Σταθμοί: αριθμημένες γραμμές σε μελάνι */
.path{background:var(--ink);color:#fff;padding-block:clamp(76px,9vw,120px)}
.path h2{font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(34px,4vw,58px);line-height:.95;margin:16px 0 52px;color:#fff;max-width:16ch}
.step{display:grid;grid-template-columns:120px 1fr 1.2fr;gap:clamp(20px,4vw,60px);align-items:baseline;
  padding-block:34px;border-top:1px solid rgba(255,255,255,.14)}
.step:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.step .yr{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.14em;color:var(--gold)}
.step h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(20px,2.1vw,28px);line-height:1.05;color:#fff}
.step p{color:rgba(255,255,255,.62);font-size:16px;margin:0}

/* Αξίες */
.values{padding-block:clamp(76px,9vw,120px)}
.val-lead{margin-top:24px;max-width:64ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--muted)}
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3.5vw,56px);margin-top:48px}
.val{border-top:3px solid var(--green)}
.val:nth-child(2){border-top-color:var(--gold)}
.val .n{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.13em;color:var(--muted);margin-top:22px;display:block}
.val h3{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(22px,2.2vw,30px);line-height:1.05;margin:10px 0 12px}
.val p{color:var(--muted);font-size:16px}

/* Κλείσιμο: φωτό full-bleed + πρόσκληση */
.closing{position:relative;padding-block:clamp(80px,10vw,130px);color:#fff;text-align:center;display:grid;place-items:center;min-height:52svh}
.closing .photo{position:absolute;inset:0;z-index:0}
.closing .photo::before{content:"";position:absolute;inset:0;z-index:2;background:color-mix(in oklch,var(--ink) 76%,transparent)}
.closing .photo::after{opacity:.5}
.closing-in{position:relative;z-index:3}
.closing h2{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(28px,3.8vw,54px);line-height:1;color:#fff;max-width:18ch;margin-inline:auto}
.closing .cta{margin-top:34px}

@media (max-width:1024px){
  .story-in{grid-template-columns:1fr;gap:36px}
  .shot{position:static}
  .shot img{aspect-ratio:3/4;max-height:70svh;object-position:50% 18%}
  .step{grid-template-columns:110px 1fr;gap:16px 24px}
  .step p{grid-column:2}
  .val-grid{grid-template-columns:1fr;gap:36px}
}

/* ═══ FIX: Βιογραφικό — Arial Black + όχι ALL-CAPS (όπως Αρχική / Νέα / Άρθρα) ═══ */
.phero h1,
.statement q,
.story h2,
.path h2,
.val h3,
.closing h2{
  font-family:'Arial Black','Arial Bold',Gadget,Arial,sans-serif;
  font-weight:900;text-transform:none;letter-spacing:0;
}

.phero .eyebrow,
.phero .sub,
.shot figcaption,
.story h3,
.step .yr,
.step h3,
.val .n,
.h-sec,
.eyebrow{text-transform:none}

/* Μικρή προσαρμογή: το Arial Black πιάνει περισσότερο πλάτος από το Fira Condensed */
.statement q{font-size:clamp(27px,4vw,56px);line-height:1.1}
.path h2{max-width:20ch}
.closing h2{max-width:22ch}

/* ═══ FIX: Βιογραφικό hero — η φωτό λίγο πιο μέσα, προς το κέντρο (tablet + desktop) ═══ */
@media (min-width:821px) and (max-width:999px){
  .phero .bg{right:clamp(20px,4vw,56px)}
  .phero .bg::before{background:linear-gradient(90deg,var(--ink) 0%,color-mix(in oklch,var(--ink) 66%,transparent) 30%,transparent 62%,transparent 84%,color-mix(in oklch,var(--ink) 72%,transparent) 100%)}
}
@media (min-width:1000px){
  .phero .bg{right:clamp(28px,6vw,120px)}
  .phero .bg::before{background:linear-gradient(90deg,var(--ink) 0%,color-mix(in oklch,var(--ink) 60%,transparent) 32%,transparent 64%,transparent 86%,color-mix(in oklch,var(--ink) 70%,transparent) 100%)}
}