/* TAMAKA — prawdziwe realizacje, 2026-09-15 */
.real-projects{padding-top:34px}
.real-projects .section-head{margin-bottom:24px}
.real-project-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.real-project-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;border:1px solid #d7dbd1;background:#f7f8f4;color:inherit;text-decoration:none;overflow:hidden}
.real-project-card.small{grid-template-columns:1fr;display:flex;flex-direction:column}
.real-project-card-media{position:relative;min-height:100%;background:#e8eae3;overflow:hidden}
.real-project-card-media img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.real-project-card.small .real-project-card-media img{min-height:235px;max-height:285px}
.real-project-badge{position:absolute;left:16px;top:16px;background:#30372d;color:#fff;padding:7px 10px;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.real-project-card-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}
.real-project-card-copy span{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#6f7767;font-weight:700}
.real-project-card-copy h2,.real-project-card-copy h3{margin:9px 0 12px}
.real-project-card-copy p{margin:0 0 18px;font-size:.92rem}
.real-project-card-copy b{margin-top:auto;font-size:.88rem}
.real-project-note{margin-top:14px;font-size:.82rem;color:#6f756a}
.inspiration-head{margin-bottom:20px}
.case-hero-image{margin-top:28px;border:1px solid #d8dbd2;background:#eef0ea;overflow:hidden}
.case-hero-image img{display:block;width:100%;max-height:720px;object-fit:cover}
.before-after-list{display:grid;gap:34px;margin-top:30px}
.before-after-block{border-top:1px solid #d8dbd2;padding-top:28px}
.before-after-block h3{margin:0 0 14px}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.before-after-figure{margin:0;border:1px solid #d8dbd2;background:#f7f8f4}
.before-after-figure img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.before-after-figure figcaption{padding:10px 12px;font-size:.78rem;color:#5f675a}
.before-after-figure figcaption strong{display:block;color:#30372d;text-transform:uppercase;letter-spacing:.09em;font-size:.66rem;margin-bottom:2px}
.case-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-evidence-grid article{border:1px solid #d8dbd2;background:#fafaf8;padding:24px}
.case-evidence-grid h3{margin:0 0 8px}
.case-gallery-more{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.case-gallery-more img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #d8dbd2;display:block}
.mini-realization{border-top:1px solid #d8dbd2;border-bottom:1px solid #d8dbd2}
.mini-realization-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}
.mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini-gallery figure{margin:0}
.mini-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border:1px solid #d8dbd2}
.mini-gallery figcaption{font-size:.72rem;color:#687064;margin-top:7px}
.real-link-banner{border:1px solid #d8dbd2;background:#f4f5ef;padding:26px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.real-link-banner h2{margin:4px 0 8px;font-size:1.55rem}
.real-link-banner p{margin:0;max-width:760px}
@media(max-width:900px){
  .real-project-grid,.real-project-card,.mini-realization-grid{grid-template-columns:1fr}
  .real-project-card-media img{min-height:280px;max-height:420px}
  .before-after-grid,.case-evidence-grid{grid-template-columns:1fr}
  .mini-gallery{grid-template-columns:1fr}
  .case-gallery-more{grid-template-columns:1fr}
  .real-link-banner{align-items:flex-start;flex-direction:column}
}

/* Realizacja łazienki — Wrocław, 2026-09-17 */
.real-project-grid.single-feature{grid-template-columns:1fr;margin-top:20px}
.real-project-grid.single-feature .real-project-card{grid-template-columns:1.08fr .92fr}
.case-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.case-final-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.case-process-figure{margin:0;border:1px solid #d8dbd2;background:#f7f8f4;overflow:hidden}
.case-process-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.case-process-figure figcaption{padding:10px 12px;font-size:.78rem;color:#5f675a}
@media(max-width:900px){.real-project-grid.single-feature .real-project-card{grid-template-columns:1fr}.case-process-grid,.case-final-grid{grid-template-columns:1fr}}


/* 2026-09-18 — poprawka kart realizacji.
   Małe karty nie mogą dziedziczyć min-height:100% z kontenera zdjęcia,
   bo tworzyło to kilkaset pikseli pustego pola pod miniaturą. */
.real-project-card.small{
  min-height:0!important;
  height:auto!important;
  align-self:start;
}
.real-project-card.small .real-project-card-media{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/10;
  flex:0 0 auto;
}
.real-project-card.small .real-project-card-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  display:block!important;
}
.real-project-card.small .real-project-card-copy{
  flex:0 0 auto;
  min-height:0!important;
  padding:24px 26px 26px;
}
.real-project-card.small .real-project-card-copy h3{
  margin-top:8px;
}
.real-project-card.small .real-project-card-copy b{
  margin-top:4px;
}

/* Na węższych ekranach każda karta przechodzi w układ pionowy.
   Zdjęcie zachowuje proporcję i nie rozpycha karty. */
@media(max-width:900px){
  .real-project-card{
    min-height:0!important;
    height:auto!important;
  }
  .real-project-card .real-project-card-media{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/10;
  }
  .real-project-card .real-project-card-media img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    display:block!important;
  }
  .real-project-card .real-project-card-copy{
    min-height:0!important;
    padding:24px;
  }
}