:root {
--ink: #14241b;
--muted: #5d6b62;
--paper: #f3f0e7;
--white: #fffcf6;
--line: rgba(20, 36, 27, 0.12);
--green: #0c3b26;
--green-deep: #062416;
--gold: #e4c277;
--gold-ink: #2a210c;
--red: #c8102e;
--sans: "Segoe UI", system-ui, sans-serif;
--shadow: 0 24px 60px rgba(6, 36, 22, 0.16);
--shell: 1860px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--sans);
color: var(--ink);
background: #fff;
line-height: 1.5;
}
.shell {
width: 100%;
max-width: var(--shell);
margin-inline: auto;
min-height: 100vh;
background: var(--paper);
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button, input { font: inherit; }
.skip {
position: absolute;
left: 1rem;
top: -4rem;
background: var(--gold);
color: var(--gold-ink);
padding: .5rem 1rem;
z-index: 10;
}
.skip:focus { top: 1rem; }
.sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.wrap {
width: calc(100% - 48px);
margin-inline: auto;
}
.narrow { width: min(820px, calc(100% - 48px)); }
.topbar {
background: var(--green-deep);
color: rgba(255, 252, 246, .82);
font-size: .82rem;
}
.topbar-in, .bar, .footer-base {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
}
.topbar-in { min-height: 36px; }
.topbar a { color: var(--gold); text-decoration: none; }
.topbar-links { display: flex; gap: 1rem; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255, 252, 246, .92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.bar { min-height: 76px; position: relative; }
.brand { display: flex; align-items: center; text-decoration: none; }
.brand img { width: auto; height: 58px; }
.brand-light img { height: 52px; background: #fff; border-radius: 10px; padding: 4px 8px; }
.nav { display: flex; align-items: center; gap: .25rem; }
.nav > a, .nav summary {
text-decoration: none;
font-size: .78rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: .7rem .8rem;
cursor: pointer;
list-style: none;
}
.nav summary::-webkit-details-marker { display: none; }
.nav > a.is-on, .nav > a:hover, .nav summary:hover { color: var(--red); }
.nav-drop { position: relative; }
.nav-sub {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 230px;
background: var(--white);
border: 1px solid var(--line);
box-shadow: var(--shadow);
padding: .4rem;
}
.nav-drop[open] .nav-sub, .nav-drop:hover .nav-sub { display: grid; }
.nav-sub a { text-decoration: none; padding: .65rem .8rem; }
.nav-sub a:hover { background: var(--paper); }
.nav-toggle { position: absolute; opacity: 0; pointer-events: none; }
.nav-burger { display: none; }
.hero-live {
position: relative;
color: var(--white);
overflow: hidden;
background: var(--green-deep);
}
.hero-live--solo {
padding: 3rem 0;
background: linear-gradient(150deg, #145c38 0%, var(--green-deep) 62%);
}
.hero-live__back {
position: absolute;
inset: 0;
}
.hero-live__layer {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1s ease;
}
.hero-live__layer.is-on { opacity: 1; z-index: 1; }
.hero-live__layer img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.08);
transition: transform 8s ease-out;
}
.hero-live__layer.is-on img { transform: scale(1); }
.hero-live__mesh {
position: absolute;
inset: 0;
z-index: 2;
background:
linear-gradient(105deg, rgba(6, 36, 22, .88) 0%, rgba(6, 36, 22, .55) 34%, rgba(6, 36, 22, .22) 58%, rgba(6, 36, 22, .45) 100%),
linear-gradient(0deg, rgba(6, 36, 22, .75), transparent 50%);
}
.hero-live__accent {
position: absolute;
z-index: 3;
top: -40px;
right: -20px;
width: min(42vw, 320px);
height: 140px;
background: var(--red);
transform: skewX(-18deg);
opacity: .88;
box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}
.hero-live__pitch {
position: relative;
z-index: 5;
padding: 1rem 0 .85rem;
}
.hero-live__pitch-in {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 1.25rem 2rem;
align-items: center;
padding: .85rem 1.25rem .9rem 1.35rem;
border-radius: 18px;
background:
linear-gradient(135deg, rgba(6, 36, 22, .88) 0%, rgba(12, 59, 38, .58) 100%);
border: 1px solid rgba(228, 194, 119, .35);
box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
backdrop-filter: blur(10px);
}
.hero-live__pitch-in::before {
content: "";
position: absolute;
left: 0;
top: .55rem;
bottom: .55rem;
width: 5px;
border-radius: 0 999px 999px 0;
background: linear-gradient(180deg, var(--gold), var(--red));
}
.hero-live__pitch-copy .kicker {
margin-bottom: .35rem;
font-size: .72rem;
text-shadow: 0 1px 10px rgba(0, 0, 0, .35);
}
.hero-live__motto {
margin: 0;
max-width: none;
font-size: clamp(1.35rem, 2.6vw, 2.35rem);
line-height: 1.05;
letter-spacing: -.04em;
font-weight: 800;
text-wrap: balance;
text-shadow: 0 6px 22px rgba(0, 0, 0, .4);
}
.hero-live__motto-mark {
display: inline;
background: linear-gradient(120deg, #fff6df 0%, var(--gold) 45%, #fff 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .22));
}
.hero-live__lead {
margin: 0;
font-size: .95rem;
line-height: 1.45;
color: rgba(255, 252, 246, .88);
border-left: 1px solid rgba(255, 255, 255, .16);
padding-left: 1.25rem;
}
.hero-live--solo .hero-live__pitch { padding-top: 2rem; }
.hero-live__solo-cta { position: relative; z-index: 4; padding-bottom: 2rem; }
.hero-live__inner {
position: relative;
z-index: 4;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
gap: 1.25rem;
align-items: end;
min-height: clamp(300px, 42vh, 480px);
padding: 0 0 1.1rem;
}
.hero-live__spot {
display: flex;
flex-direction: column;
gap: .45rem;
padding: .65rem 0 0;
}
.hero-live__eyebrow {
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0 0 1rem;
font-size: .72rem;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--gold);
}
.hero-live__pulse {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--red);
box-shadow: 0 0 0 0 rgba(196, 30, 58, .65);
animation: hero-live-pulse 1.8s ease-out infinite;
}
@keyframes hero-live-pulse {
70% { box-shadow: 0 0 0 10px rgba(196, 30, 58, 0); }
100% { box-shadow: 0 0 0 0 rgba(196, 30, 58, 0); }
}
.hero-live__panes {
position: relative;
min-height: clamp(160px, 22vh, 260px);
}
.hero-live__pane {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: .85rem;
opacity: 0;
visibility: hidden;
transform: translateY(18px);
transition: opacity .65s ease, transform .65s ease, visibility .65s ease;
}
.hero-live__pane.is-on {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hero-live__headline {
margin: 0;
max-width: 28ch;
font-size: clamp(1.35rem, 2.6vw, 2.05rem);
line-height: 1.05;
letter-spacing: -.03em;
font-weight: 800;
text-wrap: balance;
}
.hero-live__pane time {
color: rgba(255, 252, 246, .82);
font-size: .95rem;
}
.hero-live__dial {
display: flex;
flex-direction: column;
gap: .35rem;
max-height: min(52vh, 420px);
overflow: auto;
padding: .35rem;
border-radius: 18px;
background: rgba(255, 255, 255, .08);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, .14);
}
.hero-live__pick {
display: grid;
grid-template-columns: 2.4rem 1fr;
gap: .55rem;
align-items: start;
padding: .55rem .65rem;
border: 0;
border-left: 3px solid transparent;
border-radius: 12px;
background: transparent;
color: rgba(255, 252, 246, .72);
cursor: pointer;
text-align: left;
transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.hero-live__pick em {
font-style: normal;
font-weight: 800;
font-size: .95rem;
color: var(--gold);
}
.hero-live__pick span {
font-size: .78rem;
font-weight: 700;
line-height: 1.25;
}
.hero-live__pick.is-on {
background: rgba(255, 255, 255, .12);
border-left-color: var(--gold);
color: var(--white);
}
.hero-live__pick:hover { background: rgba(255, 255, 255, .08); }
.hero-live__foot {
position: relative;
z-index: 4;
display: grid;
grid-template-columns: auto 1fr auto auto;
align-items: center;
gap: .75rem;
padding: 0 0 1.35rem;
}
.hero-live__nav {
width: 44px;
height: 44px;
border: 1px solid rgba(255, 255, 255, .35);
border-radius: 50%;
background: rgba(255, 255, 255, .1);
color: white;
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.hero-live__nav:hover { background: var(--gold); color: var(--gold-ink); border-color: var(--gold); }
.hero-live__story {
display: flex;
gap: .35rem;
align-items: center;
}
.hero-live__tick {
flex: 1;
height: 3px;
border-radius: 999px;
background: rgba(255, 255, 255, .25);
overflow: hidden;
position: relative;
}
.hero-live__tick::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: linear-gradient(90deg, var(--gold), #fff);
}
.hero-live__tick.is-on::after {
animation: hero-live-tick 6.2s linear forwards;
}
@keyframes hero-live-tick {
from { width: 0; }
to { width: 100%; }
}
.hero-live__pos {
font-size: .82rem;
font-weight: 700;
letter-spacing: .08em;
color: rgba(255, 252, 246, .88);
white-space: nowrap;
}
.hero-live__pos b { color: var(--gold); font-size: 1rem; }
.kicker {
margin: 0 0 .8rem;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
font-size: .75rem;
font-weight: 700;
}
h1 {
margin: 0;
font-size: clamp(2.6rem, 5vw, 4.6rem);
line-height: .95;
letter-spacing: -.045em;
font-weight: 750;
}
.lead { font-size: 1.12rem; max-width: 38rem; color: rgba(255,252,246,.84); }
.pdf-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 1.1rem;
text-decoration: none;
font-weight: 700;
letter-spacing: .04em;
border-radius: 999px;
border: 1px solid transparent;
}
.btn-gold { background: var(--gold); color: var(--gold-ink); }
.btn-ghost { border-color: rgba(255,255,255,.4); color: white; }
.btn-line { border-color: var(--line); background: white; }
.btn:hover { transform: translateY(-1px); }
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--line);
border: 1px solid var(--line);
margin-top: 0;
position: relative;
z-index: 2;
}
.stats article { background: var(--white); padding: 1.2rem 1.3rem; }
.stats b { display: block; font-size: 1.8rem; letter-spacing: -.04em; }
.stats span { color: var(--muted); font-size: .88rem; }
.section { padding: 2.6rem 0; }
.section-head, .docs { display: flex; }
.section-head { justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .8rem; }
.section-head h2, .gate h2, .member h2, .contact-card h2, .site-footer h2 { margin: 0; letter-spacing: -.03em; }
.section-head a { color: var(--red); font-weight: 700; text-decoration: none; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.gates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.gate {
text-decoration: none;
background: var(--white);
border-radius: 20px;
padding: 1.4rem;
min-height: 210px;
display: flex;
flex-direction: column;
border: 1px solid var(--line);
}
.gate span { color: var(--gold); font-weight: 800; letter-spacing: .14em; }
.gate p { color: var(--muted); margin-bottom: 0; }
.gate-dark { background: var(--green); color: white; }
.gate-dark p { color: rgba(255,252,246,.75); }
.gate-red { background: var(--red); color: white; }
.gate-red p, .gate-red span { color: rgba(255,252,246,.82); }
.gate:hover { transform: translateY(-3px); }
.section-tight-top { padding-top: 0; }
.page-band {
width: 100%;
border-top: 1px solid var(--line);
}
.page-band--white { background: var(--white); }
.page-band__in {
padding-top: 2rem;
padding-bottom: 2rem;
}
.act-carousel-section--prefooter { margin-top: .5rem; }
.act-carousel-section .page-band__in { padding-bottom: 1.75rem; }
.sponsors.page-band { padding-bottom: 1.5rem; }
.sponsors.page-band .sponsors__head.page-band__in {
padding-bottom: .75rem;
}
.act-carousel {
display: grid;
grid-template-columns: auto 1fr auto;
gap: .65rem;
align-items: center;
}
.act-carousel__viewport { overflow: hidden; }
.act-carousel__track {
display: flex;
gap: 1rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: .25rem 0 1rem;
scrollbar-width: none;
}
.act-carousel__track::-webkit-scrollbar { display: none; }
.act-carousel__btn {
width: 44px;
height: 44px;
border: 1px solid var(--line);
border-radius: 50%;
background: var(--white);
color: var(--green);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.act-carousel__btn:hover { background: var(--gold); color: var(--gold-ink); border-color: var(--gold); }
.act-card {
flex: 0 0 calc((100% - 2rem) / 3);
min-width: 280px;
scroll-snap-align: start;
text-decoration: none;
background: var(--white);
border: 1px solid var(--line);
border-radius: 18px;
overflow: hidden;
display: grid;
grid-template-rows: auto auto 1fr auto;
min-height: 100%;
}
.act-card img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.act-card time {
padding: .75rem 1rem 0;
font-size: .82rem;
color: var(--muted);
}
.act-card strong {
padding: .35rem 1rem;
font-size: 1.05rem;
line-height: 1.25;
letter-spacing: -.02em;
}
.act-card__go {
margin: 0 1rem 1rem;
align-self: start;
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
color: var(--red);
}
.act-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
@media (min-width: 1080px) {
.act-carousel--six .act-card {
flex: 0 0 calc((100% - 5rem) / 6);
min-width: 0;
}
}
.docs { flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.doc {
display: grid;
grid-template-columns: 7.2rem 1fr auto;
gap: 1rem;
align-items: center;
padding: .95rem 1rem;
text-decoration: none;
border-top: 1px solid var(--line);
}
.doc:first-child { border-top: 0; }
.doc:hover { background: #fff8ea; }
.doc time { color: var(--muted); font-size: .86rem; }
.doc-title { font-weight: 700; }
.doc-go {
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
border: 1px solid var(--line);
border-radius: 999px;
padding: .3rem .55rem;
}
.page-hero { padding: 3.2rem 0 1rem; }
.page-hero h1 { font-size: clamp(2.2rem, 4vw, 3.6rem); }
.page-hero .lead, .page-hero time { color: var(--muted); }
.doc-hero {
position: relative;
color: var(--white);
overflow: hidden;
min-height: clamp(240px, 36vh, 380px);
display: flex;
align-items: flex-end;
}
.doc-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.doc-hero__shade {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(6, 36, 22, .92) 0%, rgba(6, 36, 22, .72) 45%, rgba(6, 36, 22, .35) 100%),
linear-gradient(0deg, rgba(6, 36, 22, .55), transparent 50%);
}
.doc-hero__copy {
position: relative;
z-index: 1;
padding: 2.5rem 0 2rem;
}
.doc-hero__kicker {
margin: 0 0 .65rem;
font-size: .72rem;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--gold);
}
.doc-hero__kicker a {
color: inherit;
text-decoration: none;
}
.doc-hero__kicker a:hover { text-decoration: underline; }
.doc-hero__title {
margin: 0;
max-width: 18ch;
font-size: clamp(2rem, 4.5vw, 3.5rem);
line-height: .98;
letter-spacing: -.045em;
font-weight: 800;
text-wrap: balance;
}
.doc-hero__copy.narrow .doc-hero__title { max-width: 22ch; font-size: clamp(1.65rem, 3.6vw, 2.75rem); }
.doc-hero__lead {
margin: .75rem 0 0;
max-width: 40rem;
font-size: 1.02rem;
line-height: 1.45;
color: rgba(255, 252, 246, .88);
}
.doc-hero__finder {
margin-top: 1.15rem;
max-width: 36rem;
}
.doc-hero__finder input[type="search"] {
background: rgba(255, 252, 246, .95);
border-color: transparent;
}
.finder { display: flex; gap: .6rem; margin-top: 1rem; }
.finder input {
flex: 1;
min-height: 48px;
border-radius: 999px;
border: 1px solid var(--line);
padding: 0 1rem;
background: white;
}
.finder-count { color: var(--muted); }
.empty { color: var(--muted); }
.pdf-frame {
width: 100%;
height: 78vh;
border: 1px solid var(--line);
border-radius: 16px;
background: white;
}
.prose { font-size: 1.05rem; }
.prose p { margin-top: 0; }
.president { display: grid; grid-template-columns: 280px 1fr; gap: 2rem; align-items: start; }
.president img { width: 100%; border-radius: 22px; object-fit: cover; aspect-ratio: 4/5; }
.board, .clubs, .contact-grid { display: grid; gap: 1rem; }
.board { grid-template-columns: repeat(3, 1fr); }
.member, .contact-card, .club {
background: white;
border: 1px solid var(--line);
border-radius: 18px;
padding: 1.1rem 1.15rem;
}
.member p, .club small { margin: 0; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; font-size: .75rem; }
.mono {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--green);
color: var(--gold);
font-weight: 800;
margin-bottom: .8rem;
}
.member-lead { background: var(--green-deep); color: white; grid-column: span 1; }
.member-lead p { color: var(--gold); }
.contact-grid { grid-template-columns: repeat(3, 1fr); }
.contact-map {
border: 1px solid var(--line);
border-radius: 18px;
overflow: hidden;
background: var(--white);
box-shadow: var(--shadow);
}
.contact-map iframe {
display: block;
width: 100%;
height: min(420px, 55vh);
border: 0;
}
.media-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.media-card {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
background: var(--white);
border: 1px solid var(--line);
border-radius: 18px;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease;
}
.media-card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow);
}
.media-card img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.media-card__body {
padding: .85rem 1rem 1rem;
}
.media-card__body h2 {
margin: 0 0 .35rem;
font-size: 1.05rem;
letter-spacing: -.02em;
line-height: 1.25;
}
.media-card__body p {
margin: 0;
font-size: .82rem;
color: var(--muted);
}
.doc-hero__copy .finder-count { margin-top: .5rem; }
.clubs { grid-template-columns: repeat(3, 1fr); }
.club { display: grid; gap: .25rem; }
.club b { font-size: 1.05rem; letter-spacing: .04em; }
.club[hidden] { display: none; }
.nav-pages, .pagination { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: 1.2rem; }
.nav-pages a, .nav-pages span, .page-numbers {
display: inline-grid;
place-items: center;
min-width: 40px;
height: 40px;
padding: 0 .7rem;
border-radius: 999px;
text-decoration: none;
background: white;
border: 1px solid var(--line);
}
.page-numbers.current { background: var(--green); color: white; border-color: var(--green); }
.sponsors {
margin-top: 0;
}
.sponsors__head { margin-bottom: .85rem; }
.sponsors__title {
margin: 0;
font-size: .78rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--muted);
font-weight: 800;
}
.sponsors__viewport {
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.sponsors__track {
display: flex;
align-items: center;
gap: 2.5rem;
width: max-content;
will-change: transform;
}
.sponsors__item {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
min-width: 140px;
max-width: 200px;
height: 72px;
padding: .35rem .75rem;
border-radius: 12px;
background: var(--paper);
border: 1px solid var(--line);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
a.sponsors__item { text-decoration: none; }
a.sponsors__item:hover {
transform: translateY(-2px);
border-color: rgba(228, 194, 119, .65);
box-shadow: 0 10px 24px rgba(6, 36, 22, .1);
}
.sponsors__item img {
max-width: 100%;
max-height: 56px;
width: auto;
height: auto;
object-fit: contain;
}
.site-footer { background: var(--green-deep); color: rgba(255,252,246,.86); margin-top: 0; padding-top: 2.5rem; }
main { background: var(--paper); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr 1.1fr; gap: 1.5rem; }
.site-footer a { display: block; color: white; text-decoration: none; margin: .35rem 0; }
.site-footer h2 { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: .6rem; }
.brand-light strong, .brand-light em { color: white; }
.brand-light em { color: var(--gold); }
.footer-lead { max-width: 28rem; }
.footer-base { border-top: 1px solid rgba(255,255,255,.1); margin-top: 1.5rem; min-height: 58px; font-size: .85rem; }
@media (max-width: 900px) {
.wrap, .narrow { width: calc(100% - 32px); }
.topbar-in span:first-child { display: none; }
.nav-burger { display: inline-grid; place-items: center; min-height: 42px; padding: 0 .9rem; border-radius: 999px; background: var(--green); color: white; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .75rem; }
.nav {
display: none;
position: absolute;
left: 0; right: 0; top: 100%;
background: var(--white);
border-bottom: 1px solid var(--line);
padding: .6rem;
flex-direction: column;
align-items: stretch;
}
.nav-toggle:checked ~ .nav { display: flex; }
.nav-sub { position: static; box-shadow: none; }
.act-card { flex: 0 0 85%; min-width: 0; }
.act-carousel { grid-template-columns: 1fr; }
.act-carousel__btn { display: none; }
.hero-live__pitch-in {
grid-template-columns: 1fr;
gap: .65rem;
padding: .85rem 1rem .9rem 1.15rem;
}
.hero-live__lead {
border-left: 0;
padding-left: 0;
border-top: 1px solid rgba(255, 255, 255, .14);
padding-top: .65rem;
}
.hero-live__inner {
grid-template-columns: 1fr;
min-height: clamp(280px, 48vh, 420px);
}
.hero-live__motto { font-size: clamp(1.25rem, 5.5vw, 1.85rem); }
.hero-live__headline { max-width: none; font-size: clamp(1.15rem, 4.8vw, 1.55rem); }
.hero-live__dial {
flex-direction: row;
max-height: none;
overflow-x: auto;
order: 2;
}
.hero-live__pick {
flex: 0 0 min(240px, 78vw);
grid-template-columns: 2rem 1fr;
}
.hero-live__accent { height: 90px; width: 55vw; }
.hero-live__foot { grid-template-columns: auto 1fr auto; }
.hero-live__pos { display: none; }
.doc-hero__title,
.doc-hero__copy.narrow .doc-hero__title { max-width: none; }
.doc-hero__finder { flex-direction: column; align-items: stretch; }
.media-grid { grid-template-columns: 1fr; }
.split, .gates, .stats, .board, .clubs, .contact-grid, .president, .footer-grid { grid-template-columns: 1fr; }
.doc { grid-template-columns: 1fr auto; }
.doc time { grid-column: 1 / -1; }
.stats { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
* { scroll-behavior: auto; transition: none; }
}