/* about-us.css — selida About (37). Pigi: demo2/about-us.css (9.346 b, 90 kanones).
   ============================================================================
   MODULE: DEN fortonetai katholika. To `theme/css/*.css` einai GLOBAL
   (core/bootstrap.php:12) · to `css/modules/` to eksairei o fortotis RITA
   (core/templates.php:509). Dilonetai os per-page asset MONO sti selida About,
   me ref `/theme/css/modules/about-us.css`.

   SKOPOS: `.almyra-inner`, OXI `.almyra-about`.
   Metrimeno zontana: to wrapper tis selidas einai `pb-section … almyra-inner` —
   **den yparxei** klasi `almyra-about`. Epeidi to arxeio fortonetai MONO se auti ti
   selida kai kamia alli den exei klaseis `about-*`, to `.almyra-inner` einai arketo
   kai DEN xreiazetai allagi domis. Bonus: ta `--al-*` zoun sto `.almyra-inner`.

   [ADAPT] Ta 90 kanones tou mockup grafoun gia KATHARO DOM. Edo o builder parembalei
   `.pb-row` / `.pb-col` / `.nqh` / `.B_wrapper`. Allazoun MONO oi epilogeis·
   oi diloseis menoun anengixtes. Tria motiva epanalamvanontai:
     P1  kathe plegma tou mockup paei sti `.pb-row` (to kouti exei ENA paidi)
     δ   klasi sto peritiligma `.nqh` — to pragmatiko stoixeio einai to `.nqh-t`
     P15 kathe apogonikos `div`/`p`/`span`/`article`/`figure` ginetai RITI klasi
   ============================================================================ */

/* [ADAPT] Gefyra token: to arxeio xrisimopoiei ta onomata TOU MOCKUP. Xoris auto tha
   espagan **36 diloseis** silopira (--line x8, --navy x8, --white x7, --gold x5,
   --muted x4, --paper x2, --ink x1, --shadow x1). Times antigrammenes apo to `:root`
   tou demo2/service-page.css — tairiazoun 1:1 me ta `--al-*` tou `.almyra-inner`. */
