/* ---- moved from _parts/inspiration.main.html by _externalize-inline.cjs ---- */
  #vobrazoch .kvgal-band { margin-top: clamp(28px,3vw,44px); }
  #vobrazoch .kvgal-grid { display:grid; gap: clamp(8px,0.9vw,14px); grid-template-columns: repeat(4,1fr); grid-auto-rows: clamp(150px,15vw,215px); grid-template-areas: "a b d d" "a c e f"; }
  #vobrazoch .kvgal-fig { position:relative; overflow:hidden; border-radius:3px; margin:0; }
  #vobrazoch .kvgal-fig img { width:100%; height:100%; object-fit:cover; display:block; transition: transform .55s var(--ease); }
  #vobrazoch .kvgal-fig:hover img, #vobrazoch .kvgal-fig:focus-within img { transform: scale(1.06); }
  #vobrazoch .kvgal-fig::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(20,18,14,0) 52%, rgba(20,18,14,0.6) 100%); pointer-events:none; }
  #vobrazoch .kvgal-lbl { position:absolute; left:14px; bottom:12px; z-index:1; color:#f5f1e8; font-family:var(--body); font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; }
  #vobrazoch .kvgal-a{grid-area:a} #vobrazoch .kvgal-b{grid-area:b} #vobrazoch .kvgal-c{grid-area:c} #vobrazoch .kvgal-d{grid-area:d} #vobrazoch .kvgal-e{grid-area:e} #vobrazoch .kvgal-f{grid-area:f}
  @media (max-width:760px){
    #vobrazoch .kvgal-grid{ grid-template-columns:1fr 1fr; grid-template-areas:none; grid-auto-rows: clamp(150px,42vw,205px); }
    #vobrazoch .kvgal-a, #vobrazoch .kvgal-b, #vobrazoch .kvgal-c, #vobrazoch .kvgal-d, #vobrazoch .kvgal-e, #vobrazoch .kvgal-f{ grid-area: auto; }
    /* the tree photo is portrait: on a phone it gets a tall tile (1 column, 2 rows), not a wide
       strip that showed only its middle third (2026-09-21) */
    #vobrazoch .kvgal-a{ grid-row: span 2; }
    #vobrazoch .kvgal-d{ grid-column: span 2; }
  }
  @media (prefers-reduced-motion: reduce){ #vobrazoch .kvgal-fig img{ transition:none; } #vobrazoch .kvgal-fig:hover img{ transform:none; } }

/* ---- moved from _parts/inspiration.main.html by _externalize-inline.cjs ---- */
  .kvinsp-soon{display:inline-block;margin-top:10px;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(245,241,232,0.55);border:1px solid rgba(245,241,232,0.22);border-radius:999px;padding:3px 11px;}
/* ---- ported from the SK inspiracia.css for the featured article, 2026-09-23 ---- */
      .kvfeat{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px);align-items:center;margin-top:44px;padding-bottom:clamp(30px,4vw,48px);border-bottom:1px solid rgba(245,241,232,0.16);text-decoration:none;color:inherit;}
      .kvfeat-photo{border-radius:3px;overflow:hidden;height:clamp(220px,32vw,330px);}
      .kvfeat-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease);}
      .kvfeat:hover .kvfeat-photo img{transform:scale(1.05);}
      .kvfeat .tg{font-family:var(--body);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);display:flex;gap:12px;align-items:center;}
      .kvfeat .pt{font-family:var(--display);font-weight:400;font-size:clamp(25px,3.2vw,36px);line-height:1.16;letter-spacing:-0.5px;margin:14px 0 0;}
      .kvfeat:hover .pt{text-decoration:underline;text-underline-offset:5px;}
      .kvfeat .px{font-family:var(--body);font-size:15px;line-height:1.7;color:rgba(245,241,232,0.78);margin:14px 0 0;max-width:52ch;}
      .kvfeat .pl{font-family:var(--body);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(245,241,232,0.9);margin-top:18px;display:inline-flex;gap:8px;}
      @media (min-width:760px){ .kvfeat{grid-template-columns:1.1fr 1fr;} }
      @media (prefers-reduced-motion: reduce){ .kvfeat-photo img{transition:none;} .kvfeat:hover .kvfeat-photo img{transform:none;} }