:root{--cream:#ede5cf;--ink:#1a1a1a;--blue:#b8cdd8;--tan:#c8a882;--sage:#b5c4b1;--yellow:#FFD200;--paper:#fff;--dim:#5f594c;--display:'Anton',Impact,'Arial Narrow',sans-serif;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.55}
a{color:inherit}
.stripes{height:20px;background:repeating-linear-gradient(-45deg,var(--ink) 0 26px,var(--yellow) 26px 52px)}
nav{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:16px;flex-wrap:wrap}
nav .logo{font-family:var(--display);font-size:22px;letter-spacing:.04em;text-decoration:none;color:var(--yellow)}
nav .links{display:flex;gap:20px;align-items:center;font-family:var(--cond);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap}
nav .links a{text-decoration:none;opacity:.9}
nav .links a:hover,nav .links a.here{opacity:1;text-decoration:underline;text-underline-offset:4px}
nav .links a.here{color:var(--yellow)}
.btn{display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:3px solid var(--ink);padding:12px 26px;font-size:18px;background:var(--yellow);color:var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .12s,box-shadow .12s;cursor:pointer}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.btn.dark{background:var(--ink);color:var(--yellow);box-shadow:6px 6px 0 var(--tan)}
.btn.ghost{background:var(--paper)}
nav .btn{padding:8px 18px;font-size:15px;box-shadow:none;border-color:var(--yellow)}
nav .btn:hover{transform:none;background:#ffe25c}
.hero{background:var(--cream);text-align:center;padding:70px 20px 60px}
.hero.small{padding:52px 20px 12px}
.eyebrow{font-family:var(--cond);font-weight:700;letter-spacing:.28em;font-size:15px;text-transform:uppercase;margin-bottom:18px;color:var(--dim)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(64px,14vw,190px);line-height:.92;letter-spacing:.01em;text-transform:uppercase}
.hero.small h1{font-size:clamp(46px,8vw,96px)}
h1 .hl{background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 96%,transparent 96%)}
.hero-sub{max-width:660px;margin:26px auto 34px;font-size:19px;font-weight:500}
.hero-ctas{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.marquee{background:var(--ink);color:var(--yellow);overflow:hidden;white-space:nowrap;padding:12px 0;font-family:var(--cond);font-weight:700;font-size:20px;letter-spacing:.12em;text-transform:uppercase}
.marquee-inner{display:inline-block;animation:scroll 28s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-inner{animation:none}}
section{padding:72px 24px}
.wrap{max-width:1080px;margin:0 auto}
.kicker{font-family:var(--cond);font-weight:700;letter-spacing:.24em;font-size:14px;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,64px);text-transform:uppercase;line-height:1;margin-bottom:22px}
h2 a{text-decoration:none}
.lede{font-size:19px;max-width:680px}
.card{border:3px solid var(--ink);padding:26px;background:var(--paper);box-shadow:8px 8px 0 var(--tan)}
.card h3,.res h3,.pod h3{font-family:var(--cond);font-weight:700;font-size:23px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px}
.card.neg{box-shadow:8px 8px 0 var(--sage)}
.practices{margin-top:44px;border:3px solid var(--ink);background:var(--paper);padding:30px;box-shadow:8px 8px 0 var(--blue)}
.practices h3{font-family:var(--cond);font-weight:700;font-size:26px;text-transform:uppercase;margin-bottom:14px}
.practices ul{list-style:none}
.practices li{padding:10px 0;border-bottom:2px solid var(--cream);font-size:17px}
.practices li:last-child{border-bottom:none}
.practices li::before{content:"\2192";font-weight:700;margin-right:12px;color:var(--tan)}
.sec-blue{background:var(--blue)}
.sec-sage{background:var(--sage)}
.sec-tan{background:var(--tan)}
.sec-ink{background:var(--ink);color:var(--cream)}
.sec-ink .kicker{color:var(--sage)}
.sec-ink h2{color:var(--yellow)}
.sec-ink .lede{color:var(--cream)}
.dir-tools{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 10px}
.dir-tools input{flex:1;min-width:220px;font-family:var(--body);font-size:17px;padding:13px 16px;border:3px solid var(--ink);background:var(--paper)}
.dir-tools input:focus{outline:3px solid var(--yellow);outline-offset:2px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.chip{font-family:var(--cond);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.05em;padding:7px 16px;border:2.5px solid var(--ink);background:var(--paper);cursor:pointer}
.chip.active{background:var(--ink);color:var(--yellow)}
.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.member{border:3px solid var(--ink);background:var(--paper);padding:20px;display:flex;flex-direction:column}
.member .name{font-family:var(--cond);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.03em}
.member .school{color:var(--dim);font-size:15px;margin-bottom:8px}
.member .roles{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.member .roles span{background:var(--yellow);border:2px solid var(--ink);font-family:var(--cond);font-weight:600;font-size:13px;text-transform:uppercase;padding:3px 9px}
.member .status{font-size:14px;font-weight:600;margin-bottom:8px}
.member .status.open::before{content:"\25CF";color:#1a7a3a;margin-right:6px}
.member .status.busy::before{content:"\25CF";color:#a06e00;margin-right:6px}
.member .contact{font-size:14.5px;margin-bottom:8px;color:var(--dim)}
.member .member-links{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap}
.member a.port,.member a.intro{font-family:var(--cond);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.05em;text-decoration:underline;text-underline-offset:3px}
.dir-note{margin-top:30px;font-size:15px}
#dir-empty{padding:40px;text-align:center;font-size:18px;display:none}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:44px}
.proj{border:3px solid var(--ink);background:var(--paper);padding:26px;box-shadow:8px 8px 0 var(--yellow);display:flex;flex-direction:column;gap:10px}
.proj .ptype{align-self:flex-start;background:var(--ink);color:var(--yellow);font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px}
.proj h3{font-family:var(--cond);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.03em}
.proj .pmeta{font-size:15px;color:var(--dim)}
.proj.cta-card{background:var(--ink);color:var(--cream);box-shadow:8px 8px 0 var(--tan)}
.proj.cta-card h3{color:var(--yellow)}
.event-list{margin-top:40px;display:flex;flex-direction:column;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--paper)}
.event{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:24px 26px;border-bottom:3px solid var(--ink)}
.event:last-child{border-bottom:none}
.event .date{font-family:var(--display);font-size:28px;line-height:1;text-transform:uppercase;text-align:center;background:var(--yellow);border:3px solid var(--ink);padding:10px 6px}
.event .date small{display:block;font-family:var(--cond);font-size:14px;font-weight:600;letter-spacing:.1em}
.event h3{font-family:var(--cond);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.03em}
.event p{font-size:16px;color:var(--dim)}
@media(max-width:640px){.event{grid-template-columns:1fr;gap:10px}.event .date{max-width:120px}}
.pod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:40px 0}
.pod{border:3px solid var(--yellow);padding:24px}
.pod h3{color:var(--yellow)}
.pod p{font-size:15.5px;color:#ddd6c4}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:40px}
.res{border:3px solid var(--ink);background:var(--paper);padding:24px;box-shadow:8px 8px 0 var(--sage)}
.res p{font-size:15.5px;color:var(--dim)}
.formframe{margin-top:40px;border:3px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--tan)}
.formframe iframe{display:block;width:100%;height:1400px;border:none}
.form-fallback{padding:18px;text-align:center;font-size:15px;border-top:3px solid var(--cream)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:40px 0}
.tier{border:3px solid var(--ink);background:var(--paper);padding:22px;text-align:center}
.tier .amt{font-family:var(--display);font-size:42px}
.tier p{font-size:15px;color:var(--dim)}
footer{background:var(--ink);color:var(--cream);text-align:center;padding:44px 20px;font-family:var(--cond);letter-spacing:.08em;text-transform:uppercase;font-size:15px}
footer .foot-logo{font-family:var(--display);color:var(--yellow);font-size:30px;margin-bottom:10px}
footer a{color:var(--yellow)}
footer .foot-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.quote{background:var(--ink);color:var(--cream);text-align:center;padding:90px 24px}
.quote blockquote{font-family:var(--display);font-size:clamp(30px,5vw,54px);text-transform:uppercase;line-height:1.15;max-width:900px;margin:0 auto;border:none}
.quote .hl2{color:var(--yellow)}
.modal-bg{display:none;position:fixed;inset:0;background:rgba(26,26,26,.78);z-index:100;padding:24px;overflow-y:auto}
.modal-bg.show{display:flex;align-items:flex-start;justify-content:center}
.modal{background:var(--paper);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--yellow);max-width:680px;width:100%;margin:40px 0;padding:34px;position:relative}
.modal .ptype{display:inline-block;background:var(--ink);color:var(--yellow);font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;margin-bottom:12px}
.modal h3{font-family:var(--cond);font-weight:700;font-size:32px;text-transform:uppercase;margin-bottom:14px;line-height:1.05}
.modal .mrow{margin-bottom:14px;font-size:16px}
.modal .mrow b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:15px;display:block;color:var(--dim)}
.modal .roles-needed{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.modal .roles-needed span{background:var(--yellow);border:2px solid var(--ink);font-family:var(--cond);font-weight:600;font-size:14px;text-transform:uppercase;padding:4px 10px}
.modal .close{position:absolute;top:12px;right:16px;font-size:32px;font-weight:700;background:none;border:none;cursor:pointer;line-height:1}
.suggest{border:3px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--blue);padding:38px;margin-top:52px;text-align:center}
.suggest h3{font-family:var(--cond);font-weight:700;font-size:30px;text-transform:uppercase;margin-bottom:10px}
.pledge-widget{max-width:560px;margin:0 auto 40px;border:3px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);padding:26px}
.member{cursor:pointer;transition:box-shadow .12s}
.member:hover{box-shadow:6px 6px 0 var(--yellow)}
.member .view{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin-top:12px;text-decoration:underline;text-underline-offset:3px}
.modal .pronouns{font-size:16px;color:var(--dim);font-family:var(--body);font-weight:400;margin-left:8px}
.contact-box{border:3px solid var(--ink);background:var(--cream);padding:16px;margin-top:6px;font-size:16px}
@media(max-width:900px){nav .links a:not(.btn){font-size:14px}}