.almyra-inner {
  --white:  #fff;
  --ink:    var(--nq-fg,     #101a1d);
  --navy:   #053442;
  --paper:  #f7f5ed;
  --gold:   var(--nq-accent, #d4aa5d);
  --line:   var(--nq-line,   #dcded8);
  --muted:  var(--nq-muted,  #667377);
  --shadow: 0 24px 60px rgba(4, 42, 54, .13);
}

/* ── 1 · HERO ─────────────────────────────────────────────────────────────── */
/* [ADAPT] To mockup dinei tin eikona INLINE sto <section>
   (`--about-hero-image:url('assets/almyra-moment-underway.jpg')`). O builder den
   epitrepei inline style se section, opote orizetai edo — idio motivo me ta `.hero-*`
   tou inner-pages.css (gr. 146-154). Idio arxeio me to mockup, me to hash tou /uploads. */
.almyra-inner .about-hero {
  --about-hero-image: url(/uploads/almyra-moment-underway_3939f6.jpg);
  min-height: 660px;
  display: flex;
  align-items: flex-end;
  position: relative;
  isolation: isolate;
  padding: 94px clamp(28px, 8vw, 130px);
  overflow: hidden;
  color: var(--white);
  background-image: var(--about-hero-image);
  background-position: center 58%;
  background-size: cover;
}
.almyra-inner .about-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(1,24,31,.92), rgba(1,24,31,.6) 50%, rgba(1,24,31,.12) 84%);
}
/* [ADAPT] P1 — i grammi einai to monadiko paidi tou flex kouti: thelei plires platos,
   alliōs i `max-width:970px` tou copy metrietai lathos. */
.almyra-inner .about-hero > .pb-row { width: 100%; margin-top: 0; }
/* [ADAPT] To `width:fit-content` anaparagei ti symperifora tou mockup: ekei to
   `.about-hero-copy` einai flex item me main size **auto**, ara mazevetai sto
   periexomeno tou (940px, oso to `max-width` tou h1) kai OXI sta 970 tou max-width.
   Se emas i stili einai `col-lg-12` = 100%. Metrimeno: 970 -> **940/940**. */
.almyra-inner .about-hero > .pb-row > .pb-col.about-hero-copy { width: fit-content; max-width: 970px; padding-left: 0; padding-right: 0; }
/* 🔴 [ADAPT] P8 — YPERXEILISI 12px. Ta Text Block vgainoun os `div.row` tou bootstrap
   me `margin: 0 -12px` kai `.B_wrapper` me `padding: 0 12px`. Metrimeno zontana sto
   About: `.about-breadcrumb` kai `.about-hero-lead` se `left:-12 / right:1437` me
   clientWidth **1425** — **scrollWidth 1437, yperxeilisi 12px sta 1440 KAI sta 375**.
   Midenizetai ANA DOXEIO, oxi katholika: o katholikos kanonas exei metrithei kai
   **aporriftei** ton idio menа (evgaze `story` -43 -> -203, `split` -2 -> -34). */
.almyra-inner .about-hero-copy > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-hero-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
/* [ADAPT] To `.about-breadcrumb` tou mockup einai `display:flex` me ta paidia tou mesa.
   Se emas i klasi pefti sto `.row` kai ta pragmatika paidia (a + span + span) einai
   mesa sto `.B_wrapper`, ara i diataxi paei EKEI. */
.almyra-inner .about-breadcrumb {
  /* [ADAPT] To mockup afinei `line-height: normal` (11px -> 14px)· emeis klironomousame
     16.5px apo to theme. Itan OLI i diafora tou hero: **775.5 -> 773**, mockup 773. */
  line-height: normal;
  margin-bottom: 24px;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.almyra-inner .about-breadcrumb > .B_wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.almyra-inner .about-breadcrumb a { color: var(--gold); }
/* [ADAPT] δ — i klasi tou Heading kathetai sto `.nqh`, to pragmatiko <h1> einai to `.nqh-t`. */
.almyra-inner .about-hero h1,
.almyra-inner .about-hero .nqh > h1.nqh-t {
  max-width: 940px;
  margin: 0;
  font-size: clamp(58px, 7vw, 104px);
  font-weight: 700;
  line-height: .94;
  letter-spacing: -.06em;
}
.almyra-inner .about-hero-lead { max-width: 720px; margin: 28px 0 0; }
.almyra-inner .about-hero-lead p { margin: 0; font-size: 18px; font-weight: 500; line-height: 1.7; }
/* [ADAPT] P1 — ta dyo koumpia einai `.pb-col` mesa se `.pb-row`, oxi adelfia. To flex
   paei sti grammi· ta kelia mazevontai sto periexomeno tous. */
.almyra-inner .about-hero-actions { margin-top: 34px; }
.almyra-inner .about-hero-actions > .pb-row { display: flex; flex-wrap: wrap; gap: 14px; width: 100%; margin-top: 0; }
.almyra-inner .about-hero-actions > .pb-row > .pb-col.about-hero-action { width: auto; max-width: none; flex: 0 0 auto; margin-top: 0; padding-left: 0; padding-right: 0; }

/* ── 2 · SIGNALS ──────────────────────────────────────────────────────────── */
/* [ADAPT] P1 — to plegma ton 4 stilon paei sti grammi· to platos, to fonto kai i skia
   menoun sto kouti, opos sto mockup. */
/* 🔴 [ADAPT] IDIA PAGIDA ME TO `.facts` (dilomeni #9 tou §7). Kathe enotita einai diki
   tis `div.pb-section.almyra-inner`, kai to `.almyra-inner` exei `background: #fff`.
   Otan i mpara anevainei me `margin-top:-40px`, anevainei MAZI tis to peritiligma ton
   1425px — mia LEFKI ZONI se olo to platos pou SKEPAZE to hero ekaterothen.
   Metrimeno: peritiligma top **884**, idio me tis mparas, fonto `rgb(255,255,255)`,
   eno to hero teleionei sto **924**. Optika i mpara den kavalage KATHOLOU.
   Den to epiase kamia metrisi ypsous enotitas — ta noumera itan idi 120/120 kai
   overlap 40/40. To vrike o idioktitis me to mati, apo screenshot.
   To peritiligma ginetai diafanes kai pairnei z-index gia na mi kovetai i skia ton 60px
   apo tis geitonikes `.pb-section`. To `:has(> .about-signals)` to periorizei se AUTI
   tin enotita mono. */
.almyra-inner.pb-section:has(> .about-signals) { background: transparent; position: relative; z-index: 4; }
.almyra-inner .about-signals {
  max-width: 1260px;
  position: relative;
  z-index: 3;
  margin: -40px auto 0;
  background: var(--white);
  box-shadow: var(--shadow);
}
.almyra-inner .about-signals > .pb-row { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; margin-top: 0; }
/* 🔴 TYFLO SIMEIO α — O BUILDER GRAFEI INLINE `align-items: flex-start` STO `.pb-row`.
   Ta kelia tou plegmatos DEN tentonontai. Metrimeno @861: oi tesseris kartes
   **127,6 · 127,6 · 127,6 · 151,9** eno tou mockup einai **149,9 kai oi tesseris**.
   Einai ORATO: kartes me anisa ypsi kai fonta pou den eftanoun kato.
   To `align-self` sto PAIDI nikaei to `align-items` tou goniou xoris `!important`.
   (Idio kai sto `.about-journey-grid`: **392,3 · 334,6 · 368,2** anti 391,25 x3.)

   To `line-height: normal` einai to strut: to mockup exei tin karta se `normal`
   (DM Sans 16px -> **21**), emeis se 24px. Xreiazetai giati mesa i timi einai **inline**
   (vl. pio kato) kai to kouti grammis to orizei o GONEAS. */
.almyra-inner .about-signals > .pb-row > .pb-col.about-signal {
  align-self: stretch;
  line-height: normal;
  min-height: 120px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 27px 30px;
  border-right: 1px solid var(--line);
}
.almyra-inner .about-signals > .pb-row > .pb-col.about-signal:last-child { border-right: 0; }
/* [ADAPT] δ + P15 — to mockup grafei `.about-signal span` / `strong`. Se emas einai
   `div.nqh.about-signal-label > span.nqh-t` kai `div.nqh.about-signal-value > strong.nqh-t`. */
.almyra-inner .about-signal-label,
.almyra-inner .about-signal-label > .nqh-t {
  display: block;
  /* P11: to mockup den orizei line-height sto <span> -> `normal` = **13**. Emeis 15. */
  line-height: normal;
  color: #aa8035;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.almyra-inner .about-signal-label { margin-bottom: 10px; }
/* 🔴 TYFLO SIMEIO γ — I TIMI PREPEI NA EINAI INLINE.
   Sto mockup einai `<strong>` **inline** mesa stin karta: to kouti grammis einai to
   MEGALYTERO apo (strut tis kartas, diko tis inline box). Sta **375** i timi peftei se
   15px/20,25 kai **kerdizei to strut** (16px normal = 20,7) -> mplok **41,25**.
   Os block se emas evgaine **40,5** — diafora **0,75 ana karta**, pou fainotan os
   `.about-signals -0,5` molis diorthosa to label. Dyo lathi pou allilo-akyronontan.
   Metrimeno meta: kelia **108,5 · 108,5 · 108 · 108 @375** kai **149,89 x4 @861**,
   taftosima me to mockup. */
.almyra-inner .about-signal-value { display: inline; }
.almyra-inner .about-signal-value,
.almyra-inner .about-signal-value > .nqh-t { font-size: 18px; line-height: 1.35; }

/* ── 3 · INTRO ────────────────────────────────────────────────────────────── */
.almyra-inner .about-intro { background: var(--white); }
.almyra-inner .about-intro > .pb-row { display: grid; grid-template-columns: .92fr 1.08fr; gap: 9vw; align-items: start; width: 100%; margin-top: 0; }
.almyra-inner .about-intro > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
/* [ADAPT] P15 — to mockup grafei `.about-intro-copy > p`. Se emas kathe paragrafos einai
   `div.row.B_Textblock > .B_wrapper > p`, ara to `> p` DEN tairiazei pouthena. To
   `:not(.about-intro-quote)` afinei exo to blockquote, pou einai ki auto Text Block —
   elegxthike KAI apo tis dyo meries (Tyflo simeio a). */
.almyra-inner .about-intro-copy > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-intro-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
/* [ADAPT] TA PERITHORIA DEN SYMPTYSSONTAI EDO. Sto mockup ta <p> exoun
   `margin: 0 0 24px` kai to blockquote `margin-top: 42px`: to teleftaio margin-bottom
   kai to margin-top **symptyssontai** se max(24,42)=42. Se emas kathe paragrafos einai
   `.row` = **flex item**, kai ta perithoria ton flex items DEN symptyssontai pote — evgaine
   24+24+42=90 anti 24+42=66, diladi **+24px**. Lysi xoris magiko noumero: to keno mpainei
   PANO (margin-top) anti kato, opote den yparxei zevgari na symptyxthei.
   Metrimeno: copy 660.8 -> **636.8**, mockup 636.8. */
.almyra-inner .about-intro-copy > .row.B_Textblock:not(.about-intro-quote) { margin-bottom: 0; }
.almyra-inner .about-intro-copy > .row.B_Textblock:not(.about-intro-quote):not(:first-child) { margin-top: 24px; }
.almyra-inner .about-intro-copy > .row.B_Textblock:not(.about-intro-quote) p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.88;
}
.almyra-inner .about-intro-copy > .row.B_Textblock:first-child p {
  color: var(--ink);
  font-size: clamp(23px, 2.3vw, 32px);
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: -.02em;
}
/* [ADAPT] To <blockquote> zei MESA sto Text Block (`.about-intro-quote > .B_wrapper >
   blockquote`), den einai diko tou stoixeio. */
.almyra-inner .about-intro-quote blockquote {
  margin: 42px 0 0;
  padding: 30px 0 4px 30px;
  border-left: 3px solid var(--gold);
  color: var(--navy);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(30px, 3.4vw, 48px);
  font-style: italic;
  line-height: 1.2;
}
.almyra-inner .about-intro-quote blockquote span {
  display: block;
  margin-bottom: 13px;
  color: #aa8035;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

/* ── 4 · VALUES ───────────────────────────────────────────────────────────── */
.almyra-inner .about-values { background: var(--navy); color: var(--white); }
/* 🔴 [ADAPT] P9 — sto mockup i `.about-values-head` einai ADELFI tou plegmatos· se emas
   to plegma einai PAIDI tis (o builder foliazei ti grammi mesa sti stili). Ara den
   mporei na ginei skéto 2-stilo plegma: to `.about-values-grid` tha gino tan trito kelí.
   Lysi me RITI topothetisi — eyebrow grammi 1 (oli), h2 grammi 2 stili 1, lead grammi 2
   stili 2, plegma grammi 3 (oli). To `margin-bottom:62px` tou mockup metaferetai se
   `margin-top` tou plegmatos, giati ekei einai to idio keno. */
.almyra-inner .about-values-head {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  column-gap: 8vw;
  align-items: end;
}
.almyra-inner .about-values-head > .eyebrow { grid-column: 1 / -1; color: var(--gold); }
.almyra-inner .about-values-head > .display { grid-column: 1; grid-row: 2; }
.almyra-inner .about-values-head > .row.B_Textblock {
  grid-column: 2;
  grid-row: 2;
  margin-left: 0;
  margin-right: 0;
  align-self: end;
}
.almyra-inner .about-values-head > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .about-values-head > .row.B_Textblock p { margin: 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.8; }
.almyra-inner .about-values-grid { grid-column: 1 / -1; grid-row: 3; margin-top: 62px; }
/* [ADAPT] P1 — plegma sti grammi· `article` -> `.pb-col.about-value`. */
.almyra-inner .about-values-grid > .pb-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin-top: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
.almyra-inner .about-values-grid > .pb-row > .pb-col.about-value {
  min-height: 290px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 32px;
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
/* [ADAPT] Tyflo simeio γ — sto mockup ta span einai **inline**, ara to line box to
   orizei to STRUT tou goniou, oxi to diko tous ypsos. Se emas einai block .nqh.
   Metrimeno mesa sto mockup: .about-value span -> **32px** (to inline box ton 24px
   Playfair nikaei to strut) · .about-journey-card span -> **22px** (ta 10px xanontai,
   kerdizei to strut tou 16px goniou). Gi' auto normal sto ena kai 22px sto allo. */
.almyra-inner .about-value-num,
.almyra-inner .about-value-num > .nqh-t { color: var(--gold); font-family: "Playfair Display", Georgia, serif; font-size: 24px; font-style: italic; line-height: normal; }
/* [ADAPT] To font-weight DEN to orizei to mockup edo — to klironomei apo to diko tou
   h3, pou einai **700**. To diko mas theme dinei **600**. Metrimeno: me 600 to keimeno
   einai stenotero kai i epikefalida «Settle into Almyra» xorage se **mia** grammi anti
   gia dyo — karta **269.9 anti 309.5**. Orizetai rita. */
.almyra-inner .about-value h3,
.almyra-inner .about-value .nqh > h3.nqh-t { margin: 42px 0 14px; font-size: 26px; font-weight: 700; line-height: 1.2; }
.almyra-inner .about-value > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-value > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .about-value p { margin: 0; color: rgba(255,255,255,.66); font-size: 14px; line-height: 1.72; }

/* ── 5 · FEATURE ──────────────────────────────────────────────────────────── */
.almyra-inner .about-feature { background: var(--paper); }
.almyra-inner .about-feature > .pb-row { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 700px; width: 100%; margin-top: 0; }
.almyra-inner .about-feature > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; align-self: stretch; }
.almyra-inner .about-feature-media { min-height: 620px; overflow: hidden; }
/* 🔴 [ADAPT] Tyflo simeio ζ — to `height:100%` MONO sto <img> den arkei: den tentonetai
   pera apo gonio me automato ypsos. Thelei OLI tin alysida
   `.B_single_image → figure → .nq-si-box → img`. To `single_image` grafei INLINE
   `height:auto` kai DEN exei pedio ypsous — gi' auto to `!important` (idia oikogeneia
   me tis dilomenes exairesis 2 kai 3 tou §5). Afaireitai an to block apoktisei pedio. */
.almyra-inner .about-feature-media .B_single_image,
.almyra-inner .about-feature-media figure,
.almyra-inner .about-feature-media .nq-si-box { display: block; width: 100%; height: 100%; margin: 0; }
.almyra-inner .about-feature-media img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; }
.almyra-inner .about-feature-media .nq-si-title,
.almyra-inner .about-feature-media .figure-caption { display: none; }
.almyra-inner .about-feature-copy { display: flex; flex-direction: column; justify-content: center; }
/* 🔴 [ADAPT] IDIA PAGIDA me to `.included-copy`: to padding EXANE apo to
   `frontend.css :: .pb-row.row > .pb-col` **(0,3,0)**. Xreiazetai o plires epilogeas.
   Metrimeno: computed `80px 0px` anti `80px 86.4px` — enotita **796 anti 941**. */
.almyra-inner .about-feature > .pb-row > .pb-col.about-feature-copy { padding: 80px clamp(30px, 6vw, 94px); }
.almyra-inner .about-feature-copy h2,
.almyra-inner .about-feature-copy .nqh > h2.nqh-t { margin: 0 0 24px; font-size: clamp(44px, 5vw, 72px); font-weight: 500; line-height: 1.04; letter-spacing: -.05em; }
.almyra-inner .about-feature-copy > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-feature-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .about-feature-copy > .row.B_Textblock p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.82; }
/* 🔴 [ADAPT] P15 — to mockup grafei `.about-feature-list div{...}`. Sto mockup ta mona
   div einai ta 3 kelia· se emas kathe keli exei DYO foliasmena `.nqh` mesa. Ritos
   midenismos sta endiamesa, riti timi sto pragmatiko keli. */
.almyra-inner .about-feature-list { margin-top: 30px; border-top: 1px solid var(--line); }
.almyra-inner .about-feature-list > .pb-row { width: 100%; margin-top: 0; }
.almyra-inner .about-feature-list > .pb-row > .pb-col.about-feature-item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 22px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.almyra-inner .about-feature-item .nqh { padding: 0; border: 0; }
/* [ADAPT] To mockup afinei line-height **normal** sto <b> (14px -> 18px)· emeis
   klironomousame 21px apo to theme. Kostos: **+3px ana keli**, 3 kelia = +9 sta 375. */
.almyra-inner .about-feature-term,
.almyra-inner .about-feature-term > .nqh-t { color: var(--navy); font-size: 14px; line-height: normal; }
.almyra-inner .about-feature-desc,
.almyra-inner .about-feature-desc > .nqh-t { color: var(--muted); font-size: 13px; line-height: 1.6; }
/* [ADAPT] Tyflo simeio δ — i klasi `.pill-cta` prosgeionetai sto PERITYLIGMA
   (`div.B_button`)· to orato stoixeio einai to `a.btn` mesa, pou krataei to diko tou
   chrome apo inline `--nqb-c:#ffffff`. To `color` sto peritiligma DEN to eftane:
   to keimeno evgaine **lefko pano se anoixto paper fonto** — praktika aorato.
   Idio motivo me tin gr. 192 (`.pill-cta > a`). Metrimeno: <a> color
   `rgb(255,255,255)` -> **`rgb(5,52,66)`**, mockup `rgb(5,52,66)`.
   I diataxi (align-self / margin) menei sto peritiligma· to xroma paei sto <a>. */
.almyra-inner .about-feature-copy .pill-cta { align-self: flex-start; margin-top: 32px; }
.almyra-inner .about-feature-copy .pill-cta > a { color: var(--navy); }

/* ── 6 · JOURNEY ──────────────────────────────────────────────────────────── */
.almyra-inner .about-journey { background: var(--white); }
.almyra-inner .about-journey-grid > .pb-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  margin-top: 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.almyra-inner .about-journey-grid > .pb-row > .pb-col.about-journey-card {
  align-self: stretch;   /* τυφλό σημείο α — βλ. .about-signal παραπάνω */
  min-height: 300px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 34px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
/* 🔴 DIORTHOSI PROIGOUMENIS METRISIS: **21px, oxi 22px**.
   To palio sxolio (§ pio pano) elege «22px». Xanametrithike me eutheia sygrisi:
   to `normal` tis DM Sans sta **16px** dinei **21** — to epalitheusa vazontas dokimastiko
   <div> MESA stin karta, kai stis DYO pleures: **21 kai stis dyo**.
   Me 22px i enotita evgaine **+1 @861 · +3 @375 · +3 @1100**· me **21px** vgainei
   **0 se 1440 / 1100 / 861 / 375**.
   ⚠ Dokimastika o «pistos mixanismos» (karta `normal` + arithmos `inline`) DEN doulevei
   edo: to `.nqh-t` mesa einai block kai spaei to inline -> evgaze **+3 / +9**.
   Otan to peritiligma tou builder den epitrepei ton mixanismo, grafetai i **metrimeni**
   timi — me tin apodeixi diplα tis. */
.almyra-inner .about-journey-num,
.almyra-inner .about-journey-num > .nqh-t { color: #aa8035; font-size: 10px; font-weight: 700; line-height: 21px; letter-spacing: .16em; text-transform: uppercase; }
.almyra-inner .about-journey-card h3,
.almyra-inner .about-journey-card .nqh > h3.nqh-t { margin: 42px 0 14px; font-size: 28px; font-weight: 700; line-height: 1.2; }
.almyra-inner .about-journey-card > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-journey-card > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .about-journey-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.72; }

/* ── 7 · GALLERY ──────────────────────────────────────────────────────────── */
.almyra-inner .about-gallery { background: var(--paper); }
/* [ADAPT] P1 + <figure> -> `.pb-col.about-gallery-item`. */
.almyra-inner .about-gallery-grid > .pb-row {
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  grid-template-rows: 310px 310px;
  gap: 12px;
  width: 100%;
  margin-top: 0;
}
.almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-item {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--navy);
  /* 🔴 [ADAPT] Tyflo simeio α, DEFTERI fora (proti: `.included-photo`). O builder grafei
     INLINE `align-items: flex-start` sti `.pb-row`, ara ta kelia tou plegmatos DEN
     tentonontai sti thesi tous kai pairnoun to fysiko ypsos tis eikonas.
     Metrimeno prin: keli 1 **422.9 anti 632** · kelia 2-3 **242.2 anti 310** ·
     keli 4 **553.9 anti 310** — ксeperage ti grammi tou kai **eveghe exo apo tin enotita**.
     🔴 To ypsos tis ENOTITAS itan 1195/1196 = **-1**, diladi «sosto»: to plegma
     (632px, idies stiles kai grammes) den allazei apo to periexomeno ton kelion.
     Kamia metrisi ypsous enotitas den mporouse na to piasei — to eide o idioktitis.
     To `align-self` sto PAIDI nikaei to inline `align-items` tou gonea xoris `!important`. */
  align-self: stretch;
  justify-self: stretch;
}
.almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-large { grid-row: 1 / 3; }
.almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-wide { grid-column: 2 / 4; }
/* idia alysida ypsous me to feature-media */
.almyra-inner .about-gallery-item .B_single_image,
.almyra-inner .about-gallery-item figure,
.almyra-inner .about-gallery-item .nq-si-box { display: block; width: 100%; height: 100%; margin: 0; }
.almyra-inner .about-gallery-item img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .5s ease; }
.almyra-inner .about-gallery-item:hover img { transform: scale(1.035); }
.almyra-inner .about-gallery-item .nq-si-title,
.almyra-inner .about-gallery-item .figure-caption { display: none; }
/* [ADAPT] <figcaption> -> Text Block `.about-gallery-caption`, topothetimeno absolute. */
.almyra-inner .about-gallery-caption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  margin: 0;
  padding: 13px 15px;
  color: var(--white);
  background: rgba(4,42,54,.78);
  font-size: 11px;
  font-weight: 700;
  /* [ADAPT] to mockup afinei `line-height: normal` (11px -> 14px)· emeis klironomousame
     16.5px apo to theme. Lezanta **42.5 -> 40**, mockup 40. */
  line-height: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.almyra-inner .about-gallery-caption > .B_wrapper { padding: 0; }

/* ── 8 · CTA ──────────────────────────────────────────────────────────────── */
.almyra-inner .about-cta { background: var(--gold); }
.almyra-inner .about-cta > .pb-row { display: grid; grid-template-columns: 1.12fr .88fr; gap: 8vw; align-items: center; width: 100%; margin-top: 0; }
.almyra-inner .about-cta > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
.almyra-inner .about-cta .eyebrow,
.almyra-inner .about-cta .eyebrow .nqh-t { color: var(--navy); }
.almyra-inner .about-cta-copy > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .about-cta-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .about-cta-copy p { margin: 0; color: rgba(16,26,29,.72); font-size: 16px; line-height: 1.8; }
/* [ADAPT] idio me pano: to fonto kai to perigramma prepei na pane sto <a>, alliws
   to koumpi emene diafano me xryso perigramma anti navy. Metrimeno meta:
   bg/border `rgb(5,52,66)`, color `rgb(255,255,255)` — taftosima me to mockup. */
.almyra-inner .about-cta-copy .pill-cta { margin-top: 30px; }
.almyra-inner .about-cta-copy .pill-cta > a { border-color: var(--navy); background: var(--navy); color: var(--white); }

/* ── MEDIA — ta simeia allagis tou mockup: 1100 / 860 / 520 ───────────────── */
@media (max-width: 1100px) {
  .almyra-inner .about-signals { margin-inline: 24px; }
  .almyra-inner .about-intro > .pb-row { grid-template-columns: 1fr; gap: 46px; }
  /* [ADAPT] To gap:24px tou mockup einai gia TRIA paidia (2 kena). To diko mas head
     exei **tessera** — to plegma einai paidi tou (P9) — ara to gap evaze 24px KAI prin
     to plegma, pano sta 62px tou: **86 anti 62 = +24**. Ta kena orizontai rita. */
  .almyra-inner .about-values-head { grid-template-columns: 1fr; gap: 0; }
  .almyra-inner .about-values-head > .display,
  .almyra-inner .about-values-head > .row.B_Textblock { margin-top: 24px; }
  .almyra-inner .about-values-head > .display,
  .almyra-inner .about-values-head > .row.B_Textblock { grid-column: 1; grid-row: auto; }
  .almyra-inner .about-values-grid { grid-row: auto; }
  .almyra-inner .about-values-grid > .pb-row { grid-template-columns: 1fr 1fr; }
  .almyra-inner .about-feature > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .about-feature-media { min-height: 520px; }
  .almyra-inner .about-cta > .pb-row { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 860px) {
  .almyra-inner .about-hero { min-height: 590px; padding: 68px 22px; background-position: 58% center; }
  .almyra-inner .about-hero h1,
  .almyra-inner .about-hero .nqh > h1.nqh-t { font-size: 54px; }
  .almyra-inner .about-hero-lead p { font-size: 16px; }
  .almyra-inner .about-signals { margin: -28px 16px 0; }
  .almyra-inner .about-signals > .pb-row { grid-template-columns: 1fr 1fr; }
  .almyra-inner .about-signals > .pb-row > .pb-col.about-signal { min-height: 108px; padding: 21px 20px; }
  .almyra-inner .about-signals > .pb-row > .pb-col.about-signal:nth-child(2) { border-right: 0; }
  .almyra-inner .about-signals > .pb-row > .pb-col.about-signal:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  /* [ADAPT] To :not(:first-child) einai APARAITITO. Sto mockup i dilosi ton 860 einai
     .about-intro-copy>p **(0,2,0)** kai xanei apo to >p:first-child **(0,3,0)**, ara i
     proti paragrafos krataei ta 23px tis. Se emas oi dyo epilogeis vgainan
     **isodynamoi (0,5,1)** kai kerdize o teleftaios: i proti paragrafos epefte se 16px
     kai i enotita evgaine **-88px** sta 375. */
  .almyra-inner .about-intro-copy > .row.B_Textblock:not(.about-intro-quote):not(:first-child) p { font-size: 16px; line-height: 1.82; }
  .almyra-inner .about-values-grid > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .about-values-grid > .pb-row > .pb-col.about-value { min-height: 230px; }
  .almyra-inner .about-feature-media { min-height: 430px; }
  /* [ADAPT] Plires epilogeas, opos kai i vasiki dilosi: alliws i vasiki (0,5,0) nikaei
     to media (0,2,0) kai to padding menei 80px 30px anti 68px 22px. */
  .almyra-inner .about-feature > .pb-row > .pb-col.about-feature-copy { padding: 68px 22px; }
  .almyra-inner .about-feature-list > .pb-row > .pb-col.about-feature-item { grid-template-columns: 1fr; gap: 7px; }
  .almyra-inner .about-journey-grid > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .about-journey-grid > .pb-row > .pb-col.about-journey-card { min-height: 230px; }
  /* [ADAPT] P11 — to `.pb-row` tou bootstrap exei `flex-wrap:wrap`· to mockup (skéto div)
     exei to default nowrap. Orizetai rita, alliōs oi kartes tyligoun anti na kylane. */
  .almyra-inner .about-gallery-grid > .pb-row { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-item,
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-large,
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-wide { flex: 0 0 84vw; height: 460px; grid-column: auto; grid-row: auto; scroll-snap-align: center; }
}

@media (max-width: 520px) {
  .almyra-inner .about-hero { min-height: 560px; }
  .almyra-inner .about-hero h1,
  .almyra-inner .about-hero .nqh > h1.nqh-t { font-size: 48px; }
  .almyra-inner .about-hero-actions > .pb-row { align-items: flex-start; flex-direction: column; }
  .almyra-inner .about-signal-value,
  .almyra-inner .about-signal-value > .nqh-t { font-size: 15px; }
  .almyra-inner .about-intro-quote blockquote { padding-left: 22px; font-size: 30px; }
  .almyra-inner .about-feature-media { min-height: 350px; }
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-item,
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-large,
  .almyra-inner .about-gallery-grid > .pb-row > .pb-col.about-gallery-wide { height: 390px; }
}