:root{--ink:#071d39;--navy:#072f63;--blue:#8ebcff;--cream:#fff4d7;--paper:#fffefb;--muted:#a9b9cc;--line:#cad1da;--display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,summary:focus-visible{outline:3px solid #df8600;outline-offset:5px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);font-weight:900;line-height:1.02;letter-spacing:.01em}
h2{font-size:clamp(2.5rem,4.8vw,4.2rem);margin-bottom:1.5rem}
h3{font-size:1.25rem;line-height:1.3;margin-bottom:.7rem}
.container{width:min(1180px,calc(100% - 4rem));margin-inline:auto}
.skip-link{position:absolute;left:1rem;top:-10rem;z-index:20;background:var(--cream);color:var(--ink);padding:1rem}
.skip-link:focus{top:1rem}
.announcement{padding:.6rem 1rem;background:var(--navy);color:var(--cream);font-size:.75rem;line-height:1.5;letter-spacing:.16em;text-align:center;font-weight:700}
.announcement span{margin:0 .7rem;color:#9dbbe0}
.site-header{background:#000;color:var(--cream);border-bottom:1px solid #26374a}
.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.05;flex-shrink:0}
.brand strong{font-family:var(--display);font-size:1.8rem;letter-spacing:.05em}
.brand span{font-size:.75rem;letter-spacing:.25em;font-weight:700;margin-top:.35rem}
nav{display:flex;align-items:center;gap:2rem}
.nav-link{font-size:.9rem;text-decoration:none;font-weight:700}
.nav-link:hover{text-decoration:underline}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.4rem;background:var(--cream);color:var(--ink);text-decoration:none;font-weight:700;border:2px solid var(--cream);border-radius:2px;line-height:1.4;text-align:center;min-height:48px;transition:background .15s,border-color .15s}
.button:hover{background:#d9e9ff;border-color:#d9e9ff}
.button-small{font-size:.9rem;padding:.7rem 1rem}
.button-primary{font-size:1rem;min-height:57px}
.button span{font-size:1.3rem}
.hero{background:#000;color:var(--cream);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:2rem;align-items:center;padding-block:4rem 4.5rem}
.eyebrow{font-size:.8rem;letter-spacing:.16em;font-weight:700;line-height:1.5;margin-bottom:1.3rem}
.hero .eyebrow{color:var(--blue)}
h1{font-size:clamp(3.6rem,6.2vw,5.5rem);margin-bottom:1.4rem}
h1 span{color:var(--blue)}
.hero-description{font-size:1.1rem;max-width:490px;line-height:1.65;color:#e2e5e9;margin-bottom:1.7rem}
.hero-note{font-size:.875rem;line-height:1.6;color:#aebbd0;margin-top:1rem;margin-bottom:0;max-width:390px}
.hero-art{align-self:center}
.hero-art img{width:100%;max-width:510px;margin:auto}
.hero-art p{font-size:.75rem;letter-spacing:.19em;text-align:center;color:var(--muted);font-weight:700;margin:1.25rem 0 0}
.hero-art p span{padding:0 .45rem}
.at-a-glance{background:var(--navy);color:var(--cream)}
.facts{display:grid;grid-template-columns:1fr 1fr 1.65fr;padding-block:1.65rem}
.facts>div{display:flex;flex-direction:column;padding-left:2rem;border-left:1px solid #46658a;gap:.2rem}
.facts>div:first-child{padding-left:0;border-left:0}
.facts strong{font-family:var(--display);letter-spacing:.04em;font-size:2rem;line-height:1.2}
.facts span{font-size:.875rem;color:#d4e0ef}
.section{padding-block:5rem}
.intro-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:6rem;align-items:start}
.league-section .eyebrow,.questions-section .eyebrow{color:#375f8d}
.intro-copy{padding-top:1rem;font-size:1.06rem}
.intro-copy p{margin-bottom:1.25rem}
.status-note{padding-left:1.15rem;border-left:3px solid var(--navy);font-size:.95rem;color:#394e67}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;border-top:1px solid var(--line);padding-top:2.5rem;margin-top:2.2rem}
.value-number{display:block;font-family:var(--display);font-size:2rem;color:#5a7292;margin-bottom:1rem}
.values p{color:#43536a;margin-bottom:0}
.questions-section{background:#edf1f6;border-block:1px solid #d8e0e9}
.questions-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:5rem}
.questions-intro p:last-child{color:#43536a}
.questions-intro a{font-weight:700;color:var(--navy)}
.questions-list{border-top:1px solid #afbecf}
details{border-bottom:1px solid #afbecf;padding:1.15rem 0}
summary{font-weight:700;font-size:1.075rem;cursor:pointer;padding-right:.5rem;line-height:1.5}
summary::marker{color:#375f8d}
details p{font-size:1rem;color:#43536a;margin:.8rem 0 0;padding-left:1.05rem;max-width:630px}
.join-section{background:var(--navy);color:var(--cream)}
.join-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.join-inner .eyebrow{color:#bdcff0}
.join-inner h2{font-size:clamp(2.4rem,4vw,3.4rem)}
.join-inner p:last-child{max-width:520px;color:#dbe5f2;margin-bottom:0}
.join-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.facebook-link{font-size:.95rem;font-weight:700}
footer{background:#041a35;color:#e6eafa;padding-block:2.5rem 1.2rem}
.footer-inner{display:flex;justify-content:space-between;gap:3rem}
.footer-inner strong{font-family:var(--display);font-size:1.25rem;letter-spacing:.06em}
.footer-inner p{font-size:.875rem;color:#afbdd0;margin:.3rem 0 0}
.footer-contact{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem}
.footer-contact a{overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #304560;padding-top:1.25rem;margin-top:2rem;font-size:.75rem;color:#afbdd0}
@media(min-width:1400px){.hero-grid{padding-block:4.5rem 5rem}}
@media(max-width:900px){.container{width:calc(100% - 3rem)}nav{gap:1.2rem}.hero-grid{gap:1rem}.hero-art p{letter-spacing:.07em;font-size:.75rem}.intro-grid{gap:3rem}.questions-grid{gap:3rem}.join-inner{gap:2rem}.values{gap:1.5rem}}
@media(max-width:700px){.container{width:calc(100% - 2rem)}.announcement{font-size:.7rem;letter-spacing:.1em}.announcement span{margin:0 .3rem}.header-inner{min-height:86px;gap:1rem}.brand strong{font-size:1.45rem}.brand span{font-size:.625rem;letter-spacing:.19em}nav .nav-link{display:none}.button-small{font-size:.875rem;padding:.6rem .75rem;max-width:145px}.hero-grid{grid-template-columns:1fr;padding-block:2.7rem 2rem;gap:2rem}.hero-copy{max-width:550px}.hero .eyebrow{font-size:.75rem;margin-bottom:1.25rem}h1{font-size:clamp(3.6rem,12.5vw,5.4rem)}.hero-description{font-size:1.06rem;max-width:510px}.hero-art img{max-width:320px}.hero-art p{font-size:.7rem;margin-top:.75rem;letter-spacing:.15em}.hero-note{max-width:100%;font-size:.85rem}.facts{grid-template-columns:1fr 1fr;padding-block:1.5rem;row-gap:1.4rem}.facts>div{padding-left:1.5rem}.facts>div:last-child{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid #46658a;padding-top:1.25rem}.facts strong{font-size:1.75rem}.facts span{font-size:.85rem}.section{padding-block:3.3rem}.intro-grid,.questions-grid,.join-inner{grid-template-columns:1fr;gap:1.2rem}h2{font-size:clamp(2.5rem,10vw,3.5rem)}.intro-copy{padding-top:0}.values{grid-template-columns:1fr;gap:1.6rem;margin-top:1.5rem;padding-top:1.5rem}.values article{display:grid;grid-template-columns:42px 1fr;column-gap:1rem}.value-number{grid-row:1/3;margin-bottom:0;font-size:1.65rem}.values h3{margin-bottom:.45rem}.values p{grid-column:2}.questions-intro p:last-child{margin-bottom:1rem}.join-actions{margin-top:.75rem}.join-inner h2{font-size:clamp(2.5rem,9vw,3.5rem)}.footer-inner,.footer-bottom{flex-direction:column;gap:1.1rem}.footer-inner p{max-width:280px}.footer-contact{gap:.5rem}.footer-bottom{gap:.4rem}.button-primary{padding-inline:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
