/* 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}.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}.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){.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){.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}}


/* 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){.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}


/* 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}


/* 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}


/* 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}


/* 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}
}