:root{--gold:#f8b928;--gold-dark:#dca722;--ink:#252223;--slate:#656364;--white:#fff;--font:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff}button,a{font:inherit}button{cursor:pointer}.wrap{width:min(1440px,100% - 7.5vw);margin-inline:auto}.site-header{height:88px;position:absolute;z-index:10;inset:0 0 auto;color:#fff}.nav{height:100%;display:flex;align-items:center;gap:42px}.nav-link{color:#e9e9e9;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;transition:color .2s}.nav-link:hover{color:var(--gold)}.nav-link.active{color:#2a2522;background:var(--gold);border-radius:50px;padding:8px 20px}.hero{height:min(720px,57vw);min-height:550px;position:relative;overflow:hidden;background:#dce8f1}.hero-art{position:absolute;inset:0 0 0 41%;background:url(assets/hero-crop.png) 64% 43%/cover no-repeat}.hero-gold,.hero-black,.hero-slate{position:absolute;inset:0}.hero-gold{background:var(--gold-dark);clip-path:polygon(57% 0,66% 0,57% 100%,48% 100%);opacity:.91}.hero-black{background:#211e1f;clip-path:polygon(53% 0,57% 0,48% 100%,44% 100%)}.hero-slate{background:#666465;clip-path:polygon(0 0,54% 0,45% 100%,0 100%)}.hero-content{position:relative;z-index:2;padding-top:158px}.brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(112px,12vw,183px);line-height:.8;letter-spacing:-.15em;margin:0 0 50px 0;font-style:italic;font-weight:900;white-space:nowrap}.brand span{color:var(--gold)}.brand b{color:#0a0a0a}.anthem{color:#e5e3e3;font-size:clamp(14px,1.22vw,19px);line-height:1.12;margin:0 0 42px;max-width:470px}.rule-button{background:#252223;color:var(--gold);border:0;border-radius:6px;text-transform:uppercase;font-weight:800;letter-spacing:.015em;padding:7px 16px;font-size:17px}.rule-button:hover,.rule-button:focus-visible{background:#111;outline:2px solid var(--gold)}.events{padding-top:21px}.section-title{text-transform:uppercase;font-size:clamp(35px,3.7vw,57px);line-height:1;margin:0;font-weight:500;padding:0 12px 5px;border-bottom:7px solid var(--gold)}.events-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);align-items:stretch}.event-list{padding:28px 42px 30px 0;display:grid;gap:31px}.event-row{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;min-height:164px}.event-row p{font-size:16px;line-height:1.12;margin:0;max-width:530px}.event-image{height:158px;position:relative;background:#292629;border-left:18px solid var(--gold);transform:skewX(10deg);overflow:hidden;box-shadow:-9px 0 #272425}.event-image img{display:block;width:115%;height:calc(100% - 28px);object-fit:cover;transform:skewX(-10deg) scale(1.08);margin-left:-5%}.event-image span{position:absolute;left:0;right:0;bottom:0;background:#292629;color:#fff;text-align:center;text-transform:uppercase;font-size:17px;padding:4px 0;transform:skewX(-10deg) scale(1.05)}.event-side{background:#676566;color:#f5f5f5;align-self:stretch}.side-block h3{position:relative;background:#252223;text-transform:uppercase;font-size:18px;font-weight:500;margin:0;padding:8px 15px 8px 36px}.side-block h3:before{content:"";position:absolute;left:-20px;top:0;height:100%;width:26px;background:var(--gold);transform:skewX(15deg)}.side-body{padding:14px 25px 20px 34px;font-size:16px;line-height:1.12}.side-body p{margin:0 0 9px}.side-body strong,.side-body li{color:var(--gold)}.side-body ul{list-style:none;padding:0;margin:5px 0 0}.side-body li{margin:6px 0;padding-left:8px}.war{background:#242122;color:#eee;padding-bottom:48px;overflow:hidden}.war h2{font-size:clamp(52px,7.4vw,112px);color:#e9bd34;font-weight:400;line-height:1;letter-spacing:-.06em;text-transform:uppercase;margin:0;padding:7px 0 16px;white-space:nowrap}.war-grid{display:grid;grid-template-columns:40% 60%;gap:0}.war-visual{margin-left:calc(-3.75vw);padding-right:26px}.war-image{height:330px;position:relative;overflow:hidden}.war-image img{width:100%;height:100%;object-fit:cover;object-position:center}.war-image span{position:absolute;top:0;left:0;right:0;color:#fff;text-transform:uppercase;text-align:center;background:#676566db;font-family:Oswald,Arial,sans-serif;font-size:26px}.tips{background:#666465;position:relative;padding:0 20px 22px 60px;min-height:275px}.tips h3{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;text-align:center;background:#e8bb37;color:#292526;font-size:26px;font-weight:400;margin:0 -20px 6px -60px}.tips ul{margin:0;padding:0;list-style:none;font-size:16px;line-height:1.12;font-weight:700}.tips li{position:relative;margin:6px 0}.tips li:before{content:"";position:absolute;left:-21px;top:7px;width:11px;height:11px;background:#f0c342}.war-copy{font-size:15px;line-height:1.17;padding:0 0 0 16px}.war-copy p{margin:0 0 17px}.war-copy strong,.war-copy .gold{color:#e3b628;font-weight:500}.schedule{padding-left:22px;margin-bottom:15px}.schedule p{margin:0}.extra{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:52px;padding-bottom:60px}.extra article{padding:26px 30px;border-left:7px solid var(--gold);background:#f3f3f3;scroll-margin-top:16px}.extra h2{font-size:30px;font-weight:500;text-transform:uppercase;margin:0 0 9px}.extra p{margin:0;line-height:1.5}footer{background:#252223;color:#fff}footer .wrap{display:flex;align-items:center;gap:20px;min-height:90px}footer strong{font-size:36px;color:var(--gold);font-weight:800}footer span{font-size:13px;color:#ddd}footer a{margin-left:auto;color:var(--gold);text-decoration:none;font-weight:700}.rules{max-width:560px;width:calc(100% - 32px);border:3px solid var(--gold);border-radius:8px;background:#292627;color:#eee;box-shadow:0 20px 80px #0008;padding:30px}.rules::backdrop{background:#000a}.rules h2{text-transform:uppercase;color:var(--gold);margin:0 28px 20px 0}.rules p,.rules li{line-height:1.45}.rules li{margin:8px 0}.rules .close{position:absolute;right:12px;top:5px;border:0;background:none;color:var(--gold);font-size:34px}.rules form{margin:0}@media(max-width:900px){.wrap{width:min(100% - 36px,740px)}.nav{gap:10px;overflow-x:auto;scrollbar-width:none}.nav-link{font-size:12px}.nav-link.active{padding:8px 13px}.hero{height:620px;min-height:0}.hero-art{inset:0 0 0 36%;background-position:67% center}.hero-gold{clip-path:polygon(63% 0,72% 0,56% 100%,47% 100%)}.hero-black{clip-path:polygon(57% 0,63% 0,47% 100%,41% 100%)}.hero-slate{clip-path:polygon(0 0,58% 0,42% 100%,0 100%)}.hero-content{padding-top:150px}.brand{font-size:130px}.anthem{font-size:14px;max-width:340px}.events-layout{grid-template-columns:1fr}.event-list{padding-right:0}.event-side{display:grid;grid-template-columns:repeat(3,1fr)}.side-block h3{font-size:14px;padding-left:22px}.side-body{font-size:13px;padding:14px}.war h2{font-size:clamp(47px,8vw,74px)}.war-grid{grid-template-columns:1fr}.war-visual{margin:0;display:grid;grid-template-columns:1fr 1fr;padding:0}.war-image{height:100%;min-height:300px}.tips{padding-left:44px}.tips h3{margin-left:-44px}.war-copy{padding:25px 0 0}}@media(max-width:600px){.site-header{height:70px}.nav{gap:8px}.nav-link{font-size:12px}.hero{height:680px}.hero-art{inset:0 0 0 15%;background-position:68% top;opacity:.85}.hero-gold{clip-path:polygon(78% 0,91% 0,66% 100%,53% 100%)}.hero-black{clip-path:polygon(72% 0,78% 0,53% 100%,47% 100%)}.hero-slate{clip-path:polygon(0 0,74% 0,49% 100%,0 100%)}.hero-content{padding-top:122px}.brand{font-size:112px;margin-bottom:45px}.anthem{font-size:13px;max-width:285px;line-height:1.23;margin-bottom:33px}.rule-button{font-size:14px}.section-title{font-size:43px}.event-list{gap:30px}.event-row{grid-template-columns:118px 1fr;gap:17px;min-height:130px}.event-image{height:126px;border-left-width:10px}.event-image span{font-size:12px}.event-row p{font-size:12px;line-height:1.2}.event-side{grid-template-columns:1fr}.side-block h3{font-size:17px}.side-body{font-size:14px}.war{padding-bottom:28px}.war h2{font-size:45px;white-space:normal;padding-top:15px}.war-visual{grid-template-columns:1fr}.war-image{height:235px;min-height:0}.tips{min-height:0;padding-bottom:16px}.war-copy{font-size:13px;line-height:1.3}.extra{grid-template-columns:1fr;gap:16px;padding-top:30px;padding-bottom:30px}.extra h2{font-size:24px}footer .wrap{flex-wrap:wrap;padding-block:14px}footer a{margin-left:0}}

