@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#09100d; --ink-soft:#101914; --paper:#f0eadc; --paper-dim:#b7b09e; --gold:#c89d4b; --gold-bright:#f0ca79; --line:rgba(200,157,75,.31); --mono:'DM Mono', monospace; --sans:'Manrope',sans-serif; --serif:'Playfair Display',Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.wrap { width:min(1180px, calc(100% - 64px)); margin:0 auto; }
.skip-link { position:fixed; left:1rem; top:-4rem; z-index:100; padding:.7rem 1rem; background:var(--paper); color:var(--ink); font-weight:600; transition:top .2s; }
.skip-link:focus { top:1rem; }
.site-header { position:absolute; z-index:10; inset:0 0 auto; height:82px; width:min(1360px, calc(100% - 64px)); margin:auto; display:flex; align-items:center; border-bottom:1px solid rgba(240,234,220,.18); }
.brand { color:var(--gold-bright); font-family:var(--serif); font-size:1.05rem; letter-spacing:.12em; }
.main-nav { margin-left:auto; display:flex; align-items:center; gap:2.25rem; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(240,234,220,.75); }
.main-nav a, .nav-telegram { transition:color .2s ease; }
.main-nav a:hover, .main-nav a:focus-visible { color:var(--gold-bright); }
.nav-telegram { margin-left:2.8rem; display:flex; align-items:center; gap:.55rem; color:var(--gold-bright); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.nav-telegram span { font-size:1rem; }
.nav-telegram:hover, .nav-telegram:focus-visible { color:#fff1ce; }
.hero { position:relative; isolation:isolate; min-height:max(740px,100svh); display:flex; align-items:flex-end; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-art, .hero-shade, .final-art, .final-shade { position:absolute; inset:0; }
.hero-art { z-index:-3; background:#050806; }
.hero-art img { width:100%; height:100%; object-fit:cover; object-position:68% 47%; filter:saturate(.75) contrast(1.08) brightness(.63); transform:scale(1.02); animation:slow-zoom 18s ease-out both; }
.hero-shade { z-index:-2; background:linear-gradient(90deg,rgba(4,8,6,.94) 0%,rgba(4,8,6,.73) 41%,rgba(4,8,6,.23) 75%,rgba(4,8,6,.6) 100%),linear-gradient(0deg,rgba(5,9,7,.91) 0%,transparent 48%,rgba(5,9,7,.3) 100%); }
.hero-shade::after, .final-shade::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 58% 58%,rgba(213,154,53,.13),transparent 34%); mix-blend-mode:screen; pointer-events:none; }
.hero-content { padding:132px 0 78px; max-width:1180px; }
.eyebrow { display:flex; align-items:center; gap:.7rem; margin:0 0 1.1rem; color:var(--gold-bright); font:500 .66rem/1.4 var(--mono); letter-spacing:.15em; text-transform:uppercase; }
.eyebrow i { width:31px; height:1px; background:var(--gold); }
.hero-logo { width:min(590px, 75vw); height:auto; margin:0 0 .8rem; filter:drop-shadow(0 8px 20px rgba(0,0,0,.55)); }
.hero-city { margin:0 0 1.75rem; color:var(--gold-bright); font:500 clamp(1.05rem,1.6vw,1.36rem)/1.4 var(--serif); letter-spacing:.04em; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:850px; margin-bottom:.8rem; font:500 clamp(2.2rem,3.45vw,3.65rem)/1.08 var(--serif); letter-spacing:-.035em; }
.hero-lead { max-width:560px; margin-bottom:1.55rem; color:rgba(240,234,220,.78); font-size:1rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:48px; padding:.7rem 1.2rem; border:1px solid transparent; font:500 .69rem/1.1 var(--mono); letter-spacing:.08em; text-align:center; text-transform:uppercase; transition:background .25s,color .25s,border-color .25s,transform .25s; }
.button:hover { transform:translateY(-2px); }
.button:focus-visible, .text-link:focus-visible, .social-item:focus-visible, .site-header a:focus-visible { outline:2px solid #fff0c2; outline-offset:4px; }
.button-primary { background:linear-gradient(135deg,#e7bf70,#b68232); color:#151109; box-shadow:inset 0 0 0 1px rgba(255,247,213,.4); }
.button-primary:hover { background:linear-gradient(135deg,#f5d895,#c78e36); }
.button-quiet { border-color:rgba(240,234,220,.45); color:var(--paper); background:rgba(7,12,9,.25); backdrop-filter:blur(5px); }
.button-quiet:hover { border-color:var(--gold-bright); color:var(--gold-bright); }
.hero-scroll { position:absolute; bottom:32px; right:max(32px,calc((100vw - 1180px)/2)); display:flex; align-items:center; gap:.75rem; color:rgba(240,234,220,.65); font:400 .61rem/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; writing-mode:vertical-rl; }
.hero-scroll i { width:1px; height:38px; background:var(--gold); animation:scroll-line 2s infinite; }
.section { position:relative; padding:140px 0; }
.section-number { color:var(--gold); font:400 .65rem/1 var(--mono); letter-spacing:.15em; }
h2 { font:500 clamp(2.35rem,4.1vw,4.45rem)/1.04 var(--serif); letter-spacing:-.045em; }
h2 em { color:var(--gold-bright); font-weight:500; }
.club { display:grid; grid-template-columns:80px minmax(0,1.05fr) minmax(300px,.8fr); column-gap:4.5rem; row-gap:3.5rem; }
.club-intro h2 { margin:0; }
.club-copy { padding-top:3.35rem; color:var(--paper-dim); }
.club-copy p { max-width:390px; margin-bottom:1.2rem; }
.club-copy .muted { color:var(--gold-bright); font-family:var(--serif); font-size:1.15rem; line-height:1.5; }
.club-points { grid-column:2 / -1; display:grid; grid-template-columns:repeat(4,1fr); margin:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.club-points div { min-height:155px; padding:1.35rem 1.3rem 1.3rem 0; border-right:1px solid var(--line); }
.club-points div:not(:first-child){padding-left:1.35rem}.club-points div:last-child{border-right:0}
.club-points dt { margin-bottom:2.6rem; color:var(--gold-bright); font:500 .68rem/1.2 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.club-points dd { margin:0; color:var(--paper-dim); font-size:.82rem; line-height:1.55; }
.play { position:relative; background:#101710; border-top:1px solid rgba(200,157,75,.2); border-bottom:1px solid rgba(200,157,75,.2); overflow:hidden; }
.play::before { content:""; position:absolute; inset:0; opacity:.55; background:radial-gradient(circle at 86% 18%,rgba(199,143,40,.18),transparent 18%),linear-gradient(105deg,transparent 0 65%,rgba(200,157,75,.025) 65% 66%,transparent 66%); }
.play-grid { position:relative; display:grid; grid-template-columns:80px minmax(0,1fr) minmax(260px,.65fr); gap:3rem 4.5rem; }
.play-title h2 { margin:0; }
.play-statement { align-self:end; padding-bottom:.6rem; color:var(--paper-dim); font-size:1rem; }
.play-statement p { max-width:365px; margin:0; }
.play-list { grid-column:2 / -1; display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.play-list li { min-height:106px; padding:1.2rem 1rem 1.2rem 0; border-right:1px solid var(--line); color:var(--paper); font:500 .77rem/1.45 var(--mono); }
.play-list li:not(:first-child){padding-left:1.1rem}.play-list li:last-child{border-right:none}
.play-list span { display:block; margin-bottom:2rem; color:var(--gold); font-size:.6rem; }
.newcomers { grid-column:2 / -1; display:flex; align-items:center; max-width:670px; gap:1.3rem; padding:1rem 0 0; color:var(--paper-dim); border-top:1px solid var(--line); }
.newcomers p { margin:0; font-size:.88rem; }.newcomers strong { color:var(--gold-bright); font-weight:600; }
.seal { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold-bright); font:500 1.4rem var(--serif); }
.formats { display:grid; grid-template-columns:80px minmax(0,.8fr) minmax(0,1.4fr); gap:3.5rem 4.5rem; }
.formats-header h2 { margin:0; }.format-cards { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; border:1px solid var(--line); }
.format-card { position:relative; display:flex; flex-direction:column; min-height:405px; padding:2rem; overflow:hidden; }
.predictor-format { background:linear-gradient(140deg,#172016,#09100d 85%); border-right:1px solid var(--line); }
.classic-format { color:#15160f; background:#e6dfcd; }
.format-mark { margin:0 0 auto; font:400 .7rem var(--mono); letter-spacing:.12em; }.format-type { margin:0 0 1rem; color:var(--gold-bright); font:500 .63rem var(--mono); letter-spacing:.12em; text-transform:uppercase; }.classic-format .format-type{color:#76643c}
.format-card h3 { margin:0 0 1rem; font:500 clamp(1.6rem,2.5vw,2.55rem)/.98 var(--serif); letter-spacing:-.04em; }.format-card>p:not(.format-mark):not(.format-type){max-width:270px;margin:0;color:var(--paper-dim);font-size:.83rem}.classic-format>p:not(.format-mark):not(.format-type){color:#49453a}
.format-rule { width:100%; margin-top:1.7rem; border-top:1px solid currentColor; opacity:.45; }
.schedule { background:var(--paper); color:var(--ink); padding:130px 0 105px; }.schedule .eyebrow{color:#77663f}.schedule .section-number{color:#76633b}.schedule h2 em{color:#8e7135}
.schedule-heading { display:grid; grid-template-columns:80px 1fr auto; gap:4.5rem; align-items:end; }.schedule-heading h2 { margin:0; }.schedule-location { margin:0 0 .5rem; color:#826d3d; font:500 .75rem/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; text-align:right; }.schedule-location span{color:#817d72;font-size:.6rem}
.days { display:grid; grid-template-columns:repeat(3,1fr); margin-top:4.6rem; border-top:1px solid rgba(28,31,23,.25); border-bottom:1px solid rgba(28,31,23,.25); }.days div { position:relative; display:flex; flex-direction:column; min-height:170px; padding:1.35rem 1.4rem 1.35rem 0; border-right:1px solid rgba(28,31,23,.25); }.days div:not(:first-child){padding-left:1.4rem}.days div:last-child{border-right:0}.days span{font:500 .67rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.days strong{margin-top:auto;font:500 clamp(2.3rem,4vw,3.6rem)/1 var(--serif);letter-spacing:-.04em}.days i{position:absolute;right:1rem;top:1.3rem;color:#837e6f;font:400 .6rem var(--mono);font-style:normal}
.schedule-bottom { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding-top:1.4rem; }.schedule-bottom p{max-width:430px;margin:0;color:#65645a;font-size:.78rem;line-height:1.6}.text-link{color:#534420;font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #8c7746;padding-bottom:.3rem;transition:color .2s,border-color .2s}.text-link:hover{color:#0b100d;border-color:#0b100d}
.social { display:grid; grid-template-columns:80px minmax(0,.8fr) minmax(0,1.4fr); gap:3.5rem 4.5rem; }.social-title h2{margin:0}.social-links{display:grid;gap:0;border-top:1px solid var(--line)}.social-item{position:relative;display:grid;grid-template-columns:42px 1fr minmax(170px,.9fr) 24px;gap:1rem;align-items:center;min-height:122px;padding:.8rem 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.social-item.telegram:hover{padding-left:.9rem;background:rgba(200,157,75,.06)}.social-index{color:var(--gold);font:400 .62rem var(--mono)}.social-name{font:500 clamp(1.45rem,2.5vw,2.3rem) var(--serif);letter-spacing:-.035em}.social-copy{color:var(--paper-dim);font-size:.78rem;line-height:1.55}.social-arrow{color:var(--gold-bright);font-size:1.15rem}.instagram{opacity:.48;cursor:default}.social-lock{color:var(--gold);font-size:1.25rem}
.final-cta{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;overflow:hidden}.final-art{z-index:-3;background:#080d0a}.final-art img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;filter:brightness(.47) saturate(.72) contrast(1.1)}.final-shade{z-index:-2;background:linear-gradient(90deg,rgba(5,10,7,.92),rgba(5,10,7,.68) 58%,rgba(5,10,7,.6)),linear-gradient(0deg,rgba(5,10,7,.75),transparent 55%)}.final-content{padding:90px 0}.final-content h2{max-width:760px;margin-bottom:2.1rem}.site-footer{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(200,157,75,.26);color:#aaa594;font:400 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-footer span:first-child{color:var(--gold-bright);font-family:var(--serif);font-size:.88rem;letter-spacing:.15em}
@keyframes slow-zoom{from{transform:scale(1.06)}to{transform:scale(1.01)}}@keyframes scroll-line{0%,100%{transform:scaleY(.5);transform-origin:top;opacity:.5}50%{transform:scaleY(1);transform-origin:top;opacity:1}}
@media (max-width:850px){.wrap{width:min(100% - 40px,640px)}.site-header{width:calc(100% - 40px);height:68px}.main-nav{display:none}.nav-telegram{margin-left:auto;font-size:.62rem}.hero{min-height:760px;align-items:flex-end}.hero-art img{object-position:56% 45%}.hero-shade{background:linear-gradient(90deg,rgba(4,8,6,.9),rgba(4,8,6,.52)),linear-gradient(0deg,rgba(5,9,7,.98),rgba(5,9,7,.14) 70%)}.hero-content{padding:140px 0 94px}.hero-logo{width:min(600px,95vw)}.hero-scroll{right:20px;bottom:22px}.section{padding:88px 0}.club,.play-grid,.formats,.social{grid-template-columns:36px 1fr;gap:2.3rem 1.2rem}.club-copy,.play-statement{padding-top:0}.club-points,.play-list,.newcomers{grid-column:2}.club-points{grid-template-columns:1fr 1fr}.club-points div:nth-child(2){border-right:0}.club-points div:nth-child(-n+2){border-bottom:1px solid var(--line)}.club-points div{min-height:138px;padding:1.1rem!important}.club-points dt{margin-bottom:1.8rem}.play-statement{grid-column:2}.play-list{grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.play-list li{min-height:80px;padding:1rem!important;border-bottom:1px solid var(--line)}.play-list li:nth-child(2n){border-right:0}.play-list li:last-child{border-bottom:0}.play-list span{display:inline;margin:0 .8rem 0 0}.newcomers{padding-top:0}.formats-header,.social-title{grid-column:2}.format-cards,.social-links{grid-column:2}.schedule{padding:88px 0 68px}.schedule-heading{grid-template-columns:36px 1fr;gap:1.2rem}.schedule-location{grid-column:2;text-align:left;margin:0}.days{margin-top:3rem}.days div{min-height:145px;padding:1rem .75rem!important}.days span{font-size:.57rem}.days strong{font-size:2rem}.days i{right:.55rem;top:.9rem}.schedule-bottom{display:grid;gap:1.2rem}.social-item{grid-template-columns:30px 1fr 20px;min-height:110px}.social-copy{grid-column:2}.social-arrow,.social-lock{grid-column:3;grid-row:1 / 3}.final-cta{min-height:580px}.final-art img{object-position:52% 50%}.site-footer{min-height:76px;font-size:.55rem}.site-footer span:nth-child(2){display:none}}
@media (max-width:480px){.wrap{width:calc(100% - 32px)}.site-header{width:calc(100% - 32px)}.brand{font-size:.94rem}.nav-telegram{font-size:.56rem}.hero{min-height:700px}.hero-content{padding:114px 0 75px}.eyebrow{font-size:.57rem;margin-bottom:.8rem}.hero-city{margin-bottom:1.3rem;font-size:1rem}h1{font-size:2.25rem}.hero-lead{font-size:.9rem;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%;min-height:50px}.hero-scroll{display:none}.section{padding:70px 0}.club,.play-grid,.formats,.social{grid-template-columns:1fr;gap:1.45rem}.section-number{grid-row:auto}.club-intro,.club-copy,.club-points,.play-title,.play-statement,.play-list,.newcomers,.formats-header,.format-cards,.social-title,.social-links{grid-column:auto}.club-points{margin-top:1rem}.club-points div{min-height:135px}.play-list{grid-template-columns:1fr}.play-list li{border-right:0!important}.formats{gap:1.7rem}.format-cards{grid-template-columns:1fr}.format-card{min-height:325px}.predictor-format{border-right:0;border-bottom:1px solid var(--line)}.schedule-heading{grid-template-columns:1fr;gap:1rem}.schedule-location{grid-column:auto}.days{grid-template-columns:1fr;margin-top:2rem}.days div{min-height:92px;display:grid;grid-template-columns:1fr auto;align-items:center;border-right:0;border-bottom:1px solid rgba(28,31,23,.25)}.days div:last-child{border-bottom:0}.days strong{margin:0;font-size:2.15rem}.days i{top:1.1rem}.schedule-bottom{padding-top:1.25rem}.social-item{grid-template-columns:26px 1fr 18px;gap:.6rem}.social-name{font-size:1.55rem}.social-copy{font-size:.71rem}.final-content{padding:70px 0}.final-content h2{font-size:2.15rem}.site-footer{gap:.7rem}.site-footer span:first-child{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img,.hero-scroll i{animation:none}.button,.social-item{transition:none}}