/* fight-night poster: pitch black, signal red, white condensed type that moves */
:root{--bg:#070707;--tx:#f5f5f5;--mu:#9b9b9b;--red:#ff2d3c;--line:rgba(255,255,255,.14);
--sign:'Bebas Neue',Impact,sans-serif;--body:'Space Grotesk',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 var(--body);overflow-x:hidden}
a{color:inherit}
.cursor{position:fixed;z-index:90;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid var(--red);border-radius:50%;pointer-events:none;transition:width .2s,height .2s,margin .2s,background .2s;mix-blend-mode:difference;display:none}
.cursor.big{width:80px;height:80px;margin:-40px 0 0 -40px;background:var(--red)}
@media(hover:hover) and (pointer:fine){.cursor{display:block}}
.nav{position:fixed;z-index:30;top:44px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px max(16px,4vw)}
.logo{font:400 34px var(--sign);letter-spacing:.06em;text-decoration:none}.logo span{color:var(--red);font-size:18px;vertical-align:middle;margin:0 4px}
.nav-links{display:flex;gap:24px;align-items:center;font-weight:500}.nav-links a{text-decoration:none}
.pill{background:var(--red);padding:9px 18px;border-radius:99px;color:#fff}
.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:10px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:#fff;margin:6px 0}
@media(max-width:760px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:16px;right:16px;flex-direction:column;background:#111;padding:22px;border-radius:16px}.nav-links.open{display:flex}}
.sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.dive{height:260vh;position:relative}
.dive video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(calc(1.9 - var(--p,0)*.9)) saturate(1.2)}
.knock{position:absolute;inset:0;background:#000;mix-blend-mode:multiply;display:grid;place-items:center;opacity:calc(1 - var(--p,0)*1.9)}
.big{font:400 clamp(220px,46vw,760px)/.8 var(--sign);color:#fff;letter-spacing:-.01em;transform:scale(calc(1 + var(--p,0)*var(--p,0)*28));transform-origin:50% 52%;display:block;padding-top:.08em}
.dive-copy{position:absolute;left:max(16px,5vw);bottom:9vh;opacity:calc(var(--p,0)*3 - 1.3);transform:translateY(calc((1 - var(--p,0))*50px))}
.kick{font:500 13px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
h1{font:400 clamp(70px,10vw,160px)/.86 var(--sign);margin:0 0 24px;text-shadow:0 6px 40px rgba(0,0,0,.5)}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:16px 28px;border-radius:99px;transition:transform .2s}
.btn:hover,.btn:focus-visible{transform:scale(1.05)}
.kinetic{padding:60px 0;overflow:hidden;border-block:1px solid var(--line)}
.kinetic p{margin:0;white-space:nowrap;font:400 clamp(70px,11vw,170px)/.95 var(--sign);will-change:transform}
.kinetic .o{color:transparent;-webkit-text-stroke:2px var(--tx)}
.kinetic .k2 span:not(.o){color:var(--red)}
.zajecia,.karnety,.start{max-width:1240px;margin:0 auto;padding:clamp(70px,10vw,130px) max(16px,4vw)}
h2{font:400 clamp(70px,11vw,170px)/.85 var(--sign);margin:0 0 40px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{position:relative;aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:#111}
.card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:filter .5s,transform .8s}
.card:hover video{filter:none;transform:scale(1.06)}
.card div{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}
.card .t{font:400 54px/1 var(--sign);display:block}.card p{margin:4px 0 0;color:#ccc;font-size:15px}
@media(max-width:820px){.cards{grid-template-columns:1fr}.card{aspect-ratio:4/3}}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:6px}
.plan.hot{background:var(--red);border-color:var(--red)}
.nm{font:500 14px var(--body);letter-spacing:.2em;text-transform:uppercase;margin:0}
.price{margin:0}.price b{font:400 90px/1 var(--sign);font-variant-numeric:tabular-nums}
.plan ul{margin:10px 0 0;padding-left:18px;color:inherit}.plan:not(.hot) ul{color:var(--mu)}
@media(max-width:820px){.plans{grid-template-columns:1fr}}
.start{text-align:center}.start p{color:var(--mu)}
.foot{text-align:center;padding:30px 16px;border-top:1px solid var(--line);color:var(--mu)}
a:focus-visible{outline:2px solid var(--red);outline-offset:3px}