@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.jpg") 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.jpg");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.jpg")}
.transition-child{background-image:url("../images/strona/voice-child-original.jpg");background-position:center 36%}
.transition-native{background-image:url("../images/strona/voice-native-original.jpg");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.jpg");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.jpg");background-position:center 42%}
.transition-child{background-image:url("../images/strona/voice-child-original.jpg");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.jpg");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.png")!important}
.transition-women{background-image:url("../images/strona/voice-men-bg.jpg")!important}.transition-child{background-image:url("../images/strona/voice-child-original.jpg")!important}.transition-stars{background-image:url("../images/strona/voice-stars-generated-v2.png")!important}.transition-native{background-image:url("../images/strona/voice-native-original.jpg")!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)}
@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}}