@font-face{font-family:Bungee;src:url('bungee-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('poppins-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('poppins-semibold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
:root{--paper:#fff;--ink:#1d2448;--body-ink:#263548;--black:#080b08;--green:#7ab929;--green-hover:#689f20;--green-ink:#15230b;--surface:#f4f6f2;--muted:#4c5865;--field:#f0f1f2;--focus:#276b24;--radius:16px;--gutter:clamp(22px,5vw,80px);--display:Bungee,Impact,sans-serif;--body:Poppins,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--section-gap:clamp(76px,9vw,140px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:18px/1.75 var(--body);color:var(--body-ink);background:var(--paper)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--ink);line-height:1.18;letter-spacing:0;text-wrap:balance}h2{font-size:clamp(32px,4vw,56px)}h3{font-size:clamp(24px,2.25vw,32px)}p{text-wrap:pretty;margin-bottom:22px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:3px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.wrap{max-width:1400px;width:100%;padding-inline:var(--gutter);margin-inline:auto}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a,button{transition:background-color .2s,color .2s,transform .2s var(--ease)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--black);color:var(--paper);padding:12px 18px}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:118px;gap:28px;padding-block:18px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;flex-shrink:0}.club-logo{width:49px;height:78px;object-fit:contain}.brand-name{font-size:18px;line-height:1.5;font-weight:600;color:var(--ink)}.brand-name>span{display:block;font-size:14px;font-weight:400;color:var(--muted)}.brand.intro .club-logo{animation:logo-reveal 1.1s var(--ease) both}.brand:hover .club-logo,.brand:focus-visible .club-logo{transform:translateY(-2px)}.club-logo{transition:transform .25s var(--ease)}.site-header nav{display:flex;gap:clamp(20px,2.8vw,38px);align-items:center}.site-header nav a{font-size:16px;font-weight:600;text-decoration:none;padding-block:12px;white-space:nowrap}.site-header nav a:hover{color:var(--focus)}
.hero{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;overflow:hidden;background:var(--black)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-1;animation:photo-settle 1.3s var(--ease) both}.hero-content{padding-block:58px;position:relative}.hero h1{font-size:clamp(32px,3.5vw,54px);display:table;padding:12px 16px;background:var(--black);color:var(--green);max-width:100%;margin-bottom:14px;animation:copy-reveal .8s var(--ease) both}.hero-statement{font-family:var(--display);font-size:clamp(22px,2vw,30px);color:var(--paper);line-height:1.8;margin-bottom:18px}.hero-statement span{background:var(--black);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:9px 15px}.hero-description{font-size:16px;line-height:1.7;color:var(--paper);background:var(--black);padding:9px 15px;display:table;max-width:630px;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 25px;border:0;border-radius:var(--radius);background:var(--green);color:var(--green-ink);font-weight:600;font-size:16px;min-height:54px;text-decoration:none;line-height:1.5}.button:hover{background:var(--green-hover);color:var(--black);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button span{font-size:23px}.hero .button{animation:copy-reveal .9s .1s var(--ease) both}.hero .button:focus-visible{outline-color:var(--paper)}.text-link{font-size:16px;font-weight:600;display:inline-block;padding-block:8px}
.welcome{padding-top:86px;padding-bottom:var(--section-gap);text-align:center}.welcome h2{margin-bottom:28px}.welcome p{max-width:1040px;margin:0 auto 20px}.about{padding-bottom:var(--section-gap)}.section-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-bottom:38px}.section-top>p{margin:0;justify-self:end;font-size:18px}.history-text{columns:2;column-gap:58px}.history-text p{break-inside:avoid;margin-bottom:24px}.board{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px 64px;padding-bottom:var(--section-gap);align-items:center}.board-intro{grid-column:2;grid-row:1}.board-intro h2{margin-bottom:26px}.board-intro p{max-width:450px}.statement{font-size:24px;font-weight:600;line-height:1.5}.group-photo{grid-column:1;grid-row:1;align-self:start}.group-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.group-photo figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:var(--muted)}.members{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 30px}.member{min-width:0;padding:26px 0 8px}.member.chair{grid-column:span 2}.member.chair h3{font-size:28px}.member h3{font-family:var(--body);font-weight:600;font-size:22px;line-height:1.4;margin-bottom:10px;text-wrap:initial}.member p{font-size:16px;margin-bottom:5px}.member .role{color:var(--focus);font-weight:600}.member a{font-size:14px;display:inline-block;min-height:44px;padding-top:10px;overflow-wrap:anywhere}.member .portrait{width:100px;height:125px;object-fit:cover;border-radius:12px;margin-bottom:18px}
.contact-membership{padding-bottom:var(--section-gap)}.combined-title{text-align:center;margin-bottom:64px}.contact-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.membership{grid-column:2;grid-row:1;scroll-margin-top:30px}.contact{grid-column:1;grid-row:1;scroll-margin-top:30px}.contact h3,.membership h3{margin-bottom:22px}.contact>p,.membership>p{font-size:18px}.membership ol{padding-left:24px;margin:28px 0 30px}.membership li{padding-left:6px;margin-bottom:20px}.membership li::marker{font-weight:600;color:var(--focus)}.membership li strong{font-weight:600;font-size:16px}.membership li p{margin:3px 0 0;font-size:16px}.downloads{display:grid;gap:24px}.download{padding:23px 25px;background:var(--surface);border-radius:var(--radius)}.download>strong{font-weight:600;font-size:16px;display:block}.download>span{font-size:14px;display:block;margin-top:8px;color:var(--muted)}.download p{font-size:14px;margin:10px 0 0}.download .button{font-size:15px;width:100%;padding-inline:16px}.contact-form{position:relative}.contact-form label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}.contact-form label span{font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;background:var(--field);color:var(--body-ink);border:2px solid transparent;border-radius:10px;line-height:1.5;max-width:100%}input:focus,textarea:focus{border-color:var(--focus)}textarea{resize:vertical;min-height:160px}.form-privacy{font-size:14px;line-height:1.7;margin:0 0 24px}.contact-email{overflow-wrap:anywhere}.honeypot{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;left:0;top:0}.notice{background:var(--surface);padding:20px;border-radius:12px;margin-bottom:24px}.notice ul{margin-bottom:0}.notice.error{border-left:4px solid #a12b28}.site-footer{background:var(--surface);padding-block:48px 30px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:14px 30px}.footer-name{font-family:var(--display);font-size:clamp(20px,2.1vw,30px);line-height:1.3;text-decoration:none;color:var(--ink)}.footer-grid p{font-size:14px;margin:0;grid-column:1}.footer-grid nav{display:flex;gap:26px;grid-column:2;grid-row:1/3;align-items:center;font-size:14px}.footer-grid small{grid-column:1/-1;font-size:14px;color:var(--muted);margin-top:20px}.legal{max-width:1000px;padding-block:70px var(--section-gap)}.legal h1{font-size:clamp(30px,5vw,56px);margin-bottom:38px}.legal p{margin-bottom:24px}.reveal-in{animation:section-in .6s var(--ease) both}
@keyframes logo-reveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(9px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes copy-reveal{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-settle{from{transform:scale(1.025);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes section-in{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.site-header{gap:20px}.brand-name{font-size:15px}.brand-name>span{font-size:13px}.site-header nav{gap:19px}.site-header nav a{font-size:14px}.hero{min-height:475px}.hero h1{font-size:4.3vw}.hero-content{padding-block:45px}.hero-description{max-width:480px}.history-text{column-gap:36px}.board{gap:36px}.board-intro h2{font-size:36px}.statement{font-size:20px}.members{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.member.chair{grid-column:span 1}.member.chair h3{font-size:22px}.contact-columns{gap:38px}.contact h3,.membership h3{font-size:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){:root{--gutter:22px;--section-gap:72px}body{font-size:18px;line-height:1.7}.site-header{flex-wrap:wrap;min-height:0;gap:14px;padding-block:16px}.brand{gap:14px}.club-logo{width:36px;height:58px}.brand-name{font-size:16px}.brand-name>span{font-size:13px}.site-header nav{width:100%;justify-content:space-between;gap:8px}.site-header nav a{font-size:13px;padding-block:8px}.hero{min-height:555px;align-items:end}.hero-photo{object-position:66% top}.hero-content{padding-top:215px;padding-bottom:28px}.hero h1{font-size:clamp(28px,7.2vw,36px);padding:11px 12px;line-height:1.2;width:max-content;max-width:100%;margin-bottom:16px}.hero-statement{font-size:clamp(19px,4.8vw,24px);line-height:1.8;margin-bottom:14px}.hero-statement span{padding:7px 10px}.hero-description{font-size:18px;line-height:1.6;padding:10px 12px;max-width:350px;margin-bottom:20px}.hero .button{font-size:16px;padding:13px 22px}.welcome{padding-top:55px;padding-bottom:68px}.welcome h2{margin-bottom:22px}.welcome p{font-size:18px}.section-top{display:block;margin-bottom:28px}.section-top h2{margin-bottom:20px}.history-text{columns:1}.history-text p{margin-bottom:23px}.board{display:flex;flex-direction:column;gap:30px;align-items:stretch}.board-intro h2{font-size:32px}.board-intro p{max-width:none}.board-intro .statement{font-size:20px}.board-intro .text-link{margin-bottom:0}.group-photo img{border-radius:12px;object-fit:contain}.members{display:block}.member{padding:12px 0 20px}.member.chair h3,.member h3{font-size:23px}.member p{font-size:16px}.member a{font-size:15px}.combined-title{font-size:30px;margin-bottom:36px}.contact-columns{display:flex;flex-direction:column;gap:56px}.membership,.contact{width:100%}.membership h3,.contact h3{font-size:25px}.membership{order:0}.contact{order:1}.download{padding:22px}.download .button{font-size:14px}.form-row{display:block}.contact-form label{font-size:14px}.contact-form .button{width:100%}.site-footer{padding-block:34px 26px}.footer-grid{display:block}.footer-name{display:block;font-size:22px;margin-bottom:14px}.footer-grid nav{margin-top:24px}.footer-grid small{display:block;margin-top:24px}.legal{padding-top:45px}.legal h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brand:hover .club-logo,.brand:focus-visible .club-logo,.button:hover{transform:none}}