/* Wspólny nagłówek i stan aktualnie wybranej strony. */
.site-header{justify-content:flex-start;gap:0;background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-contact{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-left:clamp(17px,2vw,31px);padding:8px 11px;border:1px solid #b21b0d;color:#7f1714;font:500 clamp(.55rem,.58vw,.68rem) Arial,Helvetica,sans-serif;letter-spacing:.045em;text-decoration:none;white-space:nowrap}.contact-envelope{position:relative;width:14px;height:10px;border:1px solid currentColor}.contact-envelope:after{content:"";position:absolute;left:2px;top:-1px;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.menu-toggle{margin-left:auto}.global-nav{margin-left:auto}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{text-transform:none!important}.global-nav .is-active{color:#7f1714!important;font-weight:700!important}.voice-subnav a{text-transform:none}

/* Nowy układ kafelków: centralna, większa pozycja KREACJE FiNE. */
.tile-menu{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,202px);grid-auto-rows:202px}.tile{min-height:0}.tile span{text-transform:none}.tile span i,.tile>em i{font-style:normal;text-transform:lowercase}.tile>em{position:relative;z-index:2;margin-top:4px;font-family:var(--font-body);font-size:.68rem;font-style:normal;font-weight:400;letter-spacing:.15em}.tile-tv{background-image:url("../images/strona/home-tile-tv-v2.png")}.tile-tv>em{font-size:.59rem;letter-spacing:.09em}.tile-tv>small{font-size:.46rem;letter-spacing:.11em}.tile-creations{grid-column:2;grid-row:1 / 3;background-image:url("../images/strona/home-tile-creations-v2.png")}.tile-creations span{font-size:clamp(1.7rem,2.5vw,2.65rem)}.tile-streaming{grid-column:3;grid-row:1;background-image:url("../images/strona/home-tile-streaming-v2.png")}.tile-events{grid-column:1;grid-row:2;background-image:url("../images/strona/home-tile-events-v2.png")}.tile-led{grid-column:3;grid-row:2;background-image:url("../images/strona/home-tile-led-v2.png")}.tile-conference{grid-column:1;grid-row:3;background-image:url("../images/strona/home-tile-conference-v2.png")}.tile-medical{grid-column:2;grid-row:3;background-image:url("../images/strona/home-tile-medical-v2.png")}.tile-voice{grid-column:3;grid-row:3;background-image:url("../images/strona/voice-intro-01.jpg")}.tile-audio{grid-column:1;grid-row:4;background-image:url("../images/strona/home-tile-audio-v2.png");background-position:center 56%}

/* Nieaktywne kafelki: fotografia pozostaje widoczna, środek przecina półprzezroczysty pas. */
.tile.disabled:after{content:"W BUDOWIE";inset:50% 0 auto;height:44px;display:flex;align-items:center;justify-content:center;z-index:3;transform:translateY(-50%);background:rgba(255,255,255,.5);-webkit-backdrop-filter:none;backdrop-filter:none;color:#303030;font:500 .58rem var(--font-body);letter-spacing:.22em}

/* Panoramiczna przerwa i spokojny, nieskończony pas usług regionalnych. */
.production-separator{width:100%;height:300px;background:url("../images/strona/home-tv-separator-v1.png") center 48%/cover no-repeat fixed}.city-carousel{padding:42px 0 55px;background:#f1f1f0;overflow:hidden}.city-carousel-heading{max-width:1180px;margin:0 auto 25px;padding:0 var(--space-page)}.city-carousel-heading p{margin:0 0 2px;color:var(--color-accent);font-size:.6rem;letter-spacing:.22em}.city-carousel-heading h2{margin:0;font:300 clamp(1.25rem,2vw,1.8rem)/1.2 var(--font-display);letter-spacing:.09em;text-transform:uppercase}.city-viewport{overflow:hidden}.city-track{display:flex;width:max-content;animation:cityMarquee 44s linear infinite}.city-viewport:hover .city-track{animation-play-state:paused}.city-set{display:flex;gap:12px;padding-right:12px}.city-card{width:250px;height:112px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:end;padding:22px 24px;border:1px solid rgba(23,23,23,.12);border-radius:var(--radius-tile);background:rgba(255,255,255,.72);color:#222}.city-icon{grid-row:1/3;align-self:center;width:28px;height:28px;border:1px solid rgba(127,23,20,.7);border-radius:50%;position:relative}.city-icon:before,.city-icon:after{content:"";position:absolute;background:#7f1714}.city-icon:before{left:7px;right:7px;top:13px;height:1px}.city-icon:after{top:7px;bottom:7px;left:13px;width:1px}.icon-camera{border-radius:5px}.icon-stream:after,.icon-live:after{transform:rotate(45deg)}.icon-event:before{transform:rotate(-25deg)}.icon-led{border-radius:2px;box-shadow:inset 0 0 0 5px #fff}.icon-audio:before{height:8px;top:9px;border-top:1px solid #7f1714;border-bottom:1px solid #7f1714;background:transparent}.icon-conference:after{border-radius:50%}.icon-production{transform:rotate(45deg);border-radius:4px}.city-card strong{align-self:end;font:400 .67rem var(--font-body);letter-spacing:.1em}.city-card small{align-self:start;margin-top:5px;color:#7f1714;font:.58rem var(--font-body);letter-spacing:.2em}@keyframes cityMarquee{to{transform:translateX(-50%)}}

/* Zwarta para: podtytuł kategorii i jej główny nagłówek. */
.voice-section .section-heading .eyebrow{margin-bottom:-4px!important;line-height:1!important}.voice-section .section-heading h2{line-height:1!important}

@media(max-width:1280px){.header-contact{margin-left:10px}.global-nav{margin-left:0}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{text-align:center}.voice-subnav a{text-align:center}}
@media(max-width:900px){.tile-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.tile,.tile-creations,.tile-streaming,.tile-events,.tile-led,.tile-conference,.tile-medical,.tile-audio,.tile-voice{grid-column:auto;grid-row:auto;min-height:190px}.tile-creations{grid-column:1 / -1;min-height:270px}.production-separator{height:270px;background-attachment:scroll}}
@media(max-width:650px){.header-contact{margin-left:auto;padding-left:13px;font-size:.54rem}.tile-menu{grid-template-columns:1fr}.tile-creations{grid-column:auto;min-height:230px}.production-separator{height:220px}.city-carousel{padding:34px 0 44px}.city-card{width:225px}}
@media(prefers-reduced-motion:reduce){.city-track{animation-play-state:paused}}

/* Ujednolicenie obu nagłówków oraz jaśniejsza, bardziej kafelkowa prezentacja. */
.site-header{background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.tile{box-shadow:0 8px 22px rgba(31,42,54,.08)}.tile:before{z-index:1;background:linear-gradient(to top,rgba(12,24,38,.49),rgba(255,255,255,.04) 72%)}.tile.disabled:after{inset:0 0 auto;height:48px;transform:none;background:rgba(255,255,255,.5);color:#201f1f;font-size:.72rem;font-weight:600;letter-spacing:.2em}.tile-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover}.tile-tv{background-image:url("../images/strona/user-media/cinema-camera-tv.jpg")}.tile-events{background-image:url("../images/strona/user-media/oprawa-eventow.jpg")}.tile-audio{background-image:url("../images/strona/user-media/naglosnienie.jpg")}

/* Tło użytkownika i karuzela przesuwana łagodnym krokiem co dwie sekundy. */
.production-separator{background-image:url("../images/strona/user-media/IMG_2270-background.jpg")}.city-viewport{overflow-x:hidden;scroll-behavior:auto}.city-track{animation:none}.city-icon{grid-row:1/3;align-self:center;width:31px;height:31px;border:0;border-radius:0;object-fit:contain}.city-icon:before,.city-icon:after{content:none}.city-card{background:rgba(255,255,255,.82);box-shadow:0 5px 16px rgba(31,42,54,.05)}

@media(prefers-reduced-motion:reduce){.city-viewport{scroll-behavior:auto}}

/* Pełne, jasne wygaszenie nieaktywnych kafelków. */
.tile.disabled:after{content:"";inset:0;height:auto;z-index:1;transform:none;background:rgba(245,245,245,.57);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tile.disabled>span,.tile.disabled>em,.tile.disabled>small{z-index:2}

/* Ruchome media zoptymalizowane do internetu. */
.production-separator{position:relative;isolation:isolate;overflow:hidden;background-image:url("../images/strona/user-media/IMG_2270-background.jpg")}.production-video{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);z-index:0;object-fit:cover;filter:blur(2px) saturate(.82) contrast(.96)}.production-separator:after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.075) 0,rgba(255,255,255,.075) 1px,rgba(20,28,38,.035) 1px,rgba(20,28,38,.035) 3px),rgba(255,255,255,.09);pointer-events:none}

/* Duże ikony, kwadratowe karty i wolny krok karuzeli. */
.city-track{gap:0;transition:transform 1.2s cubic-bezier(.65,0,.35,1);will-change:transform}.city-track.no-transition{transition:none}.city-set{gap:18px;padding-right:18px}.city-card{width:240px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 18px;border-radius:var(--radius-tile);text-align:center}.city-icon{width:104px;height:104px;margin:0 0 23px;object-fit:contain}.city-card strong{width:100%;overflow:hidden;color:#222;font:500 .54rem/1.2 var(--font-body);letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis}.city-card small{margin-top:7px;color:#7f1714;font:.66rem/1 var(--font-body);letter-spacing:.2em}

@media(max-width:650px){.city-card{width:205px;height:205px}.city-icon{width:84px;height:84px;margin-bottom:18px}.city-card strong{font-size:.49rem}}

/* Kolejne dopracowanie ruchu, rastra i wolnych miejsc w ostatnim rzędzie. */
.tile-streaming{background-image:url("../images/strona/user-media/stream-wireless-city.jpg")}.tile-rental{grid-column:2;grid-row:4;background-image:url("../images/strona/user-media/rental-switcher.jpg")}.production-video{inset:-42px;width:calc(100% + 84px);height:calc(100% + 84px);will-change:transform;transition:transform .12s linear}.production-separator:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 1px,rgba(15,24,34,.09) 1px,rgba(15,24,34,.09) 3px),rgba(255,255,255,.08)}.city-carousel{padding-top:72px}.city-carousel-heading{margin-bottom:48px}.city-card{width:188px;height:188px;padding:17px 12px}.city-icon{width:90px;height:90px;margin-bottom:13px}.city-card strong{font-size:.43rem;letter-spacing:.045em}.city-card small{margin-top:5px;font-size:.58rem}.city-set{gap:18px;padding-right:18px}

@media(max-width:900px){.tile-rental{grid-column:auto;grid-row:auto}.production-video{transition:none}.city-carousel{padding-top:58px}.city-carousel-heading{margin-bottom:38px}}
@media(max-width:650px){.city-card{width:164px;height:164px;padding:14px 10px}.city-icon{width:76px;height:76px;margin-bottom:10px}.city-card strong{font-size:.39rem}.city-card small{font-size:.52rem}}

/* Korekta różnic metryki czcionek w Firefoxie i wysokości kafelków mobilnych. */
.home-intro h1{font-size:clamp(1.3rem,1.8vw,1.75rem)!important}
@media(max-width:1100px){.home-intro h1{white-space:normal!important;text-wrap:balance}}
@media(max-width:900px){.tile-menu{grid-auto-rows:auto!important}.tile-creations{height:auto;min-height:270px}}
@media(max-width:650px){.tile-creations{min-height:230px}}

/* Rzadszy raster punktowy: większe, miękkie kropki zamiast poziomych linii. */
.production-separator:after{background-color:rgba(255,255,255,.08);background-image:radial-gradient(circle,rgba(24,31,38,.18) 0 1.2px,transparent 1.45px);background-size:4px 4px}
.production-video{top:0;right:-4px;bottom:auto;left:-4px;width:calc(100% + 8px);height:100vh;object-position:center center;transition:none;will-change:transform}
@media(max-width:900px){.production-video{height:100vh}}

/* Więcej oddechu przed filmem i zapas przewijania do odsłonięcia całego kadru. */
.production-separator{margin-top:80px;margin-bottom:clamp(187px,25.3vh,287px)}
@media(max-width:900px){.production-separator{margin-top:54px;margin-bottom:147px}}
@media(max-width:650px){.production-separator{margin-top:42px;margin-bottom:107px}}
