/* WYGENEROWANE przez tools/site/build_v2.py z assets/v2/src/css/ — nie edytuj tutaj */
/*61-gallery.css*/
.g-head{max-width:var(--maxw-gallery);padding-top:calc(var(--header-h) + var(--safe-t) + 48px);padding-bottom:clamp(28px,3.4vw,56px)}.g-h1{--wght:850;color:var(--ink);--h1-k:var(--h1-kl,.2);font-size:var(--fs-d1);font-size:min(calc((min(100vw,var(--maxw-gallery)) - 2 * var(--m)) * var(--h1-k,.2)),26svh);margin-left:-.07em}@media (max-width:1179px){html:not(.js) .g-head{padding-top:calc(var(--header-h) + var(--safe-t) + 48px + 72px)}}@media (max-width:767px){.g-h1{--h1-k:var(--h1-ks,.2)}}.g-h1 .m{padding-bottom:.02em;margin-bottom:-.02em}.g-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;margin-top:clamp(18px,2.2vw,32px);padding-top:12px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;line-height:1.35;color:var(--graphite)}.g-desc{grid-column:1 / -1;text-wrap:balance}.g-count{font-variant-numeric:tabular-nums}.g-count-n::before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;margin-right:8px;vertical-align:.12em}@media (min-width:768px){.g-meta{grid-template-columns:1fr auto 1fr;gap:16px}.g-desc{grid-column:auto}.g-count{justify-self:center}.g-toggle{justify-self:end}}.g-toggle{display:inline-flex;justify-self:end;padding:3px;box-shadow:inset 0 0 0 1px var(--ink)}.g-tg{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;line-height:1;color:var(--graphite);transition:background-color var(--d-micro) var(--ease-std),color var(--d-micro) var(--ease-std)}.g-tg[aria-pressed="true"]{background:var(--ink);color:var(--paper)}@media (pointer:coarse){.g-tg{min-height:44px;padding:0 16px}}@media (hover:hover) and (pointer:fine){.g-tg[aria-pressed="false"]:hover{color:var(--ink)}}.g-tg:focus-visible{position:relative;z-index:1}.g-body{padding-bottom:0}.g-plates{position:relative;container-type:inline-size;max-width:var(--maxw-gallery);margin-inline:auto;padding-inline:calc(var(--m) + var(--safe-l)) calc(var(--m) + var(--safe-r))}.plates{--pg:12px}@media (min-width:768px){.plates{--pg:var(--g)}}.plates[data-view="sheet"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--pg);row-gap:0;align-items:start;grid-auto-rows:calc((min(100vw,var(--maxw-gallery)) - 2 * var(--m) - var(--pg)) / 200);grid-auto-rows:calc((100cqw - var(--pg)) / 200)}.plates[data-view="sheet"] .pl{grid-column:var(--c2);grid-row:var(--r2) / span var(--s)}@media (min-width:1024px){.plates[data-view="sheet"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((min(100vw,var(--maxw-gallery)) - 2 * var(--m) - 2 * var(--pg)) / 300);grid-auto-rows:calc((100cqw - 2 * var(--pg)) / 300)}.plates[data-view="sheet"] .pl{grid-column:var(--c3);grid-row:var(--r3) / span var(--s)}}.plates[data-view="seq"]{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(48px,9vw,140px);max-width:var(--maxw-page);margin-inline:auto}.plates[data-view="seq"] .pl{width:var(--sw);margin-left:calc((100% - var(--sw)) * var(--sx))}@media (max-width:767px){.plates[data-view="seq"]{gap:9vw;margin-inline:-8px}.plates[data-view="seq"] .pl{width:100%;margin-left:0}}.pl{position:relative;margin:0;min-width:0;transition:opacity .45s var(--ease-develop) .1s}.pl::after{content:"";position:absolute;inset:0;background:var(--paper);opacity:var(--dev,0);pointer-events:none}.pl-hit{display:block;width:100%;aspect-ratio:var(--arx);cursor:zoom-in;content-visibility:auto;contain-intrinsic-size:auto none}.pl-hit img{width:100%;height:100%;background:var(--fog)}html.js:not(.rm) .pl[data-dev]{--dev-d:calc((var(--i,1) - 1) * .08s)}html.js:not(.rm) .pl[data-dev]::after{opacity:1;transition:opacity 1.4s var(--ease-develop) var(--dev-d)}html.js:not(.rm) .pl[data-dev] .pl-hit img{transform:translateY(24px);transition:transform 1.4s var(--ease-develop) var(--dev-d)}html.js:not(.rm) .pl[data-dev].is-dev::after{opacity:0}html.js:not(.rm) .pl[data-dev].is-dev .pl-hit img{transform:none}@media (min-width:1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){html.js:not(.rm) .plates[data-lb-group="colour"] .pl[data-dev] .pl-hit img{filter:grayscale(1);transition:transform 1.4s var(--ease-develop) var(--dev-d),filter 1.2s var(--ease-develop) calc(var(--dev-d) + .35s)}html.js:not(.rm) .plates[data-lb-group="colour"] .pl[data-dev].is-dev .pl-hit img{filter:none}}.plates.is-loupe .pl-hit{cursor:none}.plates.is-flipping .pl{transition:none}.plates.is-flipping .pl-hit{content-visibility:visible}.pl-n{display:none;position:absolute;top:50%;width:calc(var(--nf) + var(--m));container-type:inline-size;pointer-events:none;text-align:center}.pl-n--r{left:100%}.pl-n--l{right:100%}.pl-n-i{display:block;margin-top:-.42em;font-family:var(--font-display);font-variation-settings:"wdth" 62,"wght" 150;font-size:min(var(--fs-d1),62cqw);line-height:.84;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fog)}@media (min-width:1024px){.plates[data-view="seq"] .pl-n{display:block}}@media (hover:hover) and (pointer:fine){.plates:has(.pl-hit:hover) .pl:not(:hover){opacity:.45;transition-delay:0s;transition-duration:.35s}.plates:has(.pl-hit:hover) .pl:hover{transition-delay:0s;transition-duration:.25s}}.plates:has(.pl-hit:focus-visible) .pl:not(:focus-within){opacity:.45;transition-delay:0s;transition-duration:.35s}.g-crop{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:2;opacity:0}.g-crop path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:square}.g-loupe{position:fixed;left:0;top:0;z-index:calc(var(--z-header) - 2);width:200px;height:200px;border-radius:var(--r-disc);pointer-events:none;background-color:var(--paper);background-repeat:no-repeat;box-shadow:0 0 0 1px var(--ink),0 0 0 7px var(--paper),0 0 0 8px rgba(10,10,10,.12);opacity:0;visibility:hidden}.g-loupe::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:linear-gradient(var(--ink),var(--ink)) 50% 0 / 1px 8px no-repeat,linear-gradient(var(--ink),var(--ink)) 50% 100% / 1px 8px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 50% / 8px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 100% 50% / 8px 1px no-repeat;filter:drop-shadow(0 0 1px rgba(255,255,255,.9))}@media not ((hover:hover) and (pointer:fine)){.g-loupe,.g-crop{display:none}}.g-next{max-width:var(--maxw-gallery);padding-top:var(--section);text-align:center}.g-next .perf{margin-bottom:clamp(56px,8vw,120px)}.g-next-a{position:relative;display:inline-flex;align-items:baseline;gap:.16em;padding-bottom:.1em;font-family:var(--font-display);text-transform:uppercase;font-variation-settings:"wdth" 100,"wght" 800;font-size:var(--fs-d1);line-height:.86;letter-spacing:-.03em;color:var(--ink)}.g-next-t{display:inline-block;padding-top:var(--mask-pad)}.g-next-arr{display:inline-block;font-variation-settings:"wdth" 100,"wght" 300;transition:transform var(--d-ui) var(--ease-shutter)}.g-next-a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:max(2px,.03em);background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--d-ui) var(--ease-shutter)}@media (hover:hover) and (pointer:fine){.g-next-a:hover::after{transform:scaleX(1)}.g-next-a:hover .g-next-arr{transform:translateX(.12em)}}.g-next-a:focus-visible::after{transform:scaleX(1)}.g-counter{position:fixed;left:calc(16px + var(--safe-l));bottom:calc(16px + var(--safe-b));z-index:var(--z-counter);padding:4px 8px;background:rgba(255,255,255,.86);color:var(--graphite);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease-std),transform .45s var(--ease-out)}.g-counter.is-on{opacity:1;transform:none}.g-counter-l{color:var(--ink)}html.overlay-open .g-counter,html.menu-open .g-counter{opacity:0}