@layer page {
  #fotok [hidden] { display: none; }
  .ga-shelf { --side: max(var(--margin), (100vw - var(--wrap)) / 2); overflow-x: clip; padding-block: var(--sec-gap) var(--s-7); }
  .ga-shelf__row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: end; }
  .ga-print { display: grid; gap: var(--s-3); color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .ga-print .km-foto { display: block; }
  .ga-s1 { grid-column: 1 / span 6; margin-inline-start: calc(-1 * var(--side)); }
  .ga-s1 .km-cap { padding-inline-start: var(--side); }
  .ga-s2 { grid-column: 7 / span 3; }
  .ga-s3 { grid-column: 10 / -1; margin-inline-end: calc(-1 * min(var(--side), 80px)); }
  .ga-shelf__row.is-in .ga-print { animation: ga-fade 220ms var(--ease-in-out) both; }
  @keyframes ga-fade { from { opacity: 0; } }
  .ga-toc { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6); margin-top: var(--s-7); }
  .ga-toc .km-chip { gap: var(--s-2); }
  .g-count { margin: 0; font-size: var(--fs-small); font-weight: var(--fw-bold); }
  @media (max-width: 1080px) {
    .ga-shelf__row { display: flex; gap: var(--gutter); overflow-x: auto; scroll-snap-type: x mandatory; padding-inline: var(--margin); width: auto; scrollbar-width: none; }
    .ga-shelf__row::-webkit-scrollbar { display: none; }
    .ga-print { flex: 0 0 40%; scroll-snap-align: start; margin: 0; }
    .ga-print .km-foto { --ar: 1 !important; }
    .ga-s1 .km-cap { padding-inline-start: 0; }
  }
  @media (max-width: 760px) { .ga-print { flex-basis: 64%; } }

  .ga-arch { overflow-x: clip; }
  .g-grid { display: grid; gap: var(--sec-pad); animation: var(--ga, none) 420ms var(--ease-out) both; }
  .ga-ch { --side: max(var(--margin), (100vw - var(--wrap)) / 2); display: grid; gap: var(--s-6); }
  .ga-ch__op { width: min(66%, 1057px); }
  .ga-ch--r .ga-ch__op { justify-self: end; }
  .ga-ch__op .g-item .km-cap { padding-inline: var(--side); }
  .ga-gal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-7) var(--gutter); align-items: start; }
  .ga-gal > .g-item:nth-child(3n + 2) { margin-top: var(--off-1); }
  .g-item { display: grid; width: 100%; gap: var(--s-3); padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; text-decoration: none;
    cursor: zoom-in; -webkit-tap-highlight-color: transparent; transition: transform var(--t-press) var(--ease-out); }
  .g-item .km-foto { display: block; }
  .g-item img { transition: scale var(--t-zoom) var(--ease-out), opacity var(--t-develop) var(--ease-out); }
  .g-item:active { transform: scale(var(--press-card)); }
  .g-item:focus-visible { outline: var(--bw-focus) solid var(--focus); outline-offset: var(--focus-off); }
  @media (hover: hover) and (pointer: fine) { .g-item:hover img, .ga-print:hover img { scale: var(--zoom); } }
  @media (max-width: 760px) {
    .ga-ch__op, .ga-ch--r .ga-ch__op { width: auto; justify-self: stretch; margin-inline: calc(-1 * var(--margin)); }
    .ga-ch__op .g-item .km-cap { padding-inline: var(--margin); }
    .ga-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5) var(--s-3); }
    .ga-gal > .g-item:nth-child(3n + 2) { margin-top: 0; }
    .ga-gal > .g-item:nth-child(2n) { margin-top: var(--s-7); }
  }
  @media (prefers-reduced-motion: reduce) { .ga-shelf__row.is-in .ga-print { animation: none; } }
}
.g-lb{position:fixed;inset:0;z-index:120;background:rgba(28,20,17,0.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:56px 88px 32px;box-sizing:border-box;animation:kmFade 220ms ease both}
.g-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%;min-height:0}
.g-lb img{max-width:min(100%,1400px);max-height:calc(100vh - 170px);object-fit:contain;display:block;animation:kmProdIn 360ms var(--km-ease-out) both}
.g-lb figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;color:#F7F2EE;font-size:15px;line-height:1.5;text-align:center}
.g-lb figcaption b{font-weight:700}
.g-lb-btn{position:absolute;top:50%;width:56px;height:56px;margin-top:-28px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);background:transparent;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.g-lb-btn .km-arrow{margin:0;width:20px;height:20px}
.g-lb-prev{left:20px}.g-lb-prev .km-arrow{transform:scaleX(-1)}
.g-lb-next{right:20px}
.g-lb-x{position:absolute;right:20px;top:16px;width:48px;height:48px;border:0;background:transparent;color:#FFFFFF;cursor:pointer}
.g-lb-x::before,.g-lb-x::after{content:"";position:absolute;left:12px;right:12px;top:23px;height:2px;background:currentColor;transform:rotate(45deg)}
.g-lb-x::after{transform:rotate(-45deg)}
.g-lb :focus-visible{outline-color:#FFFFFF}
@media (hover:hover) and (pointer:fine){.g-lb-btn:hover{border-color:#FFFFFF;background:rgba(255,255,255,0.08)}}
@media (max-width: 760px){.g-lb{padding:64px 12px 96px}.g-lb-btn{top:auto;bottom:24px;margin-top:0}.g-lb-prev{left:calc(50% - 72px)}.g-lb-next{right:calc(50% - 72px)}.g-lb img{max-height:calc(100vh - 220px)}}
@media (prefers-reduced-motion: reduce){.g-lb,.g-lb img{animation:none}}
@media (max-width: 380px){.km-insta h2{font-size:15px !important}}
@media (prefers-reduced-motion: reduce){.g-lb{animation:kmFade 200ms ease both}}
.g-lb figure[data-wait] img{filter:opacity(0.6);transition:filter 150ms ease}
.g-lb.g-lb-out{pointer-events:none}