/* pcs-brand.css 2.0.0 · Pinky Creative Studio
   Logo PCS News Room 2.0 (blok broadcast) w nagłówkach + intro "broadcast opener" przy pierwszym wejściu.
   Bez złota, szeryfów i kursyw. Poprzednia wersja: pcs-brand-v1.css. */

/* ---------- logo w nagłówku ---------- */
.pcs-logo{display:inline-flex;align-items:center;flex:none;line-height:0}
.pcs-logo img{display:block;height:32px;width:auto;max-width:62vw}
.pcs-logo .pl-l{display:none}
html[data-theme="light"] .pcs-logo .pl-d{display:none}
html[data-theme="light"] .pcs-logo .pl-l{display:block}
.pcs-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.brand{text-decoration:none}
@media (max-width:480px){.pcs-logo img{height:28px}}

/* ---------- intro: broadcast opener ---------- */
html.pcs-i::after{content:"";position:fixed;inset:0;z-index:2147483646;background:#05070d;pointer-events:none}
.pcs-io{position:fixed;inset:0;z-index:2147483647;overflow:hidden;background:#05070d;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:1;transition:opacity .45s ease;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;contain:strict}
.pcs-io.out{opacity:0;pointer-events:none}
.pcs-io.sk{transition-duration:.2s}

/* ściana zdjęć: siatka kafli, powolny "push" kamery, każdy kafel z własnym Ken Burns */
.pcs-wall{position:absolute;inset:-5%;display:grid;grid-template-columns:repeat(var(--c,6),1fr);grid-template-rows:repeat(var(--r,3),1fr);gap:3px;transform:scale(1.14);animation:pcs-push 4s cubic-bezier(.2,.7,.3,1) forwards;filter:saturate(.7) contrast(1.08) brightness(.85)}
.pcs-c{position:relative;overflow:hidden;background:#0d1322;opacity:0;transition:opacity .35s ease}
.pcs-c.on{opacity:1}
.pcs-c i{position:absolute;inset:-8%;background:center/cover no-repeat;transform:scale(1.18) translate(var(--x,0),var(--y,0));animation:pcs-kb 2.6s ease-out forwards;will-change:transform}
.pcs-c.f::after{content:"";position:absolute;inset:0;background:#fff;opacity:.22;animation:pcs-flash .22s ease-out forwards}
@keyframes pcs-push{to{transform:none}}
@keyframes pcs-kb{to{transform:scale(1) translate(0,0)}}
@keyframes pcs-flash{to{opacity:0}}
/* przyciemnienie + winieta (czytelność logo) */
.pcs-dim{position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 50%,rgba(5,7,13,.72) 0%,rgba(5,7,13,.38) 60%,rgba(5,7,13,.75) 100%),linear-gradient(180deg,rgba(5,7,13,.45),transparent 25%,transparent 72%,rgba(5,7,13,.78))}
/* czerwone linie skanu + przejeżdżający pasek */
.pcs-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(225,29,46,.09) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.pcs-scan::after{content:"";position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,transparent,rgba(225,29,46,.22) 85%,rgba(255,80,96,.6) 100%);transform:translateY(-100%);animation:pcs-scanbar 1.6s linear .15s 2}
@keyframes pcs-scanbar{to{transform:translateY(560%)}}

/* ramka: czerwone linie nad i pod logo */
.pcs-l1,.pcs-l2{position:absolute;left:0;right:0;height:3px;background:#e11d2e;transform:scaleX(0);animation:pcs-line .6s cubic-bezier(.22,1,.36,1) .25s forwards;z-index:2}
.pcs-l1{top:calc(50% - min(19vw,150px));transform-origin:0 50%}
.pcs-l2{top:calc(50% + min(19vw,150px));transform-origin:100% 50%;animation-delay:.35s}
.pcs-l1::after,.pcs-l2::after{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:rgba(255,255,255,.3)}
.pcs-l2::after{top:-9px}
@keyframes pcs-line{to{transform:none}}

/* logo: blok wjeżdża, litery w górę, NEWS ROOM z lewej, potem "light sweep" */
.pcs-lg{position:absolute;z-index:3;left:50%;top:50%;width:min(86vw,680px);transform:translate(-50%,-50%)}
.pcs-lg svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 40px rgba(0,0,0,.6))}
.pcs-io .pcs-b{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0);animation:pcs-wipe .5s cubic-bezier(.7,0,.2,1) .45s forwards}
.pcs-io .pcs-a{opacity:0;transform-box:fill-box;transform:translateY(14%);animation:pcs-up .55s cubic-bezier(.22,1,.36,1) .8s forwards}
.pcs-io .pcs-t{opacity:0;transform-box:fill-box;transform:translateX(-6%);animation:pcs-in .6s cubic-bezier(.22,1,.36,1) .98s forwards}
@keyframes pcs-wipe{to{transform:none}}
@keyframes pcs-up{to{opacity:1;transform:none}}
@keyframes pcs-in{to{opacity:1;transform:none}}
.pcs-sw{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) no-repeat;background-size:300% 100%;background-position:120% 0;
  -webkit-mask:url(/poland/icons/pcs-logo-h-dark.svg) center/100% 100% no-repeat;mask:url(/poland/icons/pcs-logo-h-dark.svg) center/100% 100% no-repeat;mix-blend-mode:overlay;animation:pcs-sweep .9s cubic-bezier(.4,0,.2,1) 1.5s forwards}
