/* claude2 — dodatki */
/* zapas na ogonki liter (j, y, ą, ę) w animowanych liniach i gradientach */
.sl-line,.brk-line,.ln{padding-bottom:.24em !important;margin-bottom:-.24em !important}
.sl-line > span,.brk-line > span,.ln > span,.ln > h2{padding-bottom:.2em;margin-bottom:-.2em}
/* lżejsze, spokojniejsze nagłówki */
.sl-title,.sh-title,.of-head h2,.dk-head h2,#break h2,#kontakt h2,.re-head h2,.sec-title,.band h2,.fb-title,.show-title h2,.qside h2,.statement,.fp-body h2{font-weight:600 !important;letter-spacing:-.025em !important}
.of-item h3,.bwx-row h3,.dk-card h3,.split h3,.row h3,.qform h3{font-weight:600 !important}
.show-title{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;max-width:none !important;margin-top:clamp(26px,3vw,40px)}
.show-title h2{font-size:clamp(1.7rem,3.4vw,3rem) !important;line-height:1.1 !important}
.show-tags{margin-bottom:14px}
.show-desc{margin-top:14px !important}
.sl-title{font-size:clamp(2.4rem,5.6vw,5.4rem) !important;line-height:1.06 !important}
.sh-title{font-size:clamp(2.3rem,5.4vw,5rem) !important;line-height:1.06 !important}
.of-head h2,.dk-head h2,.re-head h2{font-size:clamp(2.2rem,5vw,4.4rem) !important}
#kontakt h2{font-size:clamp(2.6rem,7vw,6rem) !important}
#break h2{font-size:clamp(2.4rem,6vw,5.4rem) !important}
.sec-title{font-size:clamp(1.9rem,3.8vw,3.2rem) !important}
.of-item h3{font-size:clamp(1.6rem,3.8vw,3.2rem) !important}
body{font-weight:400}
:root{--text-dim:rgba(11,13,16,.66)}
.ctags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.ctags span{font-size:.85rem;font-weight:500;border:1px solid var(--line-strong);border-radius:999px;padding:9px 18px;color:var(--text-dim)}
.area{border-top:1px solid var(--line);scroll-margin-top:90px}
.area .duo{align-items:start}
.area-no{display:block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-deep);font-weight:600;margin-bottom:18px}
.area .sec-title{margin-bottom:0}
.lead-dim + .lead-dim{margin-top:16px}
.show-desc strong{display:block;color:#fff;font-weight:600;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.3;margin-bottom:10px}
.qform .qnote{font-size:.8rem;opacity:.6;margin:14px 0 18px}
.qform .qstatus{margin-top:16px;font-size:.92rem;color:#8fd6ff;min-height:1.4em}
.qform .qerr{border-color:#f08a8a !important}
.qform label.ql{display:block}
.qform label.ql span{display:block;font-size:.78rem;opacity:.7;margin:0 0 6px 2px}
.qform .qf-full{grid-column:1/-1}
/* pierwsza sekcja widoczna od razu — bez czekania na przewinięcie */
.first-sec .sec-title,.first-sec .rv,.first-sec .row{opacity:1 !important;transform:none !important;visibility:visible !important}
.first-sec{padding-top:clamp(50px,6vw,90px) !important}
.logos-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.logomq{overflow:hidden;white-space:nowrap;position:relative;padding:24px 0}
.logomq::before,.logomq::after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,8vw,140px);z-index:2;pointer-events:none}
.logomq::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.logomq::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.lm-track{display:inline-flex;animation:lmmove 60s linear infinite;will-change:transform}
.logomq:hover .lm-track{animation-play-state:paused}
.lm-set{display:inline-flex;align-items:center;gap:clamp(40px,6vw,90px);padding-right:clamp(40px,6vw,90px)}
.lm-set img{height:clamp(30px,3.4vw,44px);width:auto;max-width:none;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.lm-set img:hover{filter:none;opacity:1}
@keyframes lmmove{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lm-track{animation:none}}
.qform > label.ql{margin-top:14px}
.bwx-row h3{font-size:clamp(1.3rem,2.3vw,2rem) !important;line-height:1.15 !important}
.duo .photos2{grid-template-columns:1fr}
.duo .photos2 .ph{aspect-ratio:3/2}