/* Approved compact homepage. Applied only when front-page.php loads this file. */
@media (min-width:1101px) {
  /* Match the user-selected /proekty/ container and25px card gutters. */
  .home .site-header,.home .site-footer,.compact-home {--pad:clamp(20px,3vw,48px)}
  .home .site-header {height:56px;padding-block:8px;gap:20px}
  .home .site-header .brand {gap:10px}
  .home .site-header .brand img {width:40px;height:40px}
  .home .site-header .brand span {font-size:9px;line-height:1.5;letter-spacing:.11em}
  .home .desktop-nav {font-size:12px;gap:23px}
  .home .header-cta {display:none}
  .compact-home {padding-top:0}
  .compact-home .overview-intro {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:0;padding:10px 0 16px}
  .overview-intro .overview-copy h1 {font-size:clamp(36px,2.6vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.015em;max-width:none;margin:0 0 7px;text-wrap:initial}
  .overview-copy .overview-lead {font-size:14px;line-height:1.5;margin:0;max-width:none;color:#505050}
  .overview-actions {gap:20px;flex-wrap:nowrap}
  .overview-actions .button {font-size:14px;line-height:1.35;min-height:40px;padding:9px 18px;gap:16px}
  .overview-actions .text-link {font-size:13px;white-space:nowrap}
  .overview-pitch .overview-note {font-size:10px;line-height:1.4;margin-top:6px;white-space:nowrap}
  .overview-projects {padding:12px 0 14px}
  .overview-heading {margin-bottom:12px;align-items:baseline}
  .overview-heading h2 {font-size:28px;line-height:1.1;letter-spacing:-.02em}
  .overview-heading a {font-size:12px}
  /* This proposal selects three 4:5 portrait covers and three 5:4 landscape covers. */
  .overview-project-grid {width:100%;max-width:none;margin-inline:0;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px;row-gap:25px}
  .overview-project-grid .project-image-link img {width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
  .overview-project-grid .project-caption {font-size:14px;line-height:1.4;letter-spacing:-.015em;margin-top:6px}
  .overview-project-grid .project-meta {font-size:11px;line-height:1.4;margin:2px 0 0}
  .portfolio-pagination {margin-top:12px;font-size:12px;gap:6px}
  .portfolio-pagination .page-numbers {min-width:32px;min-height:32px;padding:4px 9px}
}

@media(max-width:1100px){.overview-copy .overview-lead{font-size:clamp(17px,1.7vw,24px);line-height:1.4;max-width:none;margin:0 0 24px}}
@media(max-width:700px){.overview-copy .overview-lead{font-size:16px;line-height:1.5;margin-bottom:20px}}

/* Use the selected catalog geometry at tablet and phone sizes as well. */
.home .site-header,.home .site-footer,.compact-home{--pad:clamp(20px,3vw,48px)}
@media(min-width:701px) and (max-width:1100px){.overview-project-grid{gap:25px}}
@media(max-width:700px){.overview-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}