@keyframes pcs-sweep{to{background-position:-20% 0}}

/* podpis bieżącego kadru (rok + wydarzenie) */
.pcs-cap{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));display:flex;align-items:stretch;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1;opacity:0;animation:pcs-fade .4s ease .6s forwards;max-width:calc(100% - 32px)}
.pcs-cap b{color:#fff;background:#e11d2e;padding:7px 9px;font-variant-numeric:tabular-nums}
.pcs-cap span{display:block;color:#fff;background:rgba(5,7,13,.78);padding:7px 10px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcs-cap.ch span{animation:pcs-tick .25s ease-out}
@keyframes pcs-tick{from{opacity:.2;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* pasek postępu (górna krawędź) */
.pcs-pg{position:absolute;z-index:3;left:0;top:0;height:3px;width:100%;background:#e11d2e;transform-origin:0 50%;transform:scaleX(0);animation:pcs-line var(--d,3.4s) linear forwards}

/* lower third */
.pcs-lt{position:absolute;z-index:3;left:max(16px,4vw);right:max(16px,4vw);bottom:max(84px,13vh);display:flex;align-items:stretch;height:44px;overflow:hidden;clip-path:inset(0 100% 0 0);animation:pcs-lt .6s cubic-bezier(.7,0,.2,1) 1.35s forwards}
.pcs-lt b{color:#fff;flex:none;display:flex;align-items:center;padding:0 14px;background:#e11d2e;font-size:13px;font-weight:900;letter-spacing:.14em}
.pcs-lt span{flex:1;min-width:0;display:flex;align-items:center;padding:0 16px;background:#fff;color:#0b1020;font-size:clamp(11px,3.1vw,15px);font-weight:900;letter-spacing:.16em;white-space:nowrap;overflow:hidden}
.pcs-lt i{flex:none;display:flex;align-items:center;padding:0 12px;background:#0b1020;color:#fff;font-style:normal;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.06em}
@keyframes pcs-lt{to{clip-path:inset(0 0 0 0)}}
@keyframes pcs-fade{to{opacity:1}}

.pcs-cr{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.62);max-width:calc(100% - 150px)}
.pcs-sk{position:absolute;z-index:4;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(5,7,13,.55);color:#fff;font:800 14px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pcs-sk:hover{background:rgba(255,255,255,.18)}
.pcs-sk:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* telefon (pion): logo większe względem ekranu, ciaśniejszy pasek */
@media (max-aspect-ratio:1/1){
  .pcs-l1{top:calc(50% - 26vw)}.pcs-l2{top:calc(50% + 26vw)}
  .pcs-lt{height:40px;bottom:max(80px,12vh)}
  .pcs-lt i{display:none}
  .pcs-lt b{padding:0 10px;font-size:12px}
  .pcs-lt span{padding:0 10px;font-size:clamp(10px,3vw,13px);letter-spacing:.08em}
  .pcs-cr .lg{display:none}
}

/* tryb lekki (wolne łącze / oszczędzanie danych): bez ściany zdjęć */
.pcs-io.lite .pcs-wall,.pcs-io.lite .pcs-cap,.pcs-io.lite .pcs-cr{display:none}

/* reduced motion: krótko (~1,2 s), bez ruchu kamery i cięć, tylko łagodne pojawienie się */
.pcs-io.rm .pcs-wall,.pcs-io.rm .pcs-c i,.pcs-io.rm .pcs-scan::after,.pcs-io.rm .pcs-l1,.pcs-io.rm .pcs-l2,.pcs-io.rm .pcs-b,.pcs-io.rm .pcs-a,.pcs-io.rm .pcs-t,.pcs-io.rm .pcs-lt,.pcs-io.rm .pcs-sw{animation:none!important;transform:none!important;clip-path:none!important}
.pcs-io.rm .pcs-a,.pcs-io.rm .pcs-t{opacity:1}
.pcs-io.rm .pcs-sw{display:none}
.pcs-io.rm .pcs-lg{animation:pcs-fade .3s ease-out both;opacity:0}
.pcs-io.rm .pcs-cap,.pcs-io.rm .pcs-c.f::after{display:none}
/* motyw strony (jasny/ciemny) nie może przemalować przycisku intro */
html .pcs-io .pcs-sk{color:#fff!important;background:rgba(5,7,13,.6)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 4px 18px rgba(0,0,0,.45)!important}
html .pcs-io .pcs-sk:hover{background:rgba(225,29,46,.85)!important}
html .pcs-io,html .pcs-io p{color:#fff}
html .pcs-io .pcs-cr{color:rgba(255,255,255,.66)}
html .pcs-io,html[data-theme] .pcs-io{background:#05070d!important}
html.pcs-i::after,html[data-theme].pcs-i::after{background:#05070d!important}