/* Intro: 4 biznesy (1.11.0) */
html.ig-intro-off .ig-intro{display:none}
html.ig-intro-open,html.ig-intro-open body{overflow:hidden}
.ig-intro{position:fixed;inset:0;z-index:9999;background:#050506;color:#fff;display:flex;flex-direction:column;font-family:var(--f-disp,Montserrat,system-ui,sans-serif);transition:opacity .7s ease,visibility .7s}
.ig-intro.is-closing{opacity:0;visibility:hidden}
.ig-intro.is-closing.is-entering{transition-delay:.55s}
.ig-intro__top{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;align-items:center;gap:18px;padding:22px 28px;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,6,.85),transparent)}
.ig-intro__logo{height:42px;width:auto;opacity:0;animation:igiFade .8s .2s forwards}
.ig-intro__h{margin:0;font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#c9cbd4;opacity:0;animation:igiFade .8s .45s forwards}
.ig-intro__skip{pointer-events:auto;margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:10px 18px;font:600 13px/1 inherit;cursor:pointer;backdrop-filter:blur(10px);opacity:0;animation:igiFade .8s 1.4s forwards;transition:background .3s}
.ig-intro__skip:hover{background:rgba(255,255,255,.18)}
.ig-intro__grid{flex:1;display:flex;min-height:0}
.ig-intro__tile{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;border-right:1px solid rgba(255,255,255,.08);
  clip-path:inset(100% 0 0 0);animation:igiReveal 1.1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:calc(.25s + var(--i) * .14s);
  transition:flex-grow .8s cubic-bezier(.2,.8,.2,1)}
.ig-intro__tile:last-child{border-right:0}
.ig-intro__img{position:absolute;inset:-4%;background:#111 center/cover no-repeat;transform:scale(1.25);animation:igiZoom 2.2s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--i) * .14s);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s}
.ig-intro__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 30%,rgba(0,0,0,.82));transition:opacity .6s}
.ig-intro__num{position:absolute;top:96px;left:26px;font:600 12px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.2em;color:rgba(255,255,255,.7)}
.ig-intro__txt{position:absolute;left:26px;right:26px;bottom:34px;display:grid;gap:10px;transform:translateY(24px);opacity:0;animation:igiUp .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.9s + var(--i) * .14s)}
.ig-intro__txt strong{font-size:clamp(22px,2.3vw,36px);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.ig-intro__txt em{font-style:normal;font-family:var(--f-body,'Open Sans',system-ui,sans-serif);font-size:14px;line-height:1.5;color:#d6d8df;max-width:340px}
.ig-intro__go{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;width:max-content;padding-bottom:6px;background:linear-gradient(100deg,#8B5CF6,#5B6EF5,#22D3EE,#34D399,#F5A524,#F43F5E) left bottom/100% 2px no-repeat}
.ig-intro__go i{font-style:normal;transition:transform .4s}

@media (hover:hover) and (min-width:901px){
  .ig-intro__grid:hover .ig-intro__tile{flex-grow:.8}
  .ig-intro__grid .ig-intro__tile:hover{flex-grow:2.2}
  .ig-intro__grid:hover .ig-intro__tile:not(:hover) .ig-intro__img{filter:grayscale(.6) brightness(.55)}
  .ig-intro__tile:hover .ig-intro__img{transform:scale(1.06)}
  .ig-intro__tile:hover .ig-intro__go i{transform:translateX(6px)}
}
.ig-intro__tile:focus-visible{outline:2px solid #22D3EE;outline-offset:-6px}
/* Klik w kafel strony: rozlewa się na cały ekran */
.ig-intro__tile.is-picked{flex-grow:20!important}
.ig-intro__tile.is-picked .ig-intro__txt{opacity:0;transition:opacity .3s}

@media (max-width:900px){
  .ig-intro__top{padding:14px 16px;gap:12px}
  .ig-intro__logo{height:32px}
  .ig-intro__h{display:none}
  .ig-intro__grid{flex-direction:column}
  .ig-intro__tile{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);
    clip-path:inset(0 100% 0 0);animation-name:igiRevealX}
  .ig-intro__tile:nth-child(even){clip-path:inset(0 0 0 100%)}
  .ig-intro__num{top:auto;bottom:16px;left:auto;right:16px}
  .ig-intro__tile:first-child .ig-intro__txt{bottom:16px}
  .ig-intro__txt{left:16px;right:56px;bottom:16px;gap:4px}
  .ig-intro__txt strong{font-size:clamp(20px,6vw,28px)}
  .ig-intro__txt em{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ig-intro__go{font-size:11px;margin-top:2px}
}
@media (max-width:900px) and (max-height:620px){.ig-intro__txt em{display:none}}

@keyframes igiReveal{to{clip-path:inset(0 0 0 0)}}
@keyframes igiRevealX{to{clip-path:inset(0 0 0 0)}}
@keyframes igiZoom{to{transform:scale(1)}}
@keyframes igiUp{to{transform:none;opacity:1}}
@keyframes igiFade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .ig-intro *{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}
}

/* Przycisk powrotu do intro (1.11.1) */
.ig-intro-back{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);transition:transform .3s,background .3s,border-color .3s}
.ig-intro-back svg{width:18px;height:18px}
.ig-intro-back:hover{transform:translateY(-3px);border-color:transparent;background:linear-gradient(100deg,#8B5CF6,#5B6EF5,#22D3EE,#34D399,#F5A524,#F43F5E)}
.ig-intro-back:focus-visible{outline:2px solid #22D3EE;outline-offset:3px}
.ig-intro-back--float{position:fixed;left:18px;bottom:18px;z-index:56;width:50px;height:50px;background:rgba(10,10,12,.7)}
@media (max-width:900px){.igx-social .ig-intro-back{width:38px;height:38px}}