/* PREGNANCY – MOTHERHOOD PAGE («Εγκυμοσύνη – Μητρότητα», LIVE /egkymosyni-mitrotita/). Loaded after tokens.css +
   site-chrome.css (locked global header/footer, untouched here). Owner rules (2026-09-28): content locked, presentation
   free, a real hero visual with its own personality.
   Personality: warm golden light. Hero (owner correction): compact and full-bleed — the golden-hour photograph under a
   warm dark veil on the text side, title + the LIVE intro over it. Topics = an arch gallery (3 columns; mobile 2), cards
   end on one line. The two LIVE closing lines = a deep warm quote band right before the approved call band. */
:root{--e-gutter:clamp(20px,4vw,72px);--e-max:1200px}
.page-egkymosyni .callband{margin:0}

/* ---------- hero (owner correction 2026-09-28: compact, full-bleed photograph, no flat field) ---------- */
.eh{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse 30% 70% at 34% 20%,rgba(247,190,110,.32) 0%,rgba(247,190,110,0) 70%),
             linear-gradient(100deg,#24170E 0%,#3B2515 38%,#6A4424 70%,#9A6630 100%)}
/* the photograph sits on the right 72% and melts into the warm field on the left (whole subject visible, not zoomed) */
.eh__bg{position:absolute;top:0;bottom:0;right:0;width:72%;z-index:-1;
  -webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 22%,#000 42%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 22%,#000 42%)}
.eh__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.eh__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,22,12,.55) 0%,rgba(36,22,12,.2) 35%,rgba(36,22,12,0) 60%)}
.eh__in{width:min(100% - 2 * var(--e-gutter),var(--e-max));margin-inline:auto;min-height:clamp(360px,30vw,460px);box-sizing:border-box;
  display:flex;align-items:center;padding:clamp(32px,3.4vw,52px) 0 clamp(64px,6vw,96px)}
.eh__text{max-width:620px}
.eh .crumbs ol{color:#E8D9C6;margin-bottom:clamp(12px,1.4vw,18px)}
.eh .crumbs a{color:#fff;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.eh .crumbs a:hover{color:var(--gold)}
.eh__h{margin:0;font-size:clamp(34px,3.6vw,54px);line-height:1.06;letter-spacing:-.025em;font-weight:var(--fw-h);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.eh__nb{white-space:nowrap}   /* keeps «Εγκυμοσύνη -» together: no line starting with the dash */
.eh__h::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--gold);margin:clamp(14px,1.6vw,20px) 0 clamp(14px,1.6vw,20px)}
.eh__lead{margin:0;font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#F6EDE2}
.eh__lead strong{font-weight:var(--fw-m)}
.eh__curve{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(24px,3.6vw,60px);display:block}
.eh__curve path{fill:#fff}

/* ---------- topics: arch gallery ---------- */
.es{background:#fff;padding:clamp(36px,4.4vw,72px) 0 clamp(64px,7vw,112px)}
.es__list{list-style:none;margin:0 auto;padding:0;width:min(100% - 2 * var(--e-gutter),var(--e-max));
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3.4vw,56px);row-gap:clamp(44px,4.6vw,72px)}
.esc{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
.esc__media{display:block;width:100%;aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;background:#EFE5D8;
  box-shadow:0 30px 60px -40px rgba(92,58,24,.45)}
.esc__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-std,ease)}
.esc:hover .esc__media img{transform:scale(1.04)}
.esc__t{margin:clamp(18px,1.8vw,26px) 0 16px;font-size:clamp(19px,1.5vw,23px);line-height:1.25;letter-spacing:-.01em;font-weight:var(--fw-h);text-wrap:balance}
.esc__t a{color:var(--ink);text-decoration:none;transition:color .15s ease}
.esc__t a:hover{color:var(--petrol)}
.esc__more{margin:auto 0 0}
.esc__btn svg{transition:transform .15s ease}
.esc__btn:hover svg{transform:translateX(3px)}

/* ---------- closing lines: deep warm quote band (golden light, not a flat field) ---------- */
.eq{position:relative;overflow:hidden;padding:clamp(52px,6vw,96px) 0;text-align:center;color:#fff;
  background:radial-gradient(ellipse 45% 90% at 85% 110%,rgba(232,178,98,.55) 0%,rgba(232,178,98,0) 70%),
             radial-gradient(ellipse 40% 80% at 8% -10%,rgba(5,116,133,.35) 0%,rgba(5,116,133,0) 70%),
             linear-gradient(120deg,#2E2118 0%,#4A3222 50%,#6E4A2C 100%)}
.eq__in{width:min(100% - 2 * var(--e-gutter),900px);margin-inline:auto}
.eq__mark{display:block;height:.5em;font-size:clamp(90px,9vw,140px);line-height:1;color:var(--gold);font-family:Georgia,"Times New Roman",serif}
.eq__p{margin:0;font-size:clamp(20px,2.1vw,30px);line-height:1.5;letter-spacing:-.005em;color:#FFF8EE}
.eq__p strong{font-weight:var(--fw-m)}

/* ---------- tablet ---------- */
@media (max-width:1023px){
  .eh__bg{width:80%}
}
/* ---------- mobile: its own composition ---------- */
@media (max-width:767px){
  .eh__bg{width:100%;-webkit-mask:none;mask:none}
  .eh__bg img{object-position:66% 50%}
  .eh__bg::after{background:linear-gradient(180deg,rgba(36,22,12,.55) 0%,rgba(36,22,12,.72) 45%,rgba(30,18,10,.9) 100%)}
  .eh__in{min-height:0;padding:22px 0 52px}
  .eh__h{font-size:clamp(30px,8.4vw,38px)}
  .eh__lead{font-size:16px}
  .es{padding-top:28px}
  .es__list{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:34px}
  .esc__media{border-radius:999px 999px 18px 18px}
  .esc__t{font-size:16.5px;margin:14px 0 12px;hyphens:auto}
  .esc__btn{padding:10px 14px;font-size:14px;min-height:44px}
  .eq__p{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
  .esc__media img,.esc__btn svg{transition:none}
  .esc:hover .esc__media img{transform:none}
}