/* ============================================================
   zona.css — Zóna pro řidiče (culture page)
   ============================================================ */

.zhead{min-height:clamp(420px,72vh,760px)}
/* the driver-zone panorama is a hero-grade shot — let it breathe, and crop
   toward the skyline instead of the dark road that sits in the middle */
.zhead .phead__bg img{opacity:.92;object-position:50% 44%}
.zhead .phead__bg::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(8,8,10,.72) 0%,rgba(8,8,10,.18) 34%,rgba(8,8,10,.55) 72%,rgba(8,8,10,.94) 100%),
    linear-gradient(90deg,rgba(6,6,9,.88) 0%,rgba(6,6,9,.5) 32%,rgba(6,6,9,.1) 58%,rgba(6,6,9,0) 76%);
}
.zhead .vignette{opacity:.55}
/* .9 — the háček on ŘIDIČE (line 2) must clear the Z above it */
.zhead__ttl{line-height:.9;margin-bottom:26px}
.zhead__row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}

/* ---------- manifesto ---------- */
.zman{display:flex;flex-direction:column;gap:clamp(22px,3vw,44px)}
.zman__q{
  font-family:var(--display);font-size:clamp(2rem,5.6vw,5.4rem);line-height:1;
  text-transform:uppercase;color:var(--warm);letter-spacing:-.015em;max-width:18ch;
}
.zman__cols{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,48px);
  padding-top:clamp(20px,2.6vw,40px);border-top:1px solid rgba(233,230,223,.12);
}
.zman__cols p{font-size:13.5px;line-height:1.85;color:var(--gray-2);font-weight:300;position:relative;padding-top:20px}
.zman__cols p::before{content:'';position:absolute;top:0;left:0;width:26px;height:1px;background:var(--red-ui)}
@media (max-width:820px){.zman__cols{grid-template-columns:1fr}}

/* ---------- stories ---------- */
.zstories{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--gut)}
.zstory{
  position:relative;display:block;overflow:hidden;background:var(--char);
  min-height:clamp(380px,44vw,620px);isolation:isolate;
}
.zstory--big{grid-row:span 1;min-height:clamp(420px,48vw,680px)}
.zstory .media{position:absolute;inset:0}
.zstory img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.66);
  transform:scale(1.03);transition:transform 1.3s var(--e-out),filter .8s var(--e-out)}
.zstory:hover img{transform:scale(1.09);filter:grayscale(0) brightness(.8)}
.zstory__grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.95) 6%,rgba(8,8,10,.05) 62%)}
.zstory__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2vw,34px);
  display:flex;flex-direction:column;gap:12px;z-index:2}
.zstory__meta{display:flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-ui)}
.zstory__meta i{font-style:normal;color:var(--steel-2)}
.zstory__ttl{font-family:var(--display);font-size:clamp(1.3rem,2.2vw,2.6rem);line-height:1;
  text-transform:uppercase;color:var(--warm);transition:transform .6s var(--e-out)}
.zstory:hover .zstory__ttl{transform:translateY(-4px)}
.zstory__ex{font-size:13px;line-height:1.7;color:var(--gray-2);max-width:40ch;font-weight:300}
.zstory .tlink{margin-top:6px}
.zstory:hover .brackets{opacity:1}
@media (max-width:1000px){
  .zstories{grid-template-columns:1fr 1fr}
  .zstory--big{grid-column:1/-1}
}
@media (max-width:620px){.zstories{grid-template-columns:1fr}}

/* ---------- meets ---------- */
.zmeets{position:relative;overflow:hidden;padding-block:clamp(60px,8vw,140px)}
.zmeets__bg{position:absolute;inset:-6% 0;z-index:0}
.zmeets__bg img{width:100%;height:110%;object-fit:cover;opacity:.4}
.zmeets__shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,var(--ink) 6%,rgba(8,8,10,.7) 50%,rgba(8,8,10,.92) 100%)}
.zmeets__in{position:relative;z-index:2}
.zmeet-list{border-top:1px solid rgba(233,230,223,.14)}
.zmeet{
  display:grid;grid-template-columns:86px 1fr auto 42px;align-items:center;gap:clamp(14px,2vw,32px);
  padding:clamp(16px,2vw,28px) 0;border-bottom:1px solid rgba(233,230,223,.12);
  transition:padding-left .5s var(--e-out),background .4s;
}
.zmeet:hover{padding-left:16px;background:linear-gradient(90deg,rgba(236,28,36,.08),transparent 60%)}
.zmeet__d{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;
  border-right:1px solid rgba(233,230,223,.14);padding-right:18px}
.zmeet__d b{font-family:var(--display);font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:.9;color:var(--warm)}
.zmeet__d span{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--red-ui)}
.zmeet__t{display:flex;flex-direction:column;gap:5px;min-width:0}
.zmeet__t b{font-family:var(--head);font-weight:600;font-size:clamp(13px,1.35vw,19px);
  letter-spacing:.1em;text-transform:uppercase;color:var(--bone);transition:color .3s}
.zmeet:hover .zmeet__t b{color:#fff}
.zmeet__t span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--gray)}
.zmeet__n{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gray-2);border:1px solid rgba(233,230,223,.16);padding:5px 10px;white-space:nowrap}
.zmeet__a{color:var(--red-ui);display:grid;place-items:center;transition:transform .45s var(--e-out)}
.zmeet:hover .zmeet__a{transform:translateX(7px)}
@media (max-width:760px){
  .zmeet{grid-template-columns:64px 1fr 28px}
  .zmeet__n{display:none}
}

/* ---------- glossary ---------- */
.zgloss{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(233,230,223,.1);
  border:1px solid rgba(233,230,223,.1)}
.zg{background:var(--ink);padding:clamp(20px,2.4vw,38px);display:flex;flex-direction:column;gap:8px;
  transition:background .4s var(--e-out)}
.zg:hover{background:var(--ink-2)}
.zg b{font-size:clamp(1.5rem,2.4vw,2.4rem);color:var(--warm);font-weight:700;line-height:1;
  transition:color .35s}
.zg:hover b{color:var(--red-ui)}
.zg span{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;color:var(--red-ui)}
.zg p{font-size:12.5px;line-height:1.8;color:var(--gray);font-weight:300;margin-top:6px}
@media (max-width:860px){.zgloss{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.zgloss{grid-template-columns:1fr}}

/* ---------- cta ---------- */
.zcta{position:relative;overflow:hidden;padding-block:clamp(70px,10vw,170px);text-align:center}
.zcta__bg{position:absolute;inset:-6% 0;z-index:0}
.zcta__bg img{width:100%;height:112%;object-fit:cover;opacity:.5}
.zcta__shade{position:absolute;inset:0;z-index:1;
  background:radial-gradient(70% 60% at 50% 50%,rgba(8,8,10,.4),rgba(8,8,10,.94) 78%)}
.zcta__in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px}
.zcta__jp{font-size:12px;letter-spacing:.5em;color:var(--red-ui)}
.zcta .d2{color:var(--warm)}
.zcta__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}