@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:root{--red:#008f18;--paper:#fff;--ink:#222;--line:#e2e5e2;--title-font:Lato,sans-serif}body{font-family:Lato,sans-serif}header{max-width:none;background:#222;color:white;height:100px;padding-left:max(30px,calc((100vw - 1208px)/2));padding-right:max(30px,calc((100vw - 1208px)/2));border:0}.brand{letter-spacing:.5px}.brand small{display:block;color:#a7ecaf;margin-top:4px}.symbol{display:flex;letter-spacing:0}.symbol img{width:34px;height:51px;object-fit:contain}.hero{gap:65px;padding-top:65px;padding-bottom:65px;align-items:center}.eyebrow{color:var(--red);font-weight:900}.hero h1{font-family:var(--title-font);font-weight:300;letter-spacing:-1.5px;line-height:1.12;font-size:clamp(42px,4.6vw,62px)}.hero h1 em{font-style:normal;font-weight:900}.intro{font-weight:300;font-size:18px;line-height:1.65}.primary{border-radius:2px;font-weight:700}.hero-art{background:#f2f8f0;border-radius:8px;min-height:470px;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:32px}.hero-art:before{display:none}.school-emblem{display:flex;flex-direction:column;align-items:center;gap:12px}.school-emblem img{width:146px;height:auto;border-radius:10px}.school-emblem>span{font-size:26px;font-weight:900;letter-spacing:4px}.school-emblem small{font-size:11px;letter-spacing:4px;color:#555}.hero-art>p{text-align:center;font-size:14px;line-height:1.7;max-width:290px;margin:0;color:#485246}.fan-label{font-size:8px;letter-spacing:1px;color:#536d50}.hero-art.has-cover>p,.hero-art.has-cover>.fan-label{display:none}.stats{background:#f5f6f4;padding:30px;margin:0 56px;border:0}.stats strong{font-family:Lato,sans-serif;font-weight:900;color:var(--red)}.stats p{font-family:Lato,sans-serif;font-style:normal;font-weight:300}.section-title h2,h2{font-family:var(--title-font);font-weight:700;letter-spacing:-.6px}.filters,.card{background:#fff}.card{border-radius:3px}.card h3{font-family:var(--title-font);font-weight:700}.no-video{font-family:Lato,sans-serif;background:#eaf1e7;color:#6a7b65;font-size:25px}.about{background:#f3f4f1}.about h2{font-weight:300;font-size:42px}.about a{color:var(--red)}.levels{padding:60px 56px 70px;background:#fafbfa;border-top:1px solid var(--line)}.levels-heading{text-align:center;max-width:650px;margin:0 auto 35px}.levels-heading h2{font-size:39px}.levels-heading>p:last-child{font-size:16px;line-height:1.8;color:#687166;font-weight:300}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.level-card{border:1px solid #dce2db;background:white;padding:28px 23px;position:relative;border-top:4px solid #bbc4b9;border-radius:3px}.level-dot{display:block;width:24px;height:24px;border-radius:50%;border:1px solid #a6b0a3;margin-bottom:22px;background:linear-gradient(135deg,#fff,#e0e8dd)}.level-white .level-dot{background:white}.level-blue{border-top-color:#019fca}.level-blue .level-dot{background:#019fca;border:0}.level-black{border-top-color:#222}.level-black .level-dot{background:#222;border:0}.level-card h3{font-size:15px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.level-card h4{font-size:25px;font-weight:300;margin:0 0 20px}.level-card p{font-size:13px;line-height:1.9;color:#596154;white-space:pre-line}.red-level{margin-top:26px;display:grid;grid-template-columns:1fr 1.25fr;background:#db003c;color:white;padding:46px 45px;gap:55px;border-radius:4px;position:relative;overflow:hidden}.red-level:after{content:'';width:280px;height:280px;border-radius:50%;border:40px solid #ffffff08;position:absolute;right:-110px;bottom:-150px;pointer-events:none}.red-level .eyebrow{color:#ffe6ed;font-size:9px}.red-level h3{font-size:42px;text-transform:uppercase;letter-spacing:1px;margin:14px 0 0}.red-level strong{font-size:46px;font-weight:300;line-height:1.2}.red-line{height:2px;width:45px;background:#ff8eae;margin:25px 0}.red-level>p{font-size:16px;line-height:1.9;white-space:pre-line;align-self:center;margin:0;font-weight:300}.red-level a{font-size:12px;font-weight:700;border-bottom:1px solid #ff93b0;padding-bottom:6px}.levels-source{font-size:10px;color:#71796d;line-height:1.7;margin:20px 0 0}.official-social{background:#222;color:#fff;padding:42px 56px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.official-social h3{font-size:25px;font-weight:300;margin:0}.official-social>p{font-size:12px;color:#abb7a8}.official-social>div{display:flex;gap:24px;margin-left:auto}.official-social a{display:flex;align-items:center;gap:9px;font-size:12px}.official-social a b{display:inline-grid;place-items:center;border:1px solid #5b7155;width:30px;height:30px;border-radius:50%;color:#00ce29;font-size:19px}.official-social a:hover{color:#76ea86}footer{background:#181c17;color:#c0c8bc;gap:22px;flex-wrap:wrap}footer b{color:#6cdb80}footer a{color:white}nav a:hover{color:#70e382}
@media(max-width:900px){header{padding:0 25px}.hero{gap:30px}.hero-art{min-height:390px;padding:25px}.stats{margin:0 25px}.levels{padding:45px 25px}.level-grid{grid-template-columns:repeat(2,1fr)}.official-social{padding:35px 25px}.official-social>div{margin-left:0}.red-level{gap:30px;padding:35px 28px}}
@media(max-width:600px){header{height:85px;padding:0 20px}.brand{font-size:11px;max-width:200px}nav{gap:15px}nav a{font-size:10px}.hero{padding:40px 20px;gap:30px}.hero h1{font-size:44px}.hero-art{min-height:360px;width:100%;max-width:none;gap:20px}.school-emblem img{width:110px}.school-emblem>span{font-size:23px}.intro{font-size:16px}.stats{margin:0 20px;padding:22px 18px}.stats span{font-size:8px}.levels{padding:40px 20px}.levels-heading h2{font-size:30px}.level-grid{gap:12px}.level-card{padding:20px 15px}.level-card h3{font-size:12px;letter-spacing:0}.level-card h4{font-size:23px}.level-card p{font-size:12px;line-height:1.75}.red-level{grid-template-columns:1fr;gap:25px;padding:30px 24px}.red-level h3{font-size:36px}.red-level strong{font-size:40px}.red-level>p{font-size:15px}.about h2{font-size:34px}.official-social{padding:30px 20px;gap:10px}.official-social>div{gap:18px;width:100%;margin-top:12px}.official-social a{font-size:10px}.official-social a b{width:24px;height:24px;font-size:16px}}