:root{--ink:#07100c;--paper:#f7f5ed;--yellow:#ffd600;--green:#ffd600;--club-green:#5f8f20;--deep:#153a24;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:white;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}em{color:var(--green);font-style:normal}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed";font-size:20px;letter-spacing:1px}.brand b{color:var(--green)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--green);border-radius:50%;font-size:15px;color:var(--green);transform:rotate(-8deg)}nav{display:flex;gap:36px;margin-left:auto}nav a{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;opacity:.8}nav a:hover{color:var(--green);opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:17px 22px;background:var(--green);color:#0b160f;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:.25s}.button:hover{background:#d2ff61;transform:translateY(-2px)}.button-small{padding:12px 16px;gap:15px}.menu-button{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;padding:110px 7vw 50px;background:url("assets/hero-darts.png") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,6,.95) 0%,rgba(3,8,6,.7) 40%,rgba(3,8,6,.05) 75%),linear-gradient(0deg,rgba(3,8,6,.65),transparent 40%)}.hero-content{position:relative;max-width:750px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.4px;display:flex;align-items:center;gap:12px}.eyebrow span{width:32px;height:2px;background:var(--green)}h1,h2{font-family:"Barlow Condensed";font-weight:800;line-height:.84;letter-spacing:-2px;margin:28px 0;text-transform:uppercase}h1{font-size:clamp(82px,10.5vw,160px)}h2{font-size:clamp(58px,7vw,100px)}.hero-copy{max-width:550px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.72)}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.text-link{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.4);padding:8px 0}.hero-stat{position:absolute;right:6vw;bottom:9%;display:flex;align-items:center;gap:18px}.hero-stat strong{font:800 72px/1 "Barlow Condensed";color:var(--green)}.hero-stat span{font:700 12px/1.5 Inter;letter-spacing:1.3px}.scroll-hint{position:absolute;left:2vw;bottom:6%;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.scroll-hint i{width:1px;height:42px;background:var(--green)}.section{position:relative;padding:120px 7vw}.section-label{position:absolute;top:50%;left:2vw;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;font-size:9px;letter-spacing:3px;color:rgba(255,255,255,.45)}.about{min-height:680px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.about .section-label{color:rgba(0,0,0,.45)}.about-copy{max-width:760px;z-index:1}.about-copy h2{margin:24px 0}.about-copy p:not(.eyebrow){max-width:590px;font-size:17px;line-height:1.7;color:#4f5a54}.outline-link{display:inline-flex;gap:30px;border:1px solid #a8afa9;padding:16px 20px;margin-top:22px;font-size:12px;font-weight:800;letter-spacing:1px}.outline-link:hover{border-color:var(--ink);background:var(--ink);color:white}.target-art{position:absolute;width:540px;height:540px;right:-100px;border:1px solid rgba(0,0,0,.09);border-radius:50%;display:grid;place-items:center}.target-art:before,.target-art:after,.target-art div,.target-art span{content:"";display:block;border:1px solid rgba(0,0,0,.12);border-radius:50%}.target-art:before{width:75%;height:75%}.target-art:after{position:absolute;width:48%;height:48%}.target-art div{position:absolute;width:22%;height:22%;display:grid;place-items:center;background:var(--green)}.target-art span{width:22%;height:22%;background:var(--ink)}.news{background:#0b1812;padding-bottom:140px}.news-heading{max-width:850px}.news-heading h2{margin-bottom:22px}.news-heading>p:last-child{color:rgba(255,255,255,.6);max-width:520px;line-height:1.7}.facebook-panel{margin-top:60px;border:1px solid var(--line);background:#101f18}.facebook-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.5)}.facebook-topbar>div{display:flex;align-items:center;gap:12px;color:white;letter-spacing:0}.fb-icon{display:grid;place-items:center;width:28px;height:28px;background:#1877f2;border-radius:50%;font:700 20px Arial}.facebook-embed{display:grid;grid-template-columns:minmax(330px,500px) 1fr;gap:7vw;padding:45px;align-items:center}.facebook-embed iframe{width:100%;background:#fff;min-height:620px}.feed-info{max-width:480px}.live-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(185,242,39,.12);margin-bottom:30px}.feed-info h3{font:800 clamp(42px,5vw,74px)/.9 "Barlow Condensed";margin:0 0 24px}.feed-info p{line-height:1.7;color:rgba(255,255,255,.6);margin-bottom:30px}.cta{min-height:600px;background:var(--green);color:var(--ink);display:flex;justify-content:flex-end;align-items:center;overflow:hidden}.cta .eyebrow span{background:var(--ink)}.cta-content{width:52%;position:relative;z-index:1}.cta-content h2 em{color:white;text-shadow:4px 4px 0 var(--ink)}.cta-content>p:not(.eyebrow){max-width:500px;line-height:1.7}.button-light{background:var(--ink);color:white;margin-top:20px}.cta-target{position:absolute;left:-120px;width:660px;height:660px;border:100px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 80px var(--green),inset 0 0 0 160px var(--ink)}footer{min-height:150px;padding:45px 5vw;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);font-size:12px;color:rgba(255,255,255,.55)}footer>a:not(.brand){color:var(--green);text-transform:uppercase;letter-spacing:1px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:74px;padding:0 20px}.site-header nav,.site-header>.button{display:none}.menu-button{display:block;margin-left:auto}.site-header.open nav{display:flex;position:absolute;top:74px;left:0;width:100%;padding:25px;background:var(--ink);flex-direction:column}.hero{padding:100px 25px 45px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,8,6,.93),rgba(3,8,6,.35)),linear-gradient(0deg,rgba(3,8,6,.8),transparent)}h1{font-size:clamp(70px,23vw,110px)}.hero-stat{right:25px;bottom:35px}.scroll-hint{display:none}.section{padding:90px 25px}.section-label{display:none}.about{grid-template-columns:1fr}.target-art{opacity:.2;right:-280px}.facebook-embed{grid-template-columns:1fr;padding:18px}.facebook-embed iframe{min-height:500px;height:500px}.feed-info{padding:25px 8px}.cta{justify-content:flex-start}.cta-content{width:100%}.cta-target{opacity:.15;left:-400px}footer{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stat strong{font-size:48px}}
@media(max-width:480px){.hero-stat{display:none}.hero-copy{font-size:15px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}.news-heading h2,.about-copy h2{letter-spacing:-1px}}

/* Originálne klubové logo */
.brand-logo{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.82);box-shadow:0 4px 18px rgba(0,0,0,.3)}
@media(max-width:480px){.brand-logo{width:44px;height:44px}}

