/* tokens.css */
@font-face{font-family:Montserrat;src:url("../fonts/montserrat-300.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Montserrat;src:url("../fonts/montserrat-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url("../fonts/montserrat-400-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}:root{--font-display:Montserrat,Arial,sans-serif;--font-body:Montserrat,Arial,sans-serif;--color-ink:#171717;--color-muted:#666;--color-paper:#f4f4f3;--color-surface:#fff;--color-accent:#b21b0d;--color-footer:#eee;--heading-hero:clamp(1.35rem,2.25vw,2rem);--heading-section:clamp(2.25rem,3.25vw,3.15rem);--heading-tile:clamp(1rem,1.45vw,1.42rem);--text-body:clamp(.9rem,1.15vw,1.02rem);--radius-tile:11px;--space-page:clamp(22px,4vw,54px)}

/* style.css */
:root{--ink:#111;--paper:#eee;--red:#a81608;--red-dark:#710b05;--line:rgba(17,17,17,.18);--header:78px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:rgba(15,15,15,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.brand img{display:block;width:190px;max-height:42px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,28px)}.main-nav a{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.13em;transition:color .25s}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.main-nav .nav-contact{border:1px solid #777;padding:9px 14px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;background:#fff;margin:6px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.split-image{overflow:hidden;min-height:520px}.split-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s ease}.split-image:hover img{transform:scale(1.025)}.split-copy,.services-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--red);margin:0 0 12px}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.8rem,5.4vw,6rem)}h2{font-size:clamp(2.3rem,4vw,4.6rem)}.lead{font-size:clamp(1.15rem,2vw,1.6rem);margin:0 0 35px;color:#444}blockquote{border-left:2px solid var(--red);margin:0 0 30px;padding-left:22px;font-family:var(--serif);font-size:1.15rem}blockquote cite{display:block;margin-top:8px;font:700 .67rem var(--sans);text-transform:uppercase;letter-spacing:.15em}.split-copy>p:not(.eyebrow):not(.lead){max-width:650px;color:#333}.text-link{align-self:flex-start;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700;text-decoration:none;margin-top:18px;border-bottom:1px solid var(--ink);padding-bottom:4px}.services{min-height:580px;background:#171717;color:#eee}.services-copy{background:#171717}.services .eyebrow{color:#d45347}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#444;margin-top:35px}.service-grid span{background:#171717;padding:18px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.service-grid small{display:block;color:#999;text-transform:none;letter-spacing:0;margin-top:4px}.voice-section{position:relative;padding:clamp(80px,10vw,150px) clamp(20px,8vw,130px);background-size:cover;background-position:center;background-attachment:fixed}.voice-section:before{content:"";position:absolute;inset:0;background:rgba(238,238,238,.88)}.section-men{background-image:url("../images/strona/voice-men-bg.webp")}.section-women{background-image:url("../images/strona/voice-women-bg.webp")}.section-heading,.voice-grid,.voice-section>.voice-card{position:relative;z-index:1}.section-heading{max-width:1100px;margin:0 auto 45px}.voice-grid{max-width:1100px;margin:auto;display:grid;gap:14px}.voice-card{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(300px,1.7fr) auto;gap:25px;align-items:center;padding:24px 28px;background:rgba(255,255,255,.92);border-left:4px solid var(--red);box-shadow:0 14px 36px rgba(0,0,0,.08)}.voice-card h3{margin:3px 0 0;font:400 1.35rem var(--serif)}.voice-card p{margin:2px 0;color:#6b6b6b;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.voice-code{color:var(--red);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.player{display:flex;align-items:center;gap:14px}.player audio{display:none}.play{flex:0 0 46px;width:46px;height:46px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:1rem;cursor:pointer;transition:background .2s,transform .2s}.play:hover{background:var(--red-dark);transform:scale(1.05)}.track{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;width:100%}.track span{grid-column:1/-1;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.progress{width:100%;accent-color:var(--red);cursor:pointer}.time{font-variant-numeric:tabular-nums;color:#666}.choose{white-space:nowrap;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;font-weight:700;border-bottom:1px solid #999;padding:8px 0}.compact{background:#dedede}.compact>.voice-card{position:relative;max-width:1100px;margin:auto}.dark{background:#181818;color:#fff}.dark:before{display:none}.dark .voice-card{background:#262626;color:#fff}.dark .choose{color:#fff}.dark .voice-card p,.dark .time{color:#aaa}.native{min-height:390px;display:flex;align-items:center;background:#f4f4f4}.native .section-heading{width:1100px}.native .section-heading>p:last-child{max-width:560px;color:#555}footer{background:#0e0e0e;color:#aaa;text-align:center;padding:80px 24px 35px}footer img{width:220px;max-width:70%;margin-bottom:8px}footer>p{text-transform:uppercase;letter-spacing:.25em;font-size:.72rem;margin:5px 0 30px}footer div{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:55px}footer a{color:#eee;text-decoration:none}footer small{font-size:.7rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.reveal.from-left{transform:translateX(-35px)}.reveal.from-right{transform:translateX(35px)}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.menu-toggle{display:block}.main-nav{position:absolute;top:var(--header);left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#111;padding:20px 28px 28px}.main-nav.open{display:flex}.main-nav a{padding:8px}.split{grid-template-columns:1fr;min-height:0}.split-image{min-height:58vw;max-height:620px}.services .split-image{order:-1}.voice-section{background-attachment:scroll}.voice-card{grid-template-columns:1fr}.choose{justify-self:start}.player{width:100%}}@media(max-width:560px){:root{--header:68px}.site-header{padding:0 18px}.brand img{width:155px}.split-copy,.services-copy{padding:55px 24px}.service-grid{grid-template-columns:1fr}.voice-section{padding:70px 18px}.voice-card{padding:22px 20px;gap:18px}.track{grid-template-columns:1fr auto}h1{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.split-image img,.play{transition:none}}

/* opening.css */
/* Otwarcie VOICE — cztery lekkie, animowane pola inspirowane oryginalną stroną. */
.voice-opening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1228px,100%);margin:24px auto 66px;background:#ededed;overflow:hidden}.opening-panel{position:relative;min-height:0;aspect-ratio:1/1;overflow:hidden}.opening-photo{background:#d9d9d9}.opening-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.12));opacity:.45;transition:opacity .9s ease}.opening-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.002);filter:saturate(.88) contrast(.97);transition:transform 1.6s cubic-bezier(.2,.65,.25,1),filter 1.1s ease}.opening-photo:hover img{transform:scale(1.035);filter:saturate(1) contrast(1)}.opening-photo:hover:after{opacity:.16}.opening-story{background:#f0f0f0;color:#171717}.opening-services{background:#e2e2e2;color:#171717}.opening-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,66px)}.opening-kicker{margin:0 0 22px;color:#af1300;font-size:.68rem;font-weight:500;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.voice-opening h1,.voice-opening h2{font-family:"Roboto",Arial,Helvetica,sans-serif;font-weight:200;letter-spacing:-.025em;color:#171717}.voice-opening h1{max-width:470px;margin:0;font-size:clamp(2.15rem,3.75vw,3.7rem);line-height:1.02}.voice-opening h2{margin:0 0 34px;font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.08}.opening-subtitle{margin:12px 0 32px;color:#777;font-size:.82rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase}.voice-opening blockquote{max-width:430px;margin:0 0 24px;padding:0;border:0;color:#242424;font-size:1rem;font-style:normal;font-weight:300;line-height:1.65}.voice-opening blockquote cite{display:inline;margin-left:.35em;color:#777;font-size:.65rem;font-style:italic;font-weight:400;letter-spacing:.06em;text-transform:none}.opening-story .opening-copy>p:not(.opening-kicker):not(.opening-subtitle){max-width:465px;margin:0 0 15px;color:#4d4d4d;font-size:.9rem;font-weight:300;line-height:1.68}.opening-link{align-self:flex-start;margin-top:14px;padding:0 0 5px;color:#1b1b1b;border-bottom:1px solid rgba(0,0,0,.35);font-size:.67rem;font-weight:500;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;transition:color .3s ease,border-color .3s ease}.opening-link span{display:inline-block;margin-left:10px;transition:transform .35s ease}.opening-link:hover{color:#af1300;border-color:#af1300}.opening-link:hover span{transform:translateY(4px)}.recording-forms{border-top:1px solid rgba(0,0,0,.16)}.recording-forms div{display:grid;grid-template-columns:30px minmax(90px,.75fr) 1.25fr;gap:12px;align-items:center;min-height:51px;border-bottom:1px solid rgba(0,0,0,.13);transition:padding-left .4s ease,background-color .4s ease}.recording-forms div:hover{padding-left:9px;background:rgba(255,255,255,.3)}.recording-forms span{color:#af1300;font-size:.58rem;letter-spacing:.12em}.recording-forms strong{font-size:.73rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.recording-forms small{color:#686868;font-size:.72rem;font-weight:300;line-height:1.25}.voice-opening .reveal{transition-duration:1.15s}.voice-opening .opening-story{transition-delay:.08s}.voice-opening .opening-services{transition-delay:.12s}.voice-opening .opening-panel:last-child{transition-delay:.2s}
@media(max-width:900px){.voice-opening{grid-template-columns:1fr;width:100%;margin-top:0}.opening-panel{aspect-ratio:auto;min-height:min(100vw,620px)}.opening-story,.opening-services{min-height:auto}.opening-copy{padding:58px clamp(26px,8vw,70px)}.opening-services{order:4}.voice-opening .opening-panel:last-child{order:3}.recording-forms div{grid-template-columns:28px minmax(100px,.7fr) 1.3fr}}
@media(max-width:520px){.opening-panel{min-height:100vw}.opening-story,.opening-services{min-height:auto}.opening-copy{padding:48px 24px}.voice-opening h1{font-size:2.45rem}.voice-opening h2{font-size:2.15rem}.recording-forms div{grid-template-columns:25px 1fr;gap:7px;min-height:58px}.recording-forms small{grid-column:2}.voice-opening blockquote{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.opening-photo img,.opening-photo:after,.recording-forms div,.opening-link span{transition:none}}

/* refinement.css */
/* Korekta czterech pól otwierających. */
.voice-opening{gap:clamp(14px,1.65vw,24px);padding:clamp(14px,1.65vw,24px);background:#f7f7f7}
.voice-opening,.voice-opening h1,.voice-opening h2,.voice-opening blockquote,.voice-opening p,.voice-opening a,.voice-opening strong,.voice-opening small{font-family:"Roboto","Helvetica Neue",Arial,sans-serif}
.voice-opening h1,.voice-opening h2{font-weight:200;letter-spacing:-.018em}
.opening-story .opening-copy>p:not(.opening-kicker):not(.opening-subtitle),.voice-opening blockquote{font-weight:300;color:#565656}
.opening-kicker,.opening-subtitle,.recording-forms strong,.recording-forms small{font-weight:300}
.voice-opening .opening-panel{transition-delay:.16s}
.voice-opening .opening-panel:nth-child(2){transition-delay:.34s}
.voice-opening .opening-panel:nth-child(3){transition-delay:.52s}
.voice-opening .opening-panel:nth-child(4){transition-delay:.70s}
@media(max-width:900px){.voice-opening{gap:16px;padding:16px}.voice-opening .opening-panel:nth-child(n){transition-delay:.16s}}

/* match-reference.css */
@font-face{font-family:"Montserrat FAF";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/montserrat-300.ttf") format("truetype")}
@font-face{font-family:"Montserrat FAF";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/montserrat-400.ttf") format("truetype")}
@font-face{font-family:"Montserrat FAF";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/montserrat-400-italic.ttf") format("truetype")}
.opening-story .opening-copy{padding:clamp(32px,5.15vw,64px);font-family:"Montserrat FAF",Montserrat,Arial,sans-serif}
.voice-opening .opening-story blockquote{max-width:470px;margin:0 0 18px;color:#171717;font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.5;letter-spacing:-.012em}
.voice-opening .opening-story blockquote cite{font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:0}
.voice-opening .opening-story .opening-copy>p:not(.opening-kicker):not(.opening-subtitle){max-width:470px;margin:0;color:#535353;font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:1rem;font-weight:300;line-height:1.48;letter-spacing:-.006em}
.voice-opening .opening-services .opening-copy,.voice-opening .opening-services h2,.voice-opening .opening-services .opening-kicker,.voice-opening .opening-services .recording-forms strong,.voice-opening .opening-services .recording-forms small,.voice-opening .opening-services .recording-forms span{font-family:"Montserrat FAF",Montserrat,Arial,sans-serif}
.voice-opening .opening-services h2{font-size:clamp(1rem,1.65vw,1.575rem);font-weight:300;letter-spacing:-.025em}.voice-opening .opening-services .opening-kicker,.voice-opening .opening-services .recording-forms strong{font-weight:400}.voice-opening .opening-services .recording-forms small{font-weight:300}
@media(max-width:520px){.voice-opening .opening-story blockquote{font-size:1.05rem}.voice-opening .opening-story .opening-copy>p:not(.opening-kicker):not(.opening-subtitle){font-size:.96rem;line-height:1.5}}
.voice-opening .opening-panel .panel-headline{max-width:480px;margin:0 0 26px;color:#171717;font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:clamp(1.48rem,2vw,1.65rem);font-weight:300;line-height:1.42;letter-spacing:-.018em}
.voice-opening .opening-story .panel-headline{margin-bottom:22px}
@media(max-width:520px){.voice-opening .opening-panel .panel-headline{font-size:1.42rem;line-height:1.44}}
.voice-transition-image{position:relative;width:100%;height:262px;margin:112px 0 0;background:url("../images/strona/voice-men-bg.webp") center 42%/cover no-repeat fixed;overflow:hidden;transition:opacity 1.4s ease,transform 1.4s ease}
.voice-transition-image:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.28)}
.section-men{background-image:none;background-color:#eee}
@media(max-width:900px){.voice-transition-image{width:100%;height:230px;margin-top:72px;background-attachment:scroll;background-position:center 42%}}
@media(max-width:520px){.voice-transition-image{height:190px;margin-top:54px}.voice-transition-image:after{background:rgba(255,255,255,.25)}}
.section-men{padding-top:clamp(48px,5vw,72px)}
.section-men .section-heading{margin-bottom:34px}
.section-men .section-heading .eyebrow{margin-bottom:7px;font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:.66rem;font-weight:400;letter-spacing:.22em}
.section-men .section-heading h2{margin:0;font-family:"Montserrat FAF",Montserrat,Arial,sans-serif;font-size:clamp(1.8rem,2.7vw,2.65rem);font-weight:300;line-height:1.08;letter-spacing:.085em;text-transform:uppercase;font-variant-caps:all-small-caps}
@media(max-width:520px){.section-men{padding-top:42px}.section-men .section-heading h2{font-size:1.75rem}}
html body,body button,body input,body textarea,body select,body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span,body small,body strong,body blockquote,body cite{font-family:"Montserrat FAF",Montserrat,"Helvetica Neue",Arial,sans-serif}
body h1,body h2,body h3,body h4,body h5,body h6{font-weight:300}
body p{font-weight:300}
.section-men .section-heading .eyebrow{font-size:clamp(.78rem,1vw,.9rem)}
.section-men .section-heading h2{font-size:clamp(2.25rem,3.25vw,3.15rem)}
.transition-women{margin-top:0;background-image:url("../images/strona/voice-women-bg.webp");background-position:center 45%}
.section-women{background-image:none;background-color:#eee}
.section-women .section-heading .eyebrow{font-size:clamp(.78rem,1vw,.9rem);font-weight:400;letter-spacing:.22em}
.section-women .section-heading h2{margin:0;font-size:clamp(2.25rem,3.25vw,3.15rem);font-weight:300;line-height:1.08;letter-spacing:.085em;text-transform:uppercase;font-variant-caps:all-small-caps}
@media(max-width:520px){.section-men .section-heading h2,.section-women .section-heading h2{font-size:2rem}}

/* Lekka playlista przypisana osobno do każdego głosu. */
.voice-card{align-items:start}
.player{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px 15px;align-items:center}
.play{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #a81608;background:#fafafa;color:#a81608;font-size:0;box-shadow:none}
.play:before{content:"";display:block;width:14px;height:18px;margin-left:2px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateY(4px)}
.play.is-playing:before{width:9px;height:14px;margin-left:0;border:0;background:linear-gradient(to right,currentColor 0 2px,transparent 2px 7px,currentColor 7px 9px);clip-path:none;transform:translateY(4px)}
.play:hover,.play:focus-visible{background:#a81608;color:#fff;transform:scale(1.04);outline:none}
.section-men .voice-code{display:block;margin-bottom:7px;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:400;letter-spacing:.04em}
.section-men .voice-card>div:first-child>p,.section-women .voice-card>div:first-child>p{display:none}
.choose{display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:center;width:76px;padding:4px 0;border:0;white-space:normal;text-align:center;line-height:1.35;transition:color .25s ease,transform .25s ease}
.choose:after{content:"";display:block;width:22px;height:15px;margin-top:10px;border:1px solid currentColor;border-radius:1px;background:linear-gradient(145deg,transparent 47%,currentColor 49%,currentColor 52%,transparent 54%) left top/50% 80% no-repeat,linear-gradient(215deg,transparent 47%,currentColor 49%,currentColor 52%,transparent 54%) right top/50% 80% no-repeat}
.choose:hover,.choose:focus-visible{color:#a81608;transform:translateY(-2px);outline:none}
.native{display:block}
.native .section-heading>p:last-child{display:none}
.native .voice-grid{position:relative;z-index:1;max-width:1100px;margin:0 auto}

/* Jedna, wspólna oprawa dla wszystkich grup głosów. */
.voice-section.compact,.voice-section.dark,.voice-section.native{background:#eee;color:#171717;padding-top:clamp(48px,5vw,72px)}
.voice-section.dark:before,.voice-section.native:before{display:none}
.voice-section.dark .voice-card{background:rgba(255,255,255,.92);color:#171717}
.voice-section.dark .voice-card p,.voice-section.dark .time{color:#666}
.voice-section.dark .choose{color:#171717}
#dzieciece .section-heading,#gwiazdy .section-heading,#native .section-heading{width:100%;max-width:1100px;margin:0 auto 34px}
#dzieciece .section-heading .eyebrow,#gwiazdy .section-heading .eyebrow,#native .section-heading .eyebrow{margin-bottom:7px;font-size:clamp(.78rem,1vw,.9rem);font-weight:400;letter-spacing:.22em}
#dzieciece .section-heading h2,#gwiazdy .section-heading h2,#native .section-heading h2{margin:0;font-size:clamp(2.25rem,3.25vw,3.15rem);font-weight:300;line-height:1.08;letter-spacing:.085em;text-transform:uppercase;font-variant-caps:all-small-caps}
@media(max-width:520px){#dzieciece .section-heading h2,#gwiazdy .section-heading h2,#native .section-heading h2{font-size:2rem}}

/* Zdjęcia tworzą żywy, ciągły rytm strony. */
.voice-opening{gap:0;padding:0;margin:0 auto;background:#ededed}
.voice-transition-image{margin:0;background-image:url("../images/strona/voice-men-studio-generated.png");background-position:center 52%;background-size:cover}
.transition-women{background-image:url("../images/strona/voice-women-bg.webp")}
.transition-child{background-image:url("../images/strona/voice-child-original.webp");background-position:center 36%}
.transition-native{background-image:url("../images/strona/voice-native-original.webp");background-position:center 48%}
.voice-transition-image.reveal{opacity:0;transform:translateY(18px)}
.voice-transition-image.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.voice-opening{gap:0;padding:0}.voice-transition-image{margin:0;background-attachment:scroll}}

/* Zwarty odtwarzacz: playlista po lewej, krótki pasek po prawej. */
.voice-card{grid-template-columns:86px minmax(0,1fr) 76px;gap:18px;padding:18px 22px}
.player{grid-template-columns:minmax(150px,1fr) 36px minmax(125px,.72fr);gap:12px;align-items:center}
.player .voice-playlist{grid-column:1;grid-row:1;margin:0;border-top:0}
.player .play{grid-column:2;grid-row:1}
.player .track{grid-column:3;grid-row:1}
.playlist-item{padding:7px 2px}
.playlist-item:first-child{border-top:1px solid rgba(17,17,17,.14)}
.playlist-title{font-size:.64rem}
.playlist-action{display:none}
@media(max-width:950px){.voice-card{grid-template-columns:1fr}.player{grid-template-columns:36px minmax(0,1fr)}.player .voice-playlist{grid-column:1/-1;grid-row:2;margin-top:4px}.player .play{grid-column:1;grid-row:1}.player .track{grid-column:2;grid-row:1}}

/* Finalne proporcje, obrazy i kolory kategorii. */
.voice-opening{margin:0 auto 42px}
.voice-transition-image{background-image:url("../images/strona/voice-men-actor-generated.png");background-attachment:scroll!important;transform:none}
.voice-transition-image.reveal{opacity:0;transform:translateY(10px)}
.voice-transition-image.reveal.visible{opacity:1;transform:none}
.transition-women{background-image:url("../images/strona/voice-men-bg.webp");background-position:center 42%}
.transition-stars{background-image:url("../images/strona/voice-stars-generated.png");background-position:center 45%}
.voice-grid{max-width:720px}
.voice-card{grid-template-columns:62px minmax(0,1fr) 72px;max-width:720px;margin-inline:auto;padding:16px 18px}
.player{grid-template-columns:minmax(175px,250px) 36px 108px;max-width:430px;justify-self:start}
#meskie{--player-accent:#a81608}
#zenskie{--player-accent:#a64361}
#dzieciece{--player-accent:#9a7132}
#gwiazdy{--player-accent:#536b7b}
#native{--player-accent:#58705f}
.play{border-color:var(--player-accent);color:var(--player-accent)}
.play:hover,.play:focus-visible{background:var(--player-accent)}
.progress{accent-color:var(--player-accent)}
.playlist-item.active,.playlist-item:hover,.playlist-item:focus-visible{color:var(--player-accent)}
.choose:hover,.choose:focus-visible{color:var(--player-accent)}
@media(max-width:950px){.voice-grid{max-width:1100px}.voice-card{grid-template-columns:1fr;max-width:1100px}.player{grid-template-columns:36px minmax(0,1fr);max-width:none}.player .voice-playlist{grid-column:1/-1;grid-row:2;margin-top:4px}.player .play{grid-column:1;grid-row:1}.player .track{grid-column:2;grid-row:1}}
.player .track{min-width:0}
.voice-playlist{grid-column:1/-1;margin-top:5px;border-top:1px solid rgba(17,17,17,.14)}
.playlist-item{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 2px;border:0;border-bottom:1px solid rgba(17,17,17,.1);background:transparent;color:#333;text-align:left;cursor:pointer;transition:color .25s ease,background-color .25s ease,padding-left .25s ease}
.playlist-item:hover,.playlist-item:focus-visible{padding-left:8px;background:rgba(255,255,255,.55);color:#a81608;outline:none}
.playlist-item.active{color:#a81608}
.playlist-number{font-size:.58rem;letter-spacing:.12em;color:#999}
.playlist-title{overflow:hidden;font-size:.7rem;font-weight:400;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.playlist-action{font-size:.55rem;font-weight:400;letter-spacing:.13em;color:currentColor}
.dark .voice-playlist{border-top-color:rgba(255,255,255,.18)}
.dark .playlist-item{color:#ddd;border-bottom-color:rgba(255,255,255,.12)}
.dark .playlist-item:hover,.dark .playlist-item:focus-visible{background:rgba(255,255,255,.06);color:#ef6b5c}
.dark .playlist-item.active{color:#ef6b5c}
@media(max-width:950px){.player{width:100%}}
@media(max-width:520px){.playlist-item{grid-template-columns:25px minmax(0,1fr) auto;gap:8px}.playlist-action{font-size:.5rem}}

/* Ostatnia warstwa: neutralne odtwarzacze, czytelne grupy i menu jak w serwisie. */
.site-header{height:94px;padding:0 clamp(30px,4vw,64px);background:rgba(255,255,255,.97);border-bottom:0;box-shadow:none}
.brand img{width:152px;max-height:46px}
.main-nav{gap:28px}
.main-nav a{color:#161616;font-size:.72rem;font-weight:400;letter-spacing:.03em}
.main-nav a:hover,.main-nav a:focus-visible{color:#a81608}
.main-nav .nav-contact{order:-1;border:0;padding:0;color:#a81608}
.main-nav .nav-contact:after{content:" ›";font-size:1.1em}
.menu-toggle span:not(.sr-only){background:#171717}
.nav-voices{position:relative;display:flex;align-items:center;height:94px}
.voice-subnav{position:absolute;top:76px;left:-18px;display:none;min-width:190px;padding:10px 0;background:rgba(255,255,255,.98);border-top:1px solid #b51d11;box-shadow:0 12px 24px rgba(0,0,0,.1)}
.voice-subnav a{display:block;padding:7px 18px;white-space:nowrap;font-size:.67rem!important}
.nav-voices:hover .voice-subnav,.nav-voices:focus-within .voice-subnav{display:block}
footer{background:#3a3a3a;color:#e9e9e9;padding:54px 24px 30px}
footer img{width:184px;filter:none}
footer a{color:#fff}footer>p{color:#ddd;margin-bottom:24px}footer div{margin-bottom:34px}

/* Tylko tła rozróżniają kategorie; wszystkie kontrolki wracają do firmowej czerwieni. */
#meskie{background:#eeeeee}#zenskie{background:#f1edef}#dzieciece{background:#f0eee8}#gwiazdy{background:#edf0f1}#native{background:#eef1ed}
.voice-section.dark,.voice-section.native{color:#171717}
.voice-section.dark .voice-card,.voice-section.dark .choose,.voice-section.dark .playlist-item{color:#171717}
.voice-section.dark .voice-card p,.voice-section.dark .time{color:#666}
.play{border-color:#a81608!important;color:#a81608!important}
.play:hover,.play:focus-visible{background:#a81608!important;color:#fff!important}
.progress{accent-color:#a81608!important}.playlist-item.active,.playlist-item:hover,.playlist-item:focus-visible,.choose:hover,.choose:focus-visible{color:#a81608!important}

/* Szeroki, stabilny pasek postępu; playlista nadal wykorzystuje wolne miejsce po lewej. */
.voice-grid{max-width:940px}.voice-card{grid-template-columns:70px minmax(0,1fr) 76px;max-width:940px;padding:18px 22px}
.player{grid-template-columns:minmax(210px,330px) 36px minmax(175px,1fr);max-width:650px;width:100%}
.player .track{min-width:175px}.progress{display:block;width:100%;min-width:0}

/* Konkretne obrazy muszą być deklarowane po obrazie domyślnym. */
.voice-transition-image{background-attachment:scroll!important;background-image:url("../images/strona/voice-men-actor-generated.png")}
.transition-women{background-image:url("../images/strona/voice-men-bg.webp");background-position:center 42%}
.transition-child{background-image:url("../images/strona/voice-child-original.webp");background-position:center 36%}
.transition-stars{background-image:url("../images/strona/voice-stars-generated.png");background-position:center 45%}
.transition-native{background-image:url("../images/strona/voice-native-original.webp");background-position:center 48%}

@media(max-width:950px){.site-header{height:78px}.nav-voices{height:auto;display:block}.main-nav{top:78px;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.08)}.voice-subnav{position:static;display:block;margin:4px 0 8px;padding:0;border-top:0;box-shadow:none}.voice-subnav a{padding:6px 16px}.voice-grid,.voice-card{max-width:1100px}.player{grid-template-columns:36px minmax(0,1fr);max-width:none}.player .track{min-width:0}}

/* Kadr zdjęcia nie wędruje: przesuwa się wyłącznie strona przed nim. */
.voice-transition-image{background-position:center center!important}
.transition-women{background-position:center 42%!important}.transition-child{background-position:center 36%!important}.transition-stars{background-position:center 45%!important}.transition-native{background-position:center 48%!important}

/* Bardzo lekkie, ale rozpoznawalne tło samych odtwarzaczy w każdej grupie. */
#meskie .voice-card{background:#f7f3f1}#zenskie .voice-card{background:#f9f1f3}#dzieciece .voice-card{background:#fbf7e9}#gwiazdy .voice-card{background:#f2f5f6}#native .voice-card{background:#f2f6f0}

/* Ciemny logotyp jak w oryginalnym nagłówku — bez białej wersji pliku PNG. */
.brand{display:flex;align-items:center;gap:7px;color:#444;text-decoration:none}
.brand img{display:none}.brand-name{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}
.brand-mark{position:relative;display:block;width:38px;height:30px}
.brand-mark:before{content:"";position:absolute;left:7px;top:1px;width:28px;height:24px;border:3px solid #b21b0d;border-left-width:3px;border-radius:4px;clip-path:polygon(0 0,100% 50%,0 100%)}
.brand-mark:after{content:"";position:absolute;left:0;top:13px;width:12px;height:12px;border-radius:3px;background:#515151}

/* Zdjęcie pozostaje w miejscu, a zawartość strony przesuwa się po nim. */
@media(min-width:901px){.voice-transition-image{background-attachment:fixed!important;background-position:center center!important}}
@media(max-width:900px){.voice-transition-image{background-attachment:scroll!important}}

/* Chłodny, bardzo subtelny wariant dla głosów męskich. */
#meskie{background:#e9eef2}#meskie .voice-card{background:#eef3f6}

/* Oryginalny znak z serwisu Fine Art Film. */
.brand-mark,.brand-name{display:none}.brand img{display:block!important;width:152px;max-height:46px;object-fit:contain}
.nav-home{color:#161616;font-size:.72rem;font-weight:400;letter-spacing:.03em;text-transform:uppercase;cursor:default}

/* Nowe, bezpiecznie skadrowane kadry do szerokiego układu i wersji mobilnej. */
.voice-transition-image{background-image:url("../images/strona/voice-men-actor-generated-v2.webp")!important}
.transition-women{background-image:url("../images/strona/voice-men-bg.webp")!important}.transition-child{background-image:url("../images/strona/voice-child-original.webp")!important}.transition-stars{background-image:url("../images/strona/voice-stars-generated-v2.webp")!important}.transition-native{background-image:url("../images/strona/voice-native-original.webp")!important}

/* Stopka w układzie serwisu WordPress: znak i hasło razem, dane pod spodem. */
footer{padding:48px 24px 28px;background:#353535;text-align:center}footer .footer-brand{display:block;width:209px;max-width:100%;margin:0 auto 26px}footer .footer-brand img{display:block;width:100%;max-width:209px;margin:0 auto 7px;filter:none}footer .footer-brand p{margin:0;color:#ddd;font-size:.61rem;font-weight:400;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap}footer .footer-contact{display:flex;justify-content:center;gap:22px;margin:0 0 26px;font-size:.72rem;letter-spacing:.03em;text-transform:none}footer small{color:#bbb;font-size:.66rem;letter-spacing:.02em;text-transform:none}

/* HOME po lewej, kontakt po prawej; środkowa pozycja pozostaje menu głosów. */
.main-nav{width:min(520px,48vw);display:grid;grid-template-columns:1fr auto 1fr;justify-content:stretch}.nav-home{justify-self:start}.nav-voices{justify-self:center}.main-nav .nav-contact{order:initial;justify-self:end}
/* Nad nagłówkiem kategorii zostaje widoczny fragment poprzedzającego zdjęcia. */
.voice-section{scroll-margin-top:clamp(105px,10vw,145px)}

/* Próbny raster zgodny z filmem na stronie głównej. */
.voice-transition-image:after{z-index:2!important;opacity:1!important;background-color:rgba(255,255,255,.06)!important;background-image:radial-gradient(circle,rgba(24,31,38,.30) 0 1.2px,transparent 1.45px)!important;background-size:4px 4px!important;background-repeat:repeat!important;pointer-events:none}
.panel-headline cite{display:inline-block!important;margin-left:0!important;white-space:nowrap;transform:translateY(-8px)!important}
.voice-transition-image.reveal,.voice-transition-image.reveal.visible{transform:none!important}
@media(max-width:950px){.main-nav{width:auto;display:none;grid-template-columns:1fr}.main-nav.open{display:flex}.nav-home,.nav-voices,.main-nav .nav-contact{justify-self:auto}}

/* global.css */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:30;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);background:rgba(255,255,255,.97);border:0}.brand{flex:0 0 auto}.brand img{display:block!important;width:152px;max-height:46px;object-fit:contain}.global-nav{width:auto!important;display:flex!important;align-items:center;justify-content:flex-end;gap:clamp(9px,1.05vw,20px)!important}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{color:#171717;font:400 clamp(.52rem,.55vw,.66rem) Arial,Helvetica,sans-serif;letter-spacing:.025em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.global-nav>span{color:#777;cursor:default}.global-nav a:hover{color:#b21b0d}.global-nav .nav-contact{order:initial!important;padding:8px 11px!important;border:1px solid #b21b0d!important;color:#b21b0d!important}.global-nav .nav-contact:after{content:none!important}.nav-voices{position:relative;height:94px;display:flex;align-items:center}.voice-subnav{top:76px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;margin:6px;background:#171717}.site-footer{padding:0!important;background:#eee!important;color:#242424!important;text-align:left!important}.social-strip{height:55px;display:flex!important;align-items:center;justify-content:center!important;gap:14px!important;margin:0!important;background:#dedede;font:400 .82rem Arial,Helvetica,sans-serif}.social-strip i{width:3px;height:3px;border-radius:50%;background:#b21b0d}.footer-main{position:relative!important;min-height:145px;display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:20px!important;margin:0!important;padding:27px clamp(42px,7.5vw,110px) 42px;background:#eee}.site-footer .footer-brand{display:block!important;width:209px!important;max-width:100%;margin:0!important}.site-footer .footer-brand img{display:block!important;width:100%!important;max-width:209px!important;margin:0 0 7px!important}.site-footer .footer-brand p{margin:0!important;color:#444!important;font:400 .7rem Arial,Helvetica,sans-serif!important;letter-spacing:.035em!important;text-transform:uppercase;white-space:nowrap}.site-footer .footer-contact{display:flex!important;flex-direction:column;align-items:flex-start;gap:7px!important;margin:0!important;font:400 .76rem Arial,Helvetica,sans-serif!important}.site-footer .footer-contact a{display:grid;grid-template-columns:56px auto;color:#333!important;text-decoration:none}.site-footer .footer-contact b{font-weight:400}.site-footer small{position:absolute;right:clamp(42px,7.5vw,110px);bottom:12px;color:#333!important;font:400 .64rem Arial,Helvetica,sans-serif!important}@media(max-width:1280px){.menu-toggle{display:block}.global-nav{position:absolute;top:94px;left:0;right:0;display:none!important;flex-direction:column;align-items:stretch!important;padding:20px 28px 28px;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.08)}.global-nav.open{display:flex!important}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{padding:6px 8px;font-size:.68rem}.nav-voices{height:auto;display:block}.voice-subnav{position:static;display:block;margin:4px 0 8px;padding:0;border:0;box-shadow:none}.voice-subnav a{padding-left:20px!important}}@media(max-width:650px){.site-header{height:76px;padding:0 19px}.brand img{width:139px}.global-nav{top:76px}.footer-main{grid-template-columns:1fr;gap:24px!important;padding:30px 28px 58px}.site-footer small{left:28px;right:auto;bottom:18px}.social-strip{font-size:.72rem;gap:9px!important}}

/* typography.css */
body,.site-header,.global-nav,.site-footer{font-family:var(--font-body)}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a,.social-strip,.site-footer .footer-brand p,.site-footer .footer-contact,.site-footer small{font-family:var(--font-body)!important}

/* layout-refinement.css */
/* Czytelniejsze menu układane w dwóch spokojnych wierszach. */
@media(min-width:1281px){.site-header{height:94px}.global-nav{max-width:none!important;display:flex!important;flex-wrap:nowrap;align-content:center;justify-content:flex-end;column-gap:clamp(12px,1.05vw,20px)!important;row-gap:0!important}.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{display:flex;align-items:center;min-height:36px;font-size:clamp(.63rem,.66vw,.76rem)!important;line-height:1.35}.nav-voices{height:94px}.voice-subnav{top:76px}.voice-subnav a{display:block}}
/* Ikony serwisów są częścią stopki, a nie znakami tekstowymi. */
.social-item{display:inline-flex;align-items:center;gap:8px}.social-item svg{width:15px;height:15px;display:block;fill:currentColor}.social-item:nth-of-type(2) svg{width:17px}.social-item:nth-of-type(3) svg{fill:currentColor}
/* Centralna kolumna logotypu, kontakt pozostaje po prawej. */
.footer-main{grid-template-columns:1fr 209px 1fr!important}.site-footer .footer-brand{grid-column:2;justify-self:center}.site-footer .footer-brand p{width:100%;text-align:justify;text-align-last:justify;letter-spacing:.01em!important}.site-footer .footer-contact{grid-column:3;justify-self:center}.site-footer small{right:clamp(42px,7.5vw,110px)}
/* Indywidualne zatrzymania kategorii: nad tytułem zostaje pas zdjęcia z twarzą. */
#meskie{scroll-margin-top:460px!important}#zenskie{scroll-margin-top:525px!important}#dzieciece{scroll-margin-top:525px!important}#gwiazdy{scroll-margin-top:510px!important}#native{scroll-margin-top:545px!important;padding-bottom:clamp(220px,18vw,320px)!important}
@media(max-width:650px){.footer-main{grid-template-columns:1fr!important}.site-footer .footer-brand,.site-footer .footer-contact{grid-column:1;justify-self:start}.site-footer .footer-brand p{text-align-last:justify}.social-item{gap:5px}#meskie,#zenskie,#dzieciece,#gwiazdy,#native{scroll-margin-top:165px!important}#native{padding-bottom:130px!important}}

/* menu-polish.css */
/* Każda dwu-liniowa pozycja ma własną, centralną oś. */
@media(min-width:1281px){.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{position:relative;justify-content:center;text-align:center}.global-nav>span,.global-nav>a:not(.nav-contact),.global-nav>.nav-voices>a{padding:6px 8px}.global-nav>span:after,.global-nav>a:not(.nav-contact):after,.global-nav>.nav-voices>a:after{content:"";position:absolute;inset:0;border:1px solid var(--color-accent);opacity:0;transform:scaleX(.35);transition:opacity .22s ease,transform .28s ease}.global-nav>span:hover:after,.global-nav>a:not(.nav-contact):hover:after,.global-nav>.nav-voices>a:hover:after{opacity:1;transform:scaleX(1)}}
/* Hasło zaczyna się pod napisem, z pominięciem znaku graficznego logo. */
.site-footer .footer-brand p{width:100%!important;margin-left:0!important;font-size:.72rem!important;text-align:center!important;text-align-last:auto!important;letter-spacing:.105em!important;white-space:nowrap}
/* Podtytuł i tytuł kategorii działają jako jedna, zwarta grupa. */
.voice-section .section-heading .eyebrow{margin-bottom:3px!important}.voice-section .section-heading h2{margin-top:0!important}.voice-section .section-heading{row-gap:0!important}
@media(max-width:650px){.site-footer .footer-brand p{width:100%!important;margin-left:0!important;font-size:.64rem!important;letter-spacing:.08em!important}}

/* navigation-rebuild.css */
/* Wspólny nagłówek i stan aktualnie wybranej strony. */
.site-header{justify-content:flex-start;gap:0;border-bottom:1px solid rgba(255,255,255,.38);box-shadow:0 5px 18px rgba(28,35,42,.035);background:rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(10px) saturate(1.08)!important;backdrop-filter:blur(10px) saturate(1.08)!important}.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.webp")}.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.webp")}.tile-conference{grid-column:1;grid-row:3;background-image:url("../images/strona/home-tile-conference-v2.webp")}.tile-medical{grid-column:2;grid-row:3;background-image:url("../images/strona/home-tile-medical-v2.webp")}.tile-voice{grid-column:1;grid-row:5;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:"";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,.15)!important;-webkit-backdrop-filter:blur(10px) saturate(1.08)!important;backdrop-filter:blur(10px) saturate(1.08)!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.webp")}.tile-audio{background-image:url("../images/strona/user-media/naglosnienie.webp")}

/* 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.webp")}.tile-rental{grid-column:2;grid-row:5;background-image:url("../images/strona/user-media/rental-switcher.webp")}.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}
.tile-ai-translation{grid-column:3;grid-row:3;background-image:url("../images/strona/user-media/ai-simultaneous-translation-v8.webp");background-position:center center}.tile-ai-translation>span{max-width:92%;font-size:clamp(.95rem,1.28vw,1.3rem)}.tile-ai-translation>em{max-width:94%;font-size:.55rem;line-height:1.45;letter-spacing:.09em}
.tile-art{grid-column:2;grid-row:4;background-image:url("../images/strona/user-media/sztuka-opera-v1.webp");background-position:center center}.tile-art>span{font-size:clamp(1.35rem,2vw,2rem)}.tile-art>em{max-width:92%;font-size:.56rem;line-height:1.4;letter-spacing:.1em}.tile-art>small{max-width:92%;font-size:.5rem;line-height:1.4;letter-spacing:.12em}.tile-art>small i{font-style:normal;text-transform:lowercase}
.tile-drone{grid-column:3;grid-row:4;background-image:url("../images/strona/user-media/zdjecia-lotnicze-dronem-v2-high-key.webp");background-position:center center}.tile-drone>span{max-width:94%;font-size:clamp(1.05rem,1.55vw,1.55rem)}.tile-drone>em{font-size:.6rem;letter-spacing:.12em}.tile-drone>em i{font-style:normal;text-transform:lowercase}

@media(max-width:900px){.tile-rental,.tile-ai-translation,.tile-art,.tile-drone{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}}

/* Poziomy ciąg typografii przesuwany pionowym przewijaniem strony. */
.production-manifesto{position:absolute;z-index:2;inset:0;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.manifesto-track{display:flex;flex:none;align-items:center;width:max-content;color:rgba(255,255,255,.46);font-family:var(--font-display);font-size:clamp(2.025rem,5.4vw,5.25rem);font-weight:900;line-height:1;letter-spacing:.075em;text-shadow:0 0 18px rgba(255,255,255,.12);white-space:nowrap;filter:blur(.15px);will-change:transform}
.manifesto-track span{display:block}.manifesto-track .accent{color:rgba(181,29,17,.58)}.manifesto-track i{display:block;flex:0 0 auto;width:clamp(9px,1vw,14px);height:clamp(9px,1vw,14px);margin:0 clamp(20px,2.6vw,40px);border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 12px rgba(255,255,255,.12)}
.production-video-foreground{z-index:3;pointer-events:none;mix-blend-mode:darken;opacity:.96;filter:contrast(1.12) saturate(.82)}
.production-separator:after{z-index:4}
@media(max-width:650px){.manifesto-track{font-size:clamp(1.65rem,9.75vw,3.225rem)}.manifesto-track i{width:9px;height:9px;margin:0 18px}}
@media(prefers-reduced-motion:reduce){.manifesto-track{transform:translateX(-12%)}}

/* Centralne okno karuzeli: pięć pełnych kafli, bez uciętych brzegów. */
.city-viewport{width:min(calc(100% - 32px),826px);margin-inline:auto;-webkit-mask-image:none;mask-image:none}
.city-set{gap:14px;padding-right:14px}
.city-card{flex:0 0 154px;width:154px;height:154px;padding:10px 8px;background:rgba(255,255,255,.72)}
.city-icon{width:70px;height:70px;margin-bottom:8px}
.city-card strong{font-size:.43rem;letter-spacing:.045em}
.city-card small{margin-top:4px;font-size:.58rem}
@media(max-width:700px){.city-viewport{width:min(calc(100% - 24px),490px)}}
@media(max-width:520px){.city-viewport{width:min(calc(100% - 20px),308px)}.city-card{flex-basis:147px;width:147px;height:147px;padding:8px 6px}.city-icon{width:66px;height:66px}}

/* Dwuwierszowa pozycja Baza wiedzy / Rozważania w menu. */
.global-nav>.nav-two-lines{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.05;text-align:center}.global-nav>.nav-two-lines b,.global-nav>.nav-two-lines small{display:block;font:inherit;white-space:nowrap}.global-nav>.nav-two-lines b{color:inherit}.global-nav>.nav-two-lines small{font-size:1em;letter-spacing:inherit}.global-nav>.nav-two-lines i{font-style:normal;text-transform:lowercase}

/* Balanced Polish line endings and fewer typographic widows. */
:where(p,li){text-wrap:pretty}
:where(h1,h2,h3,h4,.eyebrow){text-wrap:balance}


/* Mobilny odtwarzacz: czas przy tytule, szeroki suwak w osobnym rzedzie. */
@media(max-width:650px){
  .voice-card{padding:17px 16px;gap:15px}
  .player{grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:10px;width:100%;min-width:0}
  .player .play{grid-column:1;grid-row:1;width:38px;height:38px;align-self:center}
  .player .track{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 34px;column-gap:10px;row-gap:2px;width:100%;min-width:0;align-items:center}
  .player .track>span{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}
  .player .time{grid-column:2;grid-row:1;white-space:nowrap;font-size:.72rem}
  .player .progress{grid-column:1/-1;grid-row:2;width:100%;height:34px;margin:0;padding:0;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none;background:transparent}
  .player .progress::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:#c9ccca}
  .player .progress::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8.5px;border:2px solid #fff;border-radius:50%;background:#a81608;box-shadow:0 1px 5px rgba(0,0,0,.25);-webkit-appearance:none}
  .player .progress::-moz-range-track{height:5px;border:0;border-radius:5px;background:#c9ccca}
  .player .progress::-moz-range-progress{height:5px;border-radius:5px;background:#a81608}
  .player .progress::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#a81608;box-shadow:0 1px 5px rgba(0,0,0,.25)}
  .player .voice-playlist{grid-column:1/-1;grid-row:2;margin-top:2px}
}

/* Wspólny, czytelniejszy rozmiar menu - 2026-09-12. */
@media(min-width:1281px){.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{font-size:clamp(.72rem,.73vw,.86rem)!important}}
@media(max-width:1280px){.global-nav>a,.global-nav>span,.global-nav>.nav-voices>a{font-size:.78rem!important;line-height:1.45}}