@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,900&family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #0b0b0b;
  --paper: #f5f4ef;
  --white: #fff;
  --lime: #d9ff3f;
  --pink: #ff2e89;
  --muted: #6d6c67;
  --line: #c8c7c0;
  --max: 1500px;
  --pad: clamp(22px, 5vw, 80px);
  --section: clamp(84px, 9vw, 142px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, Arial, sans-serif; overflow-x: hidden; }
body.drawer-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { color: inherit; font: inherit; }
.skip-link { position: fixed; z-index: 200; top: 12px; left: 12px; transform: translateY(-160%); background: var(--lime); color: var(--ink); padding: 12px 18px; font-weight: 800; }
.skip-link:focus { transform: none; }
.wrap { width: min(var(--max), calc(100% - 2 * var(--pad))); margin: auto; }
.section { padding: var(--section) 0; }
.display { margin: 0; font-family: "Barlow Condensed", Impact, sans-serif; font-weight: 900; letter-spacing: .01em; line-height: .88; text-transform: uppercase; }
.display-xl { font-size: clamp(4.5rem, 9.7vw, 10.4rem); }
.display-lg { font-size: clamp(4rem, 7.5vw, 8rem); }
.display span { color: var(--lime); }
.lead { max-width: 720px; font-size: clamp(1.05rem, 1.45vw, 1.36rem); line-height: 1.58; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { width: 38px; height: 4px; background: currentColor; content: ""; }
.section-index { display: block; margin-bottom: 50px; color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.icon { width: 1.15em; height: 1.15em; display: inline-block; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.btn { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 0 24px; border: 2px solid var(--ink); background: var(--lime); color: var(--ink); box-shadow: 5px 5px 0 var(--ink); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease; }
.btn:hover, .btn:focus-visible { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--ink); }
.btn .icon, .text-link .icon { transition: transform .2s ease; }
.btn:hover .icon, .text-link:hover .icon { transform: translateX(4px); }
.btn-dark { background: var(--ink); color: var(--white); }
.btn-ghost { border-color: var(--white); background: transparent; color: var(--white); box-shadow: none; }
.btn-ghost:hover, .btn-ghost:focus-visible { box-shadow: 5px 5px 0 var(--white); }
.text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 32px; padding-bottom: 5px; border-bottom: 2px solid currentColor; font-size: .8rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.light-link { color: var(--white); }

.trials-schedule{--blue:#287cff;--line:#c8c7c1;background:#f5f4ef}
.schedule-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:36px}
.schedule-heading .display{font-size:3.5rem;letter-spacing:0;line-height:1}
.schedule-count{padding-bottom:5px;font-size:.75rem;font-weight:900;text-transform:uppercase}
.schedule-scroll{overflow-x:auto;border:1px solid var(--ink)}
.schedule-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.schedule-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed;font-size:.85rem;line-height:1.55}
.schedule-table caption{padding:16px 20px;background:var(--lime);text-align:left;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--ink)}
.schedule-table thead{background:var(--ink);color:#fff}
.schedule-table th,.schedule-table td{padding:20px 16px;text-align:left;vertical-align:middle;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.schedule-table thead th{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:0}
.schedule-table th:nth-child(1){width:5%}.schedule-table th:nth-child(2){width:11%}.schedule-table th:nth-child(3){width:8%}.schedule-table th:nth-child(4){width:9%}.schedule-table th:nth-child(5){width:19%}.schedule-table th:nth-child(6){width:32%}.schedule-table th:nth-child(7){width:16%}
.schedule-table tbody th{font:900 1.4rem/1.1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.schedule-table tbody tr:nth-child(even){background:#fff}
.schedule-table tbody tr:hover{background:#edf3dd}
.schedule-table td:first-child{color:#666660;font-weight:800;font-variant-numeric:tabular-nums}
.schedule-table td:nth-child(3),.schedule-table td:nth-child(4){white-space:nowrap}
.schedule-table td:nth-child(5){font-weight:700}
.schedule-table th:last-child,.schedule-table td:last-child{border-right:0}
.schedule-table tbody tr:last-child th,.schedule-table tbody tr:last-child td{border-bottom:0}
.schedule-map.btn{min-height:44px;padding:0 10px;gap:7px;box-shadow:3px 3px 0 var(--ink);font:900 .65rem/1.2 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.schedule-map .icon{width:16px;height:16px;flex:none}
.schedule-map.btn:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.schedule-map.btn:disabled{background:#e4e4df;color:#71716b;border-color:#aaa;box-shadow:none;cursor:not-allowed;transform:none}
.schedule-table .schedule-pending{color:#71716b;font-weight:400}
@media(max-width:680px){.schedule-heading .display{font-size:2.75rem}.schedule-heading{margin-bottom:24px}.schedule-table{min-width:1180px}}

.topbar { height: 126px; position: absolute; z-index: 50; inset: 0 0 auto; color: var(--white); border-bottom: 1px solid #ffffff38; transition: background .25s ease, height .25s ease; }
.topbar.is-scrolled { position: fixed; height: 86px; background: #090909f2; backdrop-filter: blur(14px); }
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; flex: 0 0 auto; }
.brand .logo { width: auto; height: 98px; filter: drop-shadow(0 3px 14px #0009); transition: height .25s ease; }
.topbar.is-scrolled .brand .logo { height: 72px; }
.navlinks { display: flex; align-items: center; gap: clamp(12px, 1.15vw, 22px); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.navlinks > a:not(.btn), .nav-item > a { position: relative; white-space: nowrap; }
.navlinks > a:not(.btn)::after, .nav-item > a::after { position: absolute; right: 100%; bottom: -13px; left: 0; height: 2px; background: var(--lime); content: ""; transition: right .2s ease; }
.navlinks > a:hover::after, .navlinks > a:focus-visible::after, .nav-item:hover > a::after, .nav-item:focus-within > a::after { right: 0; }
.nav-item { position: relative; height: 126px; display: flex; align-items: center; }
.topbar.is-scrolled .nav-item { height: 86px; }
.nav-item > a { display: flex; align-items: center; gap: 4px; }
.nav-item > a .icon { width: 13px; height: 13px; }
.submenu { min-width: 220px; position: absolute; top: calc(100% - 20px); left: -18px; padding: 10px; border: 1px solid #ffffff24; background: #111; box-shadow: 0 20px 50px #0009; visibility: hidden; opacity: 0; transform: translateY(8px); transition: .2s ease; }
.submenu a { display: block; padding: 11px 12px; color: #bbb; white-space: nowrap; }
.submenu a:hover, .submenu a:focus-visible { background: #222; color: var(--lime); }
.nav-item:hover .submenu, .nav-item:focus-within .submenu { visibility: visible; opacity: 1; transform: none; }
.btn-nav { min-height: 46px; padding-inline: 17px; }
.menu { display: none; padding: 10px; border: 0; background: none; cursor: pointer; }
.menu .icon { width: 30px; height: 30px; }

.hero { min-height: 100svh; position: relative; display: flex; align-items: flex-end; padding: 190px 0 clamp(72px, 8vw, 118px); isolation: isolate; background: #080a0b url('../images/saataack-hero.webp') center/cover no-repeat; color: var(--white); }
.hero::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #060708fa 0%, #060708e8 38%, #06070845 72%), linear-gradient(0deg, #060708e8 0%, transparent 48%); content: ""; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: end; gap: clamp(40px, 7vw, 110px); }
.hero-copy { max-width: 1070px; }
.league-name { margin: 0 0 15px; color: var(--lime); font: 900 1rem/1 Inter, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.format-lockup { margin: 28px 0 0; font: 900 clamp(1.65rem, 3vw, 3.1rem)/1 "Barlow Condensed", Impact, sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.format-lockup b, .scope-lockup b { margin-inline: .24em; color: var(--lime); }
.scope-lockup { margin: 13px 0 0; color: #d5d5d0; font-size: clamp(.72rem, 1vw, .9rem); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hero .lead { margin: 28px 0 34px; color: #ecece7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 17px; }
.season-card { align-self: end; padding: 28px 24px; border-top: 6px solid var(--lime); background: #0b0b0be8; backdrop-filter: blur(10px); }
.season-card span, .season-card time, .season-card small { display: block; }
.season-label { color: var(--lime); font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.season-card strong { display: block; margin: 20px 0 1px; font: 900 4.6rem/.82 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }
.season-card > span:not(.season-label) { font: 800 1.4rem/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }
.season-card time { margin-top: 22px; font-weight: 800; text-transform: uppercase; }
.season-rule { height: 1px; margin: 24px 0; background: #ffffff36; }
.season-card small { margin-top: 8px; color: #aaa; font-size: .68rem; line-height: 1.45; }
.season-card small:first-of-type { color: var(--white); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.ticker { overflow: hidden; padding: 17px 0; border-block: 2px solid var(--ink); background: var(--lime); white-space: nowrap; }
.ticker-track { min-width: max-content; display: inline-flex; gap: 34px; animation: ticker 28s linear infinite; font: 900 1.4rem/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }
.ticker-track span::after { margin-left: 34px; content: "✦"; }
@keyframes ticker { to { transform: translateX(-50%); } }

.format-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(48px, 8vw, 130px); align-items: start; }
.format-figure { position: relative; min-height: 650px; border-right: 1px solid var(--line); }
.big50 { margin-top: 10px; color: var(--pink); font: 900 clamp(15rem, 31vw, 33rem)/.7 "Barlow Condensed", Impact, sans-serif; letter-spacing: -.04em; }
.balls-word { position: absolute; bottom: 25px; left: 10px; font: italic 900 clamp(3rem, 6vw, 6.6rem)/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; transform: rotate(-6deg); }
.format-copy { padding-top: 68px; }
.format-copy .display span { color: var(--pink); }
.format-copy > p:not(.eyebrow):not(.lead) { max-width: 790px; font-size: 1rem; line-height: 1.65; }
.format-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 46px; border-block: 2px solid var(--ink); }
.format-stats div { min-height: 160px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 18px; border-right: 1px solid var(--line); }
.format-stats div:last-child { border-right: 0; }
.format-stats strong { font: 900 4rem/.8 "Barlow Condensed", Impact, sans-serif; }
.format-stats span { max-width: 130px; color: var(--muted); font-size: .68rem; font-weight: 800; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; }

.competition { min-height: 790px; display: grid; grid-template-columns: 1.12fr .88fr; background: var(--ink); color: var(--white); }
.competition-photo { min-height: 640px; position: relative; overflow: hidden; }
.competition-photo::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 65%, #0b0b0b), linear-gradient(0deg, #0b0b0b88, transparent 45%); content: ""; }
.competition-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .8s ease; }
.competition:hover .competition-photo img { transform: scale(1.025); }
.photo-mark { position: absolute; z-index: 2; bottom: 28px; left: 28px; color: var(--lime); font: 900 8rem/.8 "Barlow Condensed", Impact, sans-serif; }
.competition-copy { display: flex; flex-direction: column; justify-content: center; padding: var(--section) clamp(30px, 6vw, 100px); }
.competition-copy .lead { color: #c8c8c2; }
.competition-counts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 36px; border-block: 1px solid #3c3c3c; }
.competition-counts article { padding: 27px 20px 27px 0; }
.competition-counts article + article { padding-left: 26px; border-left: 1px solid #3c3c3c; }
.competition-counts strong, .competition-counts span { display: block; }
.competition-counts strong { color: var(--lime); font: 900 5.4rem/.78 "Barlow Condensed", Impact, sans-serif; }
.competition-counts span { margin-top: 15px; color: #aaa; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.international { background: var(--lime); }
.international-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 8vw, 130px); align-items: center; }
.international-copy .section-index { color: #4f571e; }
.international-copy .display span { color: var(--ink); -webkit-text-stroke: 3px var(--ink); -webkit-text-fill-color: transparent; }
.international-copy > p:not(.eyebrow) { line-height: 1.65; }
.country-list { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 32px; }
.country-list span { padding: 10px 13px; border: 1px solid var(--ink); background: #ffffff68; font-size: .7rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.international-photo { margin: 0; position: relative; min-height: 660px; overflow: hidden; background: #222; }
.international-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.international-photo::after { position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, #000d); content: ""; }
.international-photo figcaption { position: absolute; z-index: 2; right: 30px; bottom: 28px; left: 30px; color: var(--white); font: 900 clamp(1.8rem, 3vw, 3.2rem)/.98 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }

.mentors { min-height: 790px; display: grid; grid-template-columns: 1fr 1fr; background: var(--paper); }
.mentors-photo { min-height: 620px; position: relative; overflow: hidden; }
.mentors-photo::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 70%, var(--paper)); content: ""; }
.mentors-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center; filter: grayscale(1) contrast(1.05); }
.mentors-copy { display: flex; flex-direction: column; justify-content: center; padding: var(--section) var(--pad); }
.mentors-copy .display span { color: var(--pink); }
.mentors-copy .lead { color: #4f4f4a; }
.announcement { max-width: 620px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 34px; padding: 22px 0; border-block: 2px solid var(--ink); }
.announcement span { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.announcement strong { color: var(--pink); font: 900 2rem/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }

.pathway { background: var(--lime); }
.pathway .section-index { color: #4f571e; }
.pathway-head { display: flex; align-items: end; justify-content: space-between; gap: 45px; }
.pathway-head .display span { color: var(--ink); -webkit-text-stroke: 1px var(--ink); -webkit-text-fill-color: transparent; }
.pathway-line { display: grid; grid-template-columns: repeat(8, 1fr); margin: 60px 0 0; padding: 0; border-top: 3px solid var(--ink); list-style: none; }
.pathway-line li { min-height: 155px; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 12px 22px 0; border-right: 1px solid #879826; font: 900 1.15rem/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }
.pathway-line li::before { width: 13px; height: 13px; position: absolute; top: -8px; left: 0; border: 3px solid var(--ink); border-radius: 50%; background: var(--lime); content: ""; }
.pathway-line li:last-child { border-right: 0; }
.pathway-line span { color: #687520; font: 800 .68rem/1 Inter, sans-serif; letter-spacing: .1em; }

footer { padding: 78px 0 100px; background: var(--ink); color: var(--white); }
.footer-top { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 42px; }
.footer-brand .logo { height: 80px; width: auto; margin-bottom: 19px; }
.footer-brand p { max-width: 370px; margin: 0; color: #8f8f89; font-size: .88rem; line-height: 1.6; }
.footer-col h3 { margin: 0 0 19px; color: var(--lime); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-col a { display: block; margin: 11px 0; color: #aaa; font-size: .84rem; }
.footer-col a:hover { color: var(--white); }
.copyright { display: flex; justify-content: space-between; gap: 20px; margin-top: 54px; padding-top: 22px; border-top: 1px solid #2c2c2c; color: #777; font-size: .72rem; }
.footer-social { display: flex; gap: 14px; margin-top: 18px; }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1.5px solid #555; border-radius: 8px; color: #aaa; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.footer-social a:hover { color: var(--white); border-color: var(--white); background: #222; }
.footer-social svg { width: 18px; height: 18px; }

[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1); }
[data-reveal].is-visible { opacity: 1; transform: none; }
.drawer { position: fixed; z-index: 100; inset: 0; display: none; flex-direction: column; overflow-y: auto; padding: 92px 26px 100px; background: var(--ink); color: var(--white); }
.drawer.open { display: flex; }
.drawer-close { position: absolute; top: 20px; right: 21px; padding: 10px; border: 0; background: none; cursor: pointer; }
.drawer-close .icon { width: 29px; height: 29px; }
.drawer > a:not(.btn) { padding: 10px 0; border-bottom: 1px solid #333; font: 900 clamp(2.25rem, 10vw, 4rem)/1 "Barlow Condensed", Impact, sans-serif; text-transform: uppercase; }
.drawer .btn { margin-top: 28px; }
.bottom-nav { display: none; }

@media (max-width: 1340px) {
  .navlinks { display: none; }
  .menu { display: block; }
  .hero-grid { grid-template-columns: minmax(0, 1fr) 220px; }
  .format-grid { grid-template-columns: 1fr; }
  .format-figure { min-height: 430px; border-right: 0; border-bottom: 1px solid var(--line); }
  .big50 { font-size: 44vw; }
  .balls-word { bottom: 35px; }
  .format-copy { padding-top: 0; }
  .format-stats { grid-template-columns: 1fr 1fr; }
  .format-stats div:nth-child(2) { border-right: 0; }
  .format-stats div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .international-grid { grid-template-columns: 1fr 1fr; gap: 48px; }
  .pathway-line { grid-template-columns: repeat(4, 1fr); }
  .pathway-line li:nth-child(-n+4) { border-bottom: 1px solid #879826; }
  .footer-top { grid-template-columns: 1.5fr 1fr 1fr; }
}

@media (max-width: 900px) {
  .hero { min-height: 870px; background-position: 64% center; }
  .hero::after { background: linear-gradient(0deg, #060708fa 0%, #060708da 64%, #06070855 100%); }
  .hero-grid { grid-template-columns: 1fr; }
  .season-card { display: none; }
  .scope-lockup b { display: none; }
  .scope-lockup { display: grid; gap: 7px; }
  .competition { grid-template-columns: 1fr; }
  .competition-photo { min-height: 520px; }
  .competition-photo::after { background: linear-gradient(0deg, var(--ink), transparent 35%); }
  .international-grid { grid-template-columns: 1fr; }
  .international-photo { min-height: 560px; }
  .mentors { grid-template-columns: 1fr; }
  .mentors-photo { min-height: 500px; }
  .mentors-photo::after { background: linear-gradient(0deg, var(--paper), transparent 35%); }
  .pathway-head { align-items: start; flex-direction: column; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  :root { --pad: 20px; --section: 78px; }
  body { padding-bottom: 66px; }
  .topbar { height: 105px; }
  .brand .logo { height: 80px; }
  .hero { min-height: 820px; padding: 150px 0 76px; }
  .hero .display-xl { font-size: clamp(4rem, 20vw, 6.2rem); }
  .format-lockup { font-size: 1.55rem; line-height: 1.15; }
  .format-lockup b { margin-inline: .08em; }
  .hero-actions { display: grid; }
  .hero-actions .btn { width: 100%; }
  .ticker-track { font-size: 1.2rem; }
  .format-figure { min-height: 315px; }
  .big50 { font-size: 66vw; }
  .balls-word { bottom: 24px; font-size: 3rem; }
  .format-stats { grid-template-columns: 1fr; }
  .format-stats div, .format-stats div:nth-child(2) { min-height: 125px; border-right: 0; border-bottom: 1px solid var(--line); }
  .format-stats div:last-child { border-bottom: 0; }
  .competition-photo { min-height: 430px; }
  .competition-copy { padding: var(--section) var(--pad); }
  .competition-counts strong { font-size: 4.5rem; }
  .international-photo { min-height: 430px; }
  .mentors-photo { min-height: 420px; }
  .announcement { align-items: flex-start; flex-direction: column; }
  .pathway-line { grid-template-columns: 1fr 1fr; }
  .pathway-line li { min-height: 120px; }
  .pathway-line li:nth-child(-n+6) { border-bottom: 1px solid #879826; }
  .pathway-line li:nth-child(even) { border-right: 0; padding-left: 12px; }
  .pathway-line li:nth-child(even)::before { left: 12px; }
  .pathway-head .btn { width: 100%; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  .copyright { display: grid; }
  .bottom-nav { height: 66px; position: fixed; z-index: 60; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #333; background: #0b0b0bf7; color: var(--white); }
  .bottom-nav a { display: grid; place-items: center; font-size: .63rem; font-weight: 800; text-transform: uppercase; }
  .bottom-nav .register { background: var(--lime); color: var(--ink); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ticker-track { animation: none; }
  .btn, .btn .icon, .text-link .icon, .competition-photo img, [data-reveal] { transition: none; }
  [data-reveal] { opacity: 1; transform: none; }
}