:root{--wall:#3aa9d6;--wall-deep:#2a8fbb;--floor:#5a8d23;--ink:#0d2440;--cream:#f6efe0;--red:#dc1418;--gold:#ffd23f;--floor-h:clamp(180px, 30vh, 315px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:var(--floor);-webkit-font-smoothing:antialiased;font-family:Arial Black,Helvetica Neue,Arial,sans-serif}.page{background:linear-gradient(to bottom, var(--wall) 0, var(--wall) calc(100% - var(--floor-h)), var(--floor) calc(100% - var(--floor-h)), var(--floor) 100%);flex-direction:column;min-height:100dvh;display:flex}.hdr{border-bottom:4px solid var(--ink);flex:none;justify-content:space-between;align-items:center;padding:clamp(12px,2.4vh,22px) clamp(18px,4vw,48px);display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:var(--cream);border:3px solid var(--ink);width:clamp(32px,6vw,42px);height:clamp(32px,6vw,42px);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:clamp(16px,3.4vw,22px);display:grid}.logo-text{letter-spacing:-.5px;text-transform:lowercase;color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;font-size:clamp(20px,4vw,30px);font-weight:900}.logo-text b{color:var(--gold)}.hdr-right{align-items:center;gap:10px;display:flex}.hdr-chip{background:var(--ink);color:var(--cream);letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:7px 16px;font-size:clamp(10px,2vw,13px);font-weight:900}.info-btn,.x-btn{border:3px solid var(--ink);cursor:pointer;width:clamp(32px,6vw,42px);height:clamp(32px,6vw,42px);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;transition:transform 60ms,box-shadow 60ms;display:grid}.info-btn{background:var(--gold);color:var(--ink);font-family:inherit;font-size:clamp(16px,3.4vw,22px);font-weight:900}.x-btn{background:var(--cream)}.x-btn svg{width:52%;height:52%;fill:var(--ink)}.info-btn:hover,.x-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.info-btn:active,.x-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.body{flex:auto;align-items:center;gap:clamp(20px,5vw,64px);width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:clamp(16px,3vh,40px) clamp(18px,4vw,48px);display:flex}.col-left{flex-direction:column;flex:1 1 0;gap:clamp(12px,2.2vh,22px);min-width:0;display:flex}.col-right{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:clamp(20px,4.5vh,40px);height:100%;min-height:0;display:flex}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--ink);background:var(--gold);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;align-self:flex-start;padding:5px 12px;font-size:clamp(11px,2.2vw,15px);font-weight:900}.headline{letter-spacing:-1px;text-transform:uppercase;color:var(--cream);-webkit-text-stroke:clamp(2px, .5vw, 4px) var(--ink);paint-order:stroke fill;font-size:clamp(30px,6.4vw,64px);font-weight:900;line-height:1.04}.headline em{color:var(--gold);font-style:normal}.sub{color:var(--ink);background:var(--cream);border:4px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:14px;max-width:46ch;padding:clamp(10px,1.6vh,16px) clamp(12px,1.6vw,18px);font-size:clamp(13px,1.7vw,18px);font-weight:700;line-height:1.5}.cd{flex-direction:column;align-items:flex-start;gap:clamp(14px,2.6vh,24px);display:flex}.cd-label{background:var(--red);color:var(--cream);border:3px solid var(--ink);letter-spacing:1.5px;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:6px 14px;font-size:clamp(11px,2vw,15px);font-weight:900}.cd-date{letter-spacing:1.5px;text-transform:uppercase;color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:clamp(11px,1.8vw,14px);font-weight:900}.hero{min-height:0;display:flex}.hero img{object-fit:contain;border:6px solid var(--ink);width:auto;max-width:min(40vw,360px);height:auto;max-height:56dvh;box-shadow:10px 12px 0 var(--ink);background:var(--wall);border-radius:22px}.count{gap:clamp(6px,1.4vw,12px);display:flex}.unit{background:var(--cream);border:4px solid var(--ink);box-shadow:4px 5px 0 var(--ink);text-align:center;border-radius:13px;min-width:clamp(50px,9vw,70px);padding:6px 5px 4px}.unit .num{font-variant-numeric:tabular-nums;font-size:clamp(20px,3.6vw,32px);font-weight:900;line-height:1}.unit .lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-top:4px;font-size:clamp(8px,1.4vw,10px);font-weight:900}.kickoff{letter-spacing:1.5px;text-transform:uppercase;color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:clamp(10px,1.8vw,13px);font-weight:900}@media (max-width:820px){body{overflow-y:auto}.page{height:auto;min-height:100dvh}.body{text-align:center;flex-direction:column}.col-left{align-items:center}.eyebrow{align-self:center}.cd{align-items:center}.col-right{height:auto}.hero img{max-width:min(82vw,340px);max-height:50dvh}}.ftr{text-align:center;flex:none;width:100%;max-width:1100px;margin:0 auto;padding:clamp(16px,3vh,28px) clamp(18px,5vw,56px)}.ftr p{color:var(--cream);font-size:clamp(10px,1.4vw,12.5px);font-weight:600;line-height:1.5}.ftr p+p{margin-top:7px}.ftr b{font-weight:900}.modal-backdrop{z-index:50;background:#0d24409e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--cream);width:100%;max-width:560px;max-height:86dvh;color:var(--ink);border:5px solid var(--ink);box-shadow:12px 14px 0 var(--ink);border-radius:20px;padding:clamp(20px,4vw,34px);position:relative;overflow-y:auto}.modal-close{background:var(--red);width:36px;height:36px;color:var(--cream);border:3px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-family:inherit;font-size:15px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.modal-close:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.modal-title{text-transform:uppercase;letter-spacing:-.5px;padding-right:40px;font-size:clamp(24px,5vw,34px);font-weight:900}.modal-lead{margin-top:10px;font-size:clamp(13px,1.7vw,16px);font-weight:700;line-height:1.5}.modal-step{border-top:3px solid var(--ink);margin-top:16px;padding-top:12px}.modal-step h3{text-transform:uppercase;color:var(--red);font-size:clamp(14px,2vw,18px);font-weight:900}.modal-step p{margin-top:5px;font-size:clamp(12px,1.6vw,15px);font-weight:600;line-height:1.5}.modal-foot{background:var(--ink);color:var(--gold);text-transform:uppercase;text-align:center;letter-spacing:.5px;border-radius:12px;margin-top:20px;padding:12px 14px;font-size:clamp(12px,1.7vw,15px);font-weight:900}
