/* Krótkie wejście marki. Bez skryptu strona od razu pozostaje dostępna. */
.intro-active{overflow:hidden}
.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#fff;overflow:hidden}
.brand-intro-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px 90px;max-width:100%}
.intro-brand{margin-bottom:28px}
.brand-accent{display:block;width:36px;height:2px;background:#ed2027;transform-origin:center;margin-bottom:25px}
.brand-intro p{font-size:clamp(26px,3vw,40px);line-height:1.3;letter-spacing:-1px;margin:0;color:#173d59}
.brand-intro p em{color:#0077c8;font-family:Georgia,serif}
.brand-location{margin-top:28px;font-size:8px;line-height:1.8;letter-spacing:1.8px;color:#667987}
.skip-intro{position:absolute;bottom:30px;right:5%;display:flex;align-items:center;gap:22px;background:none;border:0;border-bottom:1px solid #dce5ed;padding:12px 0;font-size:11px;color:#586b7b;cursor:pointer}
.brand-intro.is-playing{animation:brand-out .55s 1.05s ease-in-out both}
.is-playing .intro-brand{animation:brand-in .5s ease-out both}
.is-playing .brand-accent{animation:accent-in .55s .15s ease-out both}
.is-playing #intro-message,.is-playing .brand-location{animation:brand-in .5s .15s ease-out both}
@keyframes brand-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes accent-in{from{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}
@keyframes brand-out{from{opacity:1}to{opacity:0}}
@media(max-width:680px){.brand-location{font-size:7px;letter-spacing:1.2px}.skip-intro{bottom:20px}.brand-intro-content{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.brand-intro,.replay-intro{display:none!important}}