
.gi{
  --gi-card:      #080b16;
  --gi-card-hi:   #080b16;
  --gi-border:    var(--ak-line-0, rgba(255,255,255,.07));
  --gi-border-hi: var(--ak-line-hi, rgba(255,255,255,.22));
  --gi-text:      var(--ak-ink,   #ffffff);
  --gi-mid:       var(--ak-soft,  rgba(255,255,255,.86));
  --gi-low:       var(--ak-muted, rgba(255,255,255,.66));

  --gi-accent:      #e9b13b;
  --gi-accent-2:    #f4d58a;
  --gi-accent-soft: rgba(233,177,59,.13);
  --gi-accent-line: rgba(233,177,59,.32);

  --gi-shadow:    rgba(2,6,16,.72);
  --gi-focus:     #f4d58a;
  --gi-dot:       var(--ak-line-hi, rgba(255,255,255,.22));

  --gi-gap:20px; --gi-peek:30px; --gi-edge:clamp(18px,4vw,56px); --gi-cards:2;
  --gi-lift:-4px; --gi-zoom:1.04; --gi-dur:var(--ak-t-fast,.16s);
  --gi-font:"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  font-family:var(--gi-font);
  color:var(--gi-text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.gi, .gi *, .gi *::before, .gi *::after{ box-sizing:border-box; }

.gi a{ text-decoration:none; color:inherit; box-shadow:none; }
.gi img{ max-width:100%; display:block; border:0; }
.gi button{ font:inherit; margin:0; background:none; }
.gi h2{ margin:0; }
.gi time{ color:inherit; }

.gi[data-visible="1"]{ --gi-cards:1; }
.gi[data-visible="2"]{ --gi-cards:2; }
.gi[data-visible="3"]{ --gi-cards:3; }
.gi[data-visible="4"]{ --gi-cards:4; }

.gi-head{ text-align:center; margin:0 auto clamp(20px,3vw,30px); max-width:1280px; padding-inline:var(--gi-edge); }
.gi-eyebrow{ display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gi-accent); margin-bottom:10px; }
.gi-title-main{ font-weight:800; letter-spacing:-.018em; font-size:clamp(1.5rem,calc(3.4vw * var(--gsvc-a11y, 1)),2.0625rem); line-height:1.15; color:var(--gi-text); text-wrap:balance; }

.gi-viewport{ position:relative; }
.gi--bleed .gi-viewport{ margin-inline:calc(50% - 50vw); }
.gi-track{
  display:flex; gap:var(--gi-gap);
  overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
  padding:10px var(--gi-edge) 22px; scroll-padding-inline:var(--gi-edge);
  cursor:grab; scroll-behavior:auto;
}
.gi-track::-webkit-scrollbar{ display:none; }
.gi-track.is-ak-grab{ cursor:grabbing; user-select:none; scroll-snap-type:none; }
.gi-track.is-ak-kolko{ scroll-snap-type:none; }
.gi-track:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:4px; border-radius:14px; }

.gi-card{
  flex:0 0 calc((100% - (var(--gi-cards) - 1)*var(--gi-gap) - var(--gi-peek)) / var(--gi-cards));
  scroll-snap-align:start;
  display:flex; color:inherit;
  background:var(--gi-card); border:1px solid var(--gi-border);
  border-radius:15px; overflow:hidden; min-height:21.25rem; opacity:1;
  transition:transform var(--gi-dur) cubic-bezier(.2,.7,.2,1),
             border-color var(--gi-dur), box-shadow var(--gi-dur), background var(--gi-dur),
             opacity .45s ease;
}
[data-gak-widoczne] .gi-card{ opacity:1 !important; }
.gi.is-ak-in .gi-card{ opacity:1; }
@media (scripting: none){ .gi-card{ opacity:1; } }
.gi[data-layout="vertical"] .gi-card{ flex-direction:column; min-height:0; }

.gi-media{ position:relative; overflow:hidden; flex:0 0 46%; align-self:stretch; }
.gi[data-layout="vertical"] .gi-media{ flex:none; width:100%; aspect-ratio:16/10; }
.gi-media__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transform:scale(1); transition:transform var(--gi-dur) cubic-bezier(.2,.7,.2,1); }
body #page-container .gi .gi-media .gi-media__img{
  position:absolute; inset:0; width:100%; height:100%; max-width:none; max-height:none;
  margin:0; object-fit:cover;
}
.gi-media__img--fallback{ background:
  radial-gradient(120% 120% at 22% 16%, hsl(var(--gsvc-ak-fb, 40) 85% 62% / .34), transparent 55%),
  linear-gradient(140deg, hsl(var(--gsvc-ak-fb, 40) 45% 24%), hsl(var(--gsvc-ak-fb, 40) 55% 12%)); }
