/* ============================================================
   Case study detail (/projekt/<slug>/) — premium layout.
   Tokens mirror the landing (upgrade.css warm theme); Bricolage +
   DM Sans are loaded by base_case_study.html.
   ============================================================ */
.csv{
  --fg:#18130e; --muted:#3d342c; --muted-2:#6b5c52;
  --accent:#2563eb; --surface:#fff; --border:#e8e2da;
  --tag-bg:#f5f0eb; --tag-fg:#6b5c52;
  --display:'Bricolage Grotesque','DM Sans',sans-serif;
  --read:680px; --rail:230px;
  padding:40px 40px 64px; font-family:'DM Sans',-apple-system,sans-serif; color:var(--muted);
}
.csv .section__inner{max-width:1080px;margin:0 auto}

.csv-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:34px;color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}
.csv-back:hover{text-decoration:underline}

/* ---- Hero: content (left) + meta card (right) ---- */
.csv-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(248px,1fr);gap:52px;align-items:start;margin-bottom:44px}
.csv-hero__client{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--accent);margin:0 0 14px}
.csv-hero__title{font-family:var(--display);font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:700;line-height:1.04;letter-spacing:-.025em;color:var(--fg);margin:0 0 20px}
.csv-hero__tagline{font-size:1.2rem;line-height:1.6;color:var(--muted);max-width:42ch;margin:0}

.csv-meta{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:8px 26px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.csv-meta__row{padding:18px 0;border-top:1px solid var(--border)}
.csv-meta__row:first-child{border-top:0}
.csv-meta__label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;color:var(--muted-2);margin-bottom:10px}
.csv-meta__val{color:var(--fg);font-weight:600;font-size:.95rem}
.csv-meta__tags{display:flex;flex-wrap:wrap;gap:7px}
.csv-tag{font-size:.78rem;font-weight:600;color:var(--tag-fg);background:var(--tag-bg);border-radius:999px;padding:5px 12px}
.csv-live{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--accent);text-decoration:none;font-size:.95rem}
.csv-live:hover{text-decoration:underline}

/* ---- Hero image (full measure, natural ratio) ---- */
.csv-heroimg{margin:0 0 52px;border-radius:22px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 54px rgba(0,0,0,.11)}
.csv-heroimg img{width:100%;height:auto;display:block}

/* ---- Lead paragraph ---- */
.csv-intro{font-size:1.22rem;line-height:1.75;color:var(--fg);max-width:720px;margin:0 auto 8px;text-align:center;overflow-wrap:break-word}
.csv-intro p{margin:0 0 18px}

/* ---- Stats ---- */
.csv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:48px 0;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.csv-stat{display:flex;flex-direction:column;gap:6px;text-align:center}
.csv-stat__value{font-family:var(--display);font-size:2.2rem;font-weight:700;color:var(--fg);line-height:1}
.csv-stat__label{font-size:.85rem;color:var(--muted-2)}

/* ---- Sections: full-width heading above content (no rail) ---- */
.csv-section{margin:46px 0}
.csv-section__heading{font-family:var(--display);font-size:1.7rem;font-weight:700;line-height:1.12;letter-spacing:-.015em;color:var(--fg);margin:0 0 22px}
.csv-section__body{font-size:1.08rem;line-height:1.8;color:var(--muted);overflow-wrap:break-word}
.csv-section__body>p{margin:0 0 16px;max-width:860px}
.csv-section__body strong{color:var(--fg);font-weight:700}
.csv-section__body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
/* bullet lists render as a feature-card grid (fills the width) */
.csv-section__body ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:18px;margin:20px 0 0;padding:0;list-style:none}
.csv-section__body li{margin:0;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.04);font-size:1rem;line-height:1.62;color:var(--muted)}

/* ---- Impacts (live inside a rail section) ---- */
.csv-impacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.csv-impact{padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.csv-impact__title{font-size:1.05rem;font-weight:700;margin:0 0 8px;color:var(--accent)}
.csv-impact__text{font-size:.95rem;line-height:1.6;color:var(--muted-2);margin:0}

/* ---- Gallery (full measure) ---- */
.csv-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:52px 0}
.csv-gallery__item{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.csv-gallery__item img{width:100%;display:block}
.csv-gallery__item figcaption{font-size:.82rem;color:var(--muted-2);padding:10px 14px}

@media (max-width:820px){
  .csv{padding:28px 20px 48px}
  .csv-hero{grid-template-columns:1fr;gap:30px;margin-bottom:32px}
  .csv-section{margin:38px 0}
  .csv-section__heading{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){.csv *{scroll-behavior:auto}}

/* ============================================================
   Další projekty (related strip) + personal invitation CTA
   (siblings of .csv — own warm tokens hardcoded)
   ============================================================ */
.csv-related{padding:8px 40px 16px}
.csv-related .section__inner{max-width:1080px;margin:0 auto}
.csv-related__heading{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;color:#18130e;margin:0 0 28px}
.csv-related .case-study-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.csv-related .case-study-cards{grid-template-columns:1fr}}

.csv-invite{display:grid;grid-template-columns:.82fr 1.18fr;align-items:stretch;background:#fff;border:1px solid #e8e2da;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.06)}
@media(max-width:820px){.csv-invite{grid-template-columns:1fr}}
.csv-invite__photo{position:relative;min-height:360px}
.csv-invite__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.csv-invite__photo::after{content:"";position:absolute;inset:0;box-shadow:inset -60px 0 70px -55px rgba(24,19,14,.28)}
@media(max-width:820px){.csv-invite__photo{min-height:260px}.csv-invite__photo::after{box-shadow:inset 0 -50px 60px -45px rgba(24,19,14,.3)}}
.csv-invite__body{padding:clamp(2.2rem,4vw,3.6rem)}
.csv-invite__eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#2563eb;margin-bottom:14px}
.csv-invite__title{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-weight:700;font-size:clamp(1.7rem,2.9vw,2.45rem);line-height:1.08;letter-spacing:-.02em;color:#18130e;margin:0}
.csv-invite__title em{font-style:normal;color:#2563eb}
.csv-invite__body>p{color:#3d342c;line-height:1.72;font-size:1.08rem;margin:1.1rem 0 1.8rem;max-width:52ch}
.csv-invite__actions{display:flex;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap}
.csv-invite__tel{color:#6b5c52;font-size:.98rem;text-decoration:none;border-bottom:1px solid #e8e2da;padding-bottom:2px;transition:color .2s,border-color .2s}
.csv-invite__tel:hover{color:#2563eb;border-color:#93c5fd}
.csv-invite__sign{display:flex;align-items:center;gap:.8rem;margin-top:2rem}
.csv-invite__sign i{width:34px;height:1px;background:#2563eb;flex:none}
.csv-invite__sign b{font-weight:700;font-size:1.12rem;color:#18130e}
.csv-invite__sign small{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#6b5c52}