/* Žilinská žlto-zelená klubová paleta */
.site-header{background:linear-gradient(180deg,rgba(7,16,12,.8),transparent)}
.brand b,.hero h1 em,.hero-stat strong{color:var(--yellow)}
.button{background:var(--yellow);color:var(--ink)}
.button:hover{background:#ffe55d}
.eyebrow span,.scroll-hint i{background:var(--yellow)}
.hero-shade{background:linear-gradient(90deg,rgba(4,12,7,.96) 0%,rgba(10,41,22,.76) 43%,rgba(16,65,31,.12) 78%),linear-gradient(0deg,rgba(4,15,8,.8),transparent 45%)}
.about{background:var(--yellow)}
.about em{color:var(--club-green)}
.about .eyebrow span{background:var(--club-green)}
.about-copy p:not(.eyebrow){color:#354326}
.outline-link{border-color:rgba(7,16,12,.5)}
.target-art div{background:white}
.news{background:linear-gradient(135deg,#184e2b 0%,#0d2d1b 62%,#07150d 100%)}
.facebook-panel{background:#0b2114;border-color:rgba(255,214,0,.28);box-shadow:0 30px 80px rgba(0,0,0,.24)}
.facebook-topbar{background:var(--yellow);color:var(--ink);border:0}
.facebook-topbar>div{color:var(--ink)}
.live-dot{background:var(--yellow);box-shadow:0 0 0 8px rgba(255,214,0,.14)}
.feed-info h3{color:white}.feed-info h3::after{content:".";color:var(--yellow)}
.cta{background:var(--yellow)}
.cta-content h2 em{color:var(--club-green);text-shadow:none}
.cta-target{border-color:var(--club-green);box-shadow:inset 0 0 0 80px var(--yellow),inset 0 0 0 160px var(--club-green)}
.button-light{background:var(--club-green);color:white}
footer{background:#07100c;border-top:6px solid var(--yellow)}
footer>a:not(.brand){color:var(--yellow)}
@media(max-width:850px){.hero-shade{background:linear-gradient(90deg,rgba(4,12,7,.96),rgba(11,59,27,.42)),linear-gradient(0deg,rgba(4,15,8,.84),transparent)}}