.gi-media::after{ content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, transparent 1px 9px); }
.gi-media::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(160deg, rgba(3,7,16,.42), transparent 42%); }
.gi-cat{ position:absolute; z-index:2; top:10px; left:10px;
  font-size:.656rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:#eaf1ff; background:rgba(8,14,28,.82); border:1px solid rgba(255,255,255,.14);
  padding:4px 9px; border-radius:999px; }
.gi-fallback{ position:absolute; inset:0; z-index:1; display:grid; place-items:center;
  font-weight:800; letter-spacing:.24em; font-size:.9375rem; color:rgba(255,255,255,.5); }

.gi-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:9px; padding:20px 22px 22px; }
.gi[data-layout="vertical"] .gi-body{ padding:16px 17px 18px; }
.gi-meta{ font-size:.781rem; font-weight:600; color:var(--gi-low); font-variant-numeric:tabular-nums; }
.gi-title{ font-size:clamp(1.031rem,calc(1.2vw * var(--gsvc-a11y, 1)),1.1875rem); font-weight:700; line-height:1.28; letter-spacing:-.01em;
  color:var(--gi-text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color var(--gi-dur); }
.gi-lead{ font-size:.95rem; font-weight:400; line-height:1.55; color:var(--gi-mid);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gi[data-layout="horizontal"] .gi-lead{ -webkit-line-clamp:4; }
.gi[data-layout="vertical"]   .gi-lead{ -webkit-line-clamp:3; }
.gi-btn{ margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:7px;
  font-size:.844rem; font-weight:650; color:var(--gi-accent);
  padding:9px 15px; border-radius:9px; border:1px solid var(--gi-accent-line); background:var(--gi-accent-soft);
  transition:color var(--gi-dur), border-color var(--gi-dur), background var(--gi-dur); }
.gi-arrow{ width:15px; height:15px; transition:transform var(--gi-dur); }

@media (hover:hover){
  .gi-card:hover{
    transform:translateY(var(--gi-lift)) scale(1.01);
    border-color:var(--gi-border-hi); background:var(--gi-card-hi);
    box-shadow:0 16px 38px -16px var(--gi-shadow), 0 4px 12px -8px var(--gi-shadow);
  }
  .gi-card:hover .gi-media__img{ transform:scale(var(--gi-zoom)); }
  .gi-card:hover .gi-title{ color:var(--gi-accent-2); }
  .gi-card:hover .gi-btn{ background:var(--gi-accent); border-color:var(--gi-accent); color:#08060a; }
  .gi-card:hover .gi-arrow{ transform:translateX(3px); }
}
.gi-card:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:3px; }
.gi-card:focus-visible .gi-btn{ background:var(--gi-accent); border-color:var(--gi-accent); color:#08060a; }

.gi-controls{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:22px; }
.gi-nav{ appearance:none; -webkit-appearance:none; cursor:pointer; width:42px; min-height:42px; border-radius:50%;
  border:1px solid var(--gi-border-hi); background:var(--gi-card); color:var(--gi-text);
  display:grid; place-items:center;
  transition:background .16s, border-color .16s, transform .16s, opacity .16s, color .16s; }
.gi-nav svg{ width:17px; height:17px; }
.gi-nav:hover{ background:var(--gi-accent); border-color:var(--gi-accent); color:#08060a; }
.gi-nav:active{ transform:scale(.94); }
.gi-nav:disabled{ opacity:.34; cursor:default; }
.gi-nav:disabled:hover{ background:var(--gi-card); border-color:var(--gi-border-hi); color:var(--gi-text); }
.gi-nav:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:3px; }
.gi-dots{ display:flex; align-items:center; gap:7px; }
.gi-dot{ appearance:none; -webkit-appearance:none; border:0; cursor:pointer; padding:0;
  width:7px; height:7px; border-radius:50%; background:var(--gi-dot);
  transition:width .22s cubic-bezier(.2,.7,.2,1), background .22s; }
.gi-dot:hover{ background:var(--gi-mid); }
.gi-dot.is-ak-active{ width:22px; border-radius:4px; background:var(--gi-accent); }
.gi-dot:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:3px; }

.gi-cta-wrap{ text-align:center; margin-top:clamp(26px,4vw,38px); }
.gi-cta{ display:inline-flex; align-items:center; gap:9px; font-size:.875rem; font-weight:650; color:var(--gi-text);
  padding:12px 24px; border-radius:999px; border:1px solid var(--gi-border-hi); background:transparent;
  position:relative; overflow:hidden; transition:color .2s, border-color .2s; }
.gi-cta__fill{ position:absolute; inset:0; z-index:0; background:var(--gi-accent);
  transform:scaleX(0); transform-origin:left; transition:transform .32s cubic-bezier(.2,.7,.2,1); }
.gi-cta > *{ position:relative; z-index:1; }
.gi-cta:hover{ color:#08060a; border-color:var(--gi-accent); }
.gi-cta:hover .gi-cta__fill{ transform:scaleX(1); }
.gi-cta:hover svg{ transform:translateX(3px); }
.gi-cta svg{ width:16px; height:16px; transition:transform .2s; }
.gi-cta:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:3px; }

@media (max-width:600px){ .gi{ --gi-peek:22px; } }

@media (prefers-reduced-motion:reduce){
  .gi *{ scroll-behavior:auto !important; }
  .gi-card, .gi-media__img, .gi-arrow, .gi-title, .gi-cta, .gi-cta__fill, .gi-dot, .gi-nav{ transition:none !important; }
  .gi-card{ opacity:1; }
  .gi-card:hover{ transform:none; }
  .gi-card:hover .gi-media__img{ transform:none; }
}

@media (prefers-contrast:more){
  .gi{ --gi-border:rgba(255,255,255,.34); --gi-border-hi:rgba(255,255,255,.62);
       --gi-mid:#d4dbe7; --gi-low:#b0b9c8; --gi-accent-line:var(--gi-accent); }
  .gi-cat{ color:#fff; background:rgba(4,8,18,.88); border-color:rgba(255,255,255,.55); }
  .gi-btn{ color:var(--gi-accent-2); }
}

@media (forced-colors:active){
  .gi-card{ border:1px solid CanvasText; }
  .gi-btn, .gi-cta, .gi-nav{ border:1px solid ButtonText; }
  .gi-cat{ border:1px solid CanvasText; }
  .gi-dot{ background:ButtonText; }
  .gi-dot.is-ak-active{ background:Highlight; }
  .gi-media__img--fallback{ background:Canvas; }
  .gi-card:focus-visible, .gi-btn:focus-visible, .gi-nav:focus-visible,
  .gi-dot:focus-visible, .gi-cta:focus-visible, .gi-track:focus-visible{ outline:2px solid Highlight; }
}

.gi{
  --gi-plakat-w:  clamp(280px, 24vw, 420px);
  --gi-font-head: "Inter Tight", var(--gi-font);
  --gi-ease-out:  cubic-bezier(.16,1,.3,1);
}

.gi .gi-track > .gi-card{
  flex:0 0 var(--gi-plakat-w); min-height:calc(var(--gi-plakat-w) * 1.28);
  flex-direction:column; justify-content:flex-end;
  position:relative; isolation:isolate;
  border-radius:var(--ak-r-md, 22px); background:var(--gi-card);
  transition:border-color .22s ease, box-shadow .7s var(--gi-ease-out), opacity .45s ease;
}
.gi .gi-track > .gi-card:hover{
  transform:none; background:var(--gi-card); border-color:var(--gi-border-hi);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(233,177,59,.14);
}
.gi .gi-track .gi-media{ position:absolute; inset:0; z-index:0; flex:none; width:100%; height:100%; aspect-ratio:auto; }
.gi .gi-track .gi-media::before{ display:none; }
.gi .gi-track .gi-media::after{ opacity:1; z-index:1;
  background:linear-gradient(180deg, rgba(1,2,9,.12) 0%, rgba(1,2,9,0) 30%, rgba(1,2,9,.5) 62%, rgba(1,2,9,.93) 100%); }
.gi .gi-track .gi-media__img{ transform:scale(1.001); transition:transform 1.1s var(--gi-ease-out); }
.gi .gi-track > .gi-card:hover .gi-media__img{ transform:scale(1.06); }

.gi .gi-track .gi-body{ position:relative; z-index:2; flex:0 0 auto; margin-top:auto; padding:1.6rem 1.5rem 1.55rem; gap:.95rem; }
.gi .gi-track .gi-title{
  font-family:var(--gi-font-head);
  font-size:clamp(1.2rem, calc(1.3vw * var(--gsvc-a11y, 1)), 1.56rem); line-height:1.18; font-weight:700;
  letter-spacing:-.014em; -webkit-line-clamp:3; text-wrap:pretty; color:var(--gi-text);
}
.gi .gi-track > .gi-card:hover .gi-title{ color:var(--gi-text); }
.gi .gi-kreska{ display:block; height:1px; width:2rem; background:var(--gi-accent); transition:width .7s var(--gi-ease-out); }
.gi .gi-track > .gi-card:hover .gi-kreska{ width:4.5rem; }
.gi .gi-cat, .gi .gi-meta, .gi .gi-lead, .gi .gi-btn, .gi .gi-fallback{ display:none; }

.gi .gi-okladka{ position:absolute; inset:0; display:grid; place-items:center; overflow:hidden;
  background:
    radial-gradient(90% 70% at 20% 0%, rgba(233,177,59,.22), transparent 60%),
    radial-gradient(60% 50% at 100% 100%, rgba(19,136,255,.16), transparent 60%),
    linear-gradient(160deg, #0d1222, #050812); }
.gi .gi-okladka::before{ content:""; position:absolute; inset:0; opacity:.55; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.16) .6px, transparent .7px); background-size:14px 14px; }
.gi .gi-okladka b{
  font-family:var(--gi-font-head); font-weight:800; text-transform:uppercase; line-height:1; letter-spacing:-.04em;
  color:transparent; -webkit-text-stroke:1px rgba(244,213,138,.5); transform:translateY(-8%);
  font-size:clamp(28px, calc(500px / var(--gi-okl-dl, 5)), 96px);
  max-width:90%; text-align:center; overflow-wrap:anywhere;
}

.gi .gi-postep{ display:inline-flex; align-items:center; gap:.9rem; font-family:var(--gi-font-head); font-weight:500;
  font-variant-numeric:tabular-nums; font-size:.85rem; letter-spacing:.04em; color:var(--gi-low); }
.gi .gi-postep b{ font-weight:700; color:var(--gi-text); }
.gi .gi-postep__pasek{ position:relative; display:block; width:clamp(120px,14vw,220px); height:2px;
  background:var(--gi-border-hi); border-radius:2px; overflow:hidden; }
.gi .gi-postep__pasek i{ position:absolute; inset:0; display:block; background:var(--gi-accent);
  transform-origin:left; transform:scaleX(var(--gi-p, .06)); transition:transform .18s ease; }
.gi-controls{ gap:20px; }

html.groah-a11y-text-2 .gi{ --gi-plakat-w:clamp(280px, 27vw, 500px); }
html.groah-a11y-text-3 .gi{ --gi-plakat-w:clamp(280px, 30vw, 560px); }
html.groah-a11y-text-2 .gi .gi-track .gi-media::after,
html.groah-a11y-text-3 .gi .gi-track .gi-media::after{
  background:linear-gradient(180deg, rgba(1,2,9,.42) 0%, rgba(1,2,9,.84) 34%, rgba(1,2,9,.96) 100%); }

@media (prefers-reduced-motion:reduce){
  .gi .gi-kreska, .gi .gi-track .gi-media__img, .gi .gi-postep__pasek i{ transition:none !important; }
  .gi .gi-track > .gi-card:hover .gi-media__img{ transform:none; }
}
@media (prefers-contrast:more){
  .gi .gi-track .gi-media::after{ background:linear-gradient(180deg, rgba(1,2,9,.2) 0%, rgba(1,2,9,.7) 45%, rgba(1,2,9,.98) 100%); }
}
@media (forced-colors:active){
  .gi .gi-postep__pasek i{ background:Highlight; }
  .gi .gi-kreska{ background:CanvasText; }
  .gi .gi-okladka b{ -webkit-text-stroke:1px CanvasText; }
}

.gi--glowna{
  --gi-edge: clamp(20px, 3vw, 60px);
  --gi-gap:  22px;
  --gi-peek: 0px;
  position:relative;
}
.gi--glowna .gi-head{
  text-align:left; max-width:none;
  margin:0 0 clamp(26px,3vw,40px); padding-inline:var(--gi-edge);
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end;
  gap:1.5rem clamp(20px,4vw,64px);
}
.gi--glowna .gi-eyebrow{ display:inline-flex; align-items:center; gap:.6rem; margin-bottom:.8rem; font-size:.72rem; letter-spacing:.16em; }
.gi--glowna .gi-eyebrow::before{ content:""; width:1.6rem; height:1px; background:var(--gi-accent); }
.gi--glowna .gi-title-main{
  font-family:var(--gi-font-head);
  font-size:clamp(2.08rem, calc(3.45vw * var(--gsvc-a11y, 1)), 4.4rem); line-height:.98; font-weight:800;
  letter-spacing:-.028em;
}
.gi--glowna .gi-head__l{ min-width:0; }
.gi--glowna .gi-head__r{ display:grid; grid-template-columns:auto auto; gap:.9rem 1.25rem; align-items:center; justify-items:end; }
.gi--glowna .gi-head__cta{
  grid-column:1 / -1; display:inline-flex; align-items:center; gap:10px; white-space:nowrap;
  padding-bottom:7px; border-bottom:1px solid var(--ak-line-hi, rgba(255,255,255,.22));
  font-size:0.95rem; font-weight:650; color:#fff;
  transition:border-color .25s var(--ak-ease, cubic-bezier(.22,.61,.36,1));
}
.gi--glowna .gi-head__cta::after{ content:"\2192"; color:var(--gi-accent);
  transition:transform .25s var(--ak-ease, cubic-bezier(.22,.61,.36,1)); }
.gi--glowna .gi-head__cta:hover{ border-bottom-color:var(--gi-accent); }
.gi--glowna .gi-head__cta:hover::after{ transform:translateX(5px); }
.gi--glowna .gi-head__cta:focus-visible{ outline:2px solid var(--gi-focus); outline-offset:3px; }
.gi--glowna .gi-head__nav{ display:inline-flex; gap:.5rem; }
.gi--glowna .gi-nav{ width:2.75rem; height:2.75rem; min-height:0; background:transparent; border-color:var(--gi-border-hi); }
.gi--glowna .gi-nav svg{ width:1.1rem; height:1.1rem; }
.gi--glowna .gi-nav:hover{ background:var(--gi-accent); border-color:var(--gi-accent); color:#08060a; }
.gi--glowna .gi-nav:disabled:hover{ background:transparent; border-color:var(--gi-border-hi); color:var(--gi-text); }
@media (max-width:759px){
  .gi--glowna .gi-head{ grid-template-columns:1fr; }
  .gi--glowna .gi-head__r{ justify-items:start; }
}
.gi--glowna .gi-viewport::after{ content:""; position:absolute; top:0; bottom:0; right:0; width:min(12vw,160px);
  pointer-events:none; background:linear-gradient(90deg, transparent, rgba(1,2,9,.85)); }
.gi--glowna .gi-controls, .gi--glowna .gi-cta-wrap{ display:none; }

@media (prefers-reduced-motion:reduce){
  .gi--glowna .gi-head__cta, .gi--glowna .gi-head__cta::after{ transition:none !important; }
  .gi--glowna .gi-head__cta:hover::after{ transform:none; }
}
@media (prefers-contrast:more){
  .gi--glowna .gi-nav{ border-color:var(--gi-border-hi); }
  .gi--glowna .gi-head__cta{ border-bottom-color:var(--gi-border-hi); }
}
@media (forced-colors:active){
  .gi--glowna .gi-nav{ border:1px solid ButtonText; }
  .gi--glowna .gi-head__cta{ border-bottom-color:LinkText; }
  .gi--glowna .gi-head__cta::after{ color:LinkText; }
  .gi--glowna .gi-head__cta:focus-visible{ outline:2px solid Highlight; }
}


html.groah-a11y-text-2 .gi .gi-title,
html.groah-a11y-text-3 .gi .gi-title,
html.groah-a11y-text-2 .gi .gi-lead,
html.groah-a11y-text-3 .gi .gi-lead {
	-webkit-line-clamp: unset;
	display: block;
	overflow: visible;
	max-height: none;
	height: auto;
}
