:root{--teal:#1FAFC0;--ocean:#0080B0;--ocean-text:#0075A1;--deep:#024E70;--deep2:#02374f;--green:#4FA98C;--slate:#3C3B43;--ink:#23252b;--paper:#FBFAF7;--paper2:#F2F0EA;--mist:#E8F1F2;--line:rgba(2,78,112,.12);--shadow:0 18px 50px -20px rgba(2,55,79,.35);--display:"Newsreader",Georgia,serif;--body:"Inter",system-ui,sans-serif;--script:"Cedarville Cursive",cursive;--mint:#55bf98;--navlink:#515154;--btnblue:#0090be;--accent-mint:#a4dcce;--accent-sand:#f9dba5;--ob1:#54bf98;--ob2:#32c0cf;--ob3:#6275b4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:16px;z-index:300;padding:12px 20px;border-radius:0 0 10px 10px;background:var(--deep);color:#fff;font-weight:600;font-size:.95rem;transition:top .18s ease-out}.skip-link:focus{top:0}main:focus{outline:none}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,32px);width:100%;box-sizing:border-box}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ocean-text)}.btn{display:inline-flex;align-items:center;gap:.55em;font-weight:600;font-size:1rem;padding:.95em 1.7em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s}.btn-primary{background:var(--btnblue);color:#fff;box-shadow:0 10px 28px -10px #0090bebf}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px #0090bee6;background:#00a0d2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#hdr{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,box-shadow .4s,padding .4s;padding:14px 0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#hdr.scrolled{background:#fff;box-shadow:0 6px 22px -14px #02283a73;padding:10px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.brand{display:grid;flex-shrink:1;min-width:0;line-height:0}.brand img{grid-area:1 / 1;height:54px;width:auto;max-width:min(100%,220px);display:block;transition:opacity .4s,height .4s}.brand-logo--dark,#hdr.scrolled .brand-logo--light{opacity:0}#hdr.scrolled .brand-logo--dark{opacity:1}#hdr.scrolled .brand img{height:47px}.nav-links{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);font-size:.9rem;font-weight:500;flex-wrap:nowrap;min-width:0}.nav-links>a{color:#fffffff0;transition:color .3s;position:relative;display:inline-flex;align-items:center;padding:6px 0}#hdr.scrolled .nav-links>a{color:var(--navlink)}.nav-links>a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#fff;transition:width .3s,background .3s}.nav-links>a:hover:after{width:100%}#hdr.scrolled .nav-links>a:after{background:var(--btnblue)}.nav-right{display:flex;align-items:center;gap:18px;flex-shrink:0}.signin{font-size:.9rem;font-weight:500;color:#fffffff0;transition:color .3s;white-space:nowrap}.signin:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}#hdr.scrolled .signin{color:var(--navlink)}#hdr.scrolled .signin:hover{color:var(--deep)}.nav-cta{padding:.62em 1.4em;font-size:.9rem;border-radius:999px;font-weight:600;white-space:nowrap;background:var(--mint);color:var(--deep2);border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 14px -6px #02374f66;transition:transform .25s,box-shadow .25s,background .35s,color .35s,border-color .35s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #00000059}#hdr.scrolled .nav-cta{background:var(--btnblue);color:#fff}.menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}.menu-btn span{width:24px;height:2px;background:#fff;transition:transform .25s,opacity .25s,background .4s}#hdr.scrolled .menu-btn span{background:var(--navlink)}.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-drawer{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}.nav-drawer.open{pointer-events:auto;visibility:visible}.nav-drawer__backdrop{position:absolute;inset:0;right:min(100%,380px);background:#02283a7a;opacity:0;transition:opacity .35s}.nav-drawer.open .nav-drawer__backdrop{opacity:1}.nav-drawer__panel{position:absolute;top:0;right:0;width:min(100%,380px);height:100%;background:#024e70c7;color:#fff;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:-12px 0 40px -18px #02283a73;padding:clamp(68px,11vw,88px) clamp(26px,6vw,36px) clamp(36px,7vw,52px);display:flex;flex-direction:column;transform:translate(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.nav-drawer.open .nav-drawer__panel{transform:none}.nav-drawer__close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1a;cursor:pointer;display:grid;place-items:center;padding:0}.nav-drawer__close span{position:absolute;width:20px;height:2px;background:#fff;border-radius:1px}.nav-drawer__close span:first-child{transform:rotate(45deg)}.nav-drawer__close span:last-child{transform:rotate(-45deg)}.nav-drawer__links{display:flex;flex-direction:column}.nav-drawer__links a{display:block;padding:15px 0;font-size:1.08rem;font-weight:500;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);position:relative}.nav-drawer__links a:after{content:"";position:absolute;left:0;bottom:14px;width:0;height:2px;background:#fff;transition:width .3s}.nav-drawer__links a:hover:after,.nav-drawer__links a:focus-visible:after{width:100%}.nav-drawer__actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:28px}.nav-drawer__signin{font-size:.94rem;font-weight:500;color:#ffffffe6;text-align:center;padding:6px 0}.nav-drawer__signin:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.nav-drawer__cta{display:inline-flex;align-items:center;justify-content:center;padding:.9em 1.5em;border-radius:999px;font-weight:600;font-size:.95rem;text-align:center;transition:transform .25s,box-shadow .25s}.nav-drawer__cta:hover{transform:translateY(-2px)}.nav-drawer__cta--homeroom{background:var(--mint);color:var(--deep2);box-shadow:0 10px 24px -12px #00000059}.nav-drawer__cta--donate{background:var(--btnblue);color:#fff;box-shadow:0 10px 28px -10px #0090bebf}body.nav-open{overflow:hidden}@media (min-width: 1101px){.nav-drawer{display:none}}footer{background:var(--btnblue);color:#fff;padding:64px 0 36px;position:relative;overflow:hidden;margin-top:clamp(48px,8vw,80px)}footer:before{content:"";position:absolute;right:-6%;bottom:-22%;z-index:0;pointer-events:none;width:min(58vw,460px);aspect-ratio:1;background:url(/assets/cf_ball.webp) center / contain no-repeat;opacity:.11;filter:brightness(2.2) contrast(.85)}footer .wrap{position:relative;z-index:1}.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.3)}.foot-brand{margin-bottom:18px;line-height:0}.foot-brand img{height:48px;width:auto;display:block}.foot-tag{font-family:var(--display);font-style:italic;font-size:1.25rem;color:#fff;max-width:22ch;line-height:1.35}.foot-col h3{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-weight:600}.foot-col a{display:block;margin-bottom:6px;font-size:.95rem;line-height:1.35;transition:color .25s}.foot-col a:last-child{margin-bottom:0}.foot-col a:hover{color:var(--accent-mint)}.foot-bottom{padding-top:26px;display:flex;flex-direction:column;align-items:stretch;gap:10px;font-size:.84rem;line-height:1.55;color:#ffffffeb;text-align:left}.foot-legal{display:block;width:100%}.foot-copy{display:block;width:100%;color:#ffffffc7;text-align:center}.foot-social{display:flex;align-items:center;gap:12px;margin-top:4px}.foot-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff29;border:1px solid rgba(255,255,255,.34);color:#fff;transition:background .25s,transform .25s}.foot-social a:hover{background:#fff;color:var(--btnblue);transform:translateY(-2px)}.foot-social svg{width:17px;height:17px;fill:currentColor;display:block}@media (max-width: 1100px){.nav-links{display:none}.menu-btn{display:flex;flex-shrink:0}.foot-top{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 560px){.wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.nav-cta{font-size:.82rem;padding:.5em 1.15em}.nav-drawer__cta{font-size:.88rem;padding:.72em 1.3em}.brand img{height:40px;max-width:min(100%,168px)}#hdr.scrolled .brand img{height:36px}.foot-brand img{height:40px}footer{padding:44px 0 28px}footer:before{width:min(72vw,280px);right:-12%;bottom:-18%;opacity:.09}.foot-top{grid-template-columns:1fr 1fr;gap:22px 18px;padding-bottom:26px}.foot-top>:first-child{grid-column:1 / -1}.foot-top>:last-child{grid-column:1 / -1}.foot-tag{font-size:1.12rem;max-width:28ch;margin-top:4px}.foot-col h3{margin-bottom:8px;font-size:.72rem}.foot-col a{margin-bottom:4px;font-size:.88rem;line-height:1.3}.foot-social{margin-top:12px;gap:10px}.foot-social a{width:32px;height:32px}.foot-social svg{width:15px;height:15px}.foot-bottom{padding-top:18px;gap:8px;font-size:.78rem;line-height:1.5}.signin{display:none}.btn{font-size:.95rem;padding:.85em 1.35em}}@media (max-width: 380px){.nav{gap:10px}.brand img{height:34px;max-width:min(100%,140px)}#hdr.scrolled .brand img{height:30px}.nav-cta{font-size:.78rem;padding:.45em .95em}.menu-btn{padding:4px;flex-shrink:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.skip-link,.btn,.nav-cta,.nav-drawer__cta,.foot-social a{transition:none}.btn-primary:hover,.nav-cta:hover,.nav-drawer__cta:hover,.foot-social a:hover{transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}