:root{--cream:#fffaf5;--brown:#302321;--pink:#e8a6b6;--muted:#746863}body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--cream)}header{position:sticky;top:0;z-index:20;padding:15px max(5%,calc((100vw - 1320px)/2));background:#fffaf5f0;backdrop-filter:blur(18px)}nav{font-size:12px;gap:20px}.navjoin{background:var(--brown);color:#fff;border:0;border-radius:50px;padding:12px 18px}.brand{font-weight:600}.brand b{font-size:17px}.crest{width:46px;height:46px}h1,h2{font-family:Inter,'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-3px;line-height:1.06}h1{font-size:clamp(48px,5.3vw,76px)}h2{font-size:clamp(35px,3.6vw,51px);letter-spacing:-2px}em{font-style:normal;color:#a94b66}.hero{max-width:1440px;margin:auto;padding-top:58px;padding-bottom:85px;grid-template-columns:1fr 1fr;gap:55px}.hero .eyebrow{display:inline-block;padding:8px 13px;border:1px solid #ead8d3;border-radius:30px;letter-spacing:1.3px;font-size:9px}.intro{font-size:16px;max-width:430px;line-height:1.8}.button{border-radius:50px;padding:15px 23px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#633f3e;transform:translateY(-2px)}.textlink{font-weight:500}.hero-note{margin-top:28px}.hero-visual{position:relative;min-width:0;height:555px;border-radius:28px;isolation:isolate}.hero-photo{width:100%;height:100%;object-fit:cover;border-radius:28px}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 25%,#1e1711b8 100%);border-radius:28px}.photo-badge{position:absolute;top:23px;left:23px;border:1px solid #ffffff70;color:white;font-size:10px;letter-spacing:2px;padding:10px 15px;border-radius:30px;backdrop-filter:blur(10px);background:#ffffff12}.photo-caption{position:absolute;left:30px;bottom:99px;color:white}.photo-caption>span{font-size:9px;letter-spacing:2px}.photo-caption strong{font-size:37px;line-height:1.1;display:block;letter-spacing:-1px;margin-top:14px}.reunion-float{position:absolute;bottom:-30px;left:25px;right:25px;background:white;border:1px solid #eee3dc;border-radius:18px;box-shadow:0 15px 35px #30232114;padding:20px;display:flex;gap:17px;align-items:center}.date-block{background:#f8e6ec;border-radius:12px;width:59px;text-align:center;font-size:10px;padding:5px;flex-shrink:0}.date-block b{display:block;font-size:29px;line-height:1.25}.reunion-float>span:nth-child(2){flex:1}.reunion-float small{font-size:8px;letter-spacing:1.5px;color:#a94b66;display:block}.reunion-float strong{font-size:15px;display:block;margin:2px 0}.reunion-float>span>span{font-size:10px;color:var(--muted)}.ribbon{background:#f4e7e3;color:#7e5852;padding:20px;font-size:10px;font-weight:600}.ribbon i{color:#a94b66}.section{padding-top:80px;padding-bottom:80px}.about .split{gap:70px}.updates,.gallery,.social{background:#f5efea}.filters{padding:5px;background:#eae0d9;border-radius:40px}.filters button{border:0}.cards{gap:24px}.update{border:1px solid #e7ded7;border-radius:20px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.update:hover{transform:translateY(-4px);box-shadow:0 15px 30px #3023210b}.tile{min-height:230px;padding:27px}.tile strong{font-family:inherit;font-weight:600;letter-spacing:-1.5px;font-size:34px}.reunion{background:linear-gradient(135deg,#f0bccc,#d88ba3)}.photo-tile{background:linear-gradient(0deg,#302321bb,#30232122),url('assets/school-visit-7.jpg') center/cover;color:white}.connect{background:#44312d}.card-body{padding:26px}.card-body h3{font-family:inherit;font-size:21px;font-weight:600;letter-spacing:-.5px}.card-body p:not(.label){font-size:13px;line-height:1.8}.impact{background:#302321}.project{padding:30px 0;gap:30px}.project h3{font-family:inherit;font-size:23px;letter-spacing:-.5px}.project>span:first-child{font-family:inherit;font-size:16px}.project .tag{background:#ffffff0c}.gallery-grid{gap:24px}.gallery figure{background:white;border:1px solid #e8e0d9;border-radius:18px;overflow:hidden}.gallery img{height:265px;transition:transform .3s}.gallery a{display:block;overflow:hidden}.gallery a:hover img{transform:scale(1.03)}.gallery figcaption{padding:16px 18px;font-size:12px}.exec-poster img{border-radius:20px;border:1px solid #e7ded7}.leadership-layout{grid-template-columns:.8fr 1.2fr;gap:55px}.executive{padding:18px;border:1px solid #eee3dc;border-radius:14px;background:white;margin-bottom:10px}.initials{background:#f5e6e4}.executive h3{font-weight:600;font-size:14px}.membership{background:#efded9;gap:65px}.membership form{border-radius:22px;background:#fffaf5;box-shadow:0 15px 50px #30232108}.membership form h3{font-family:inherit;font-weight:600;font-size:25px;letter-spacing:-.8px}input,select{background:white;border-color:#e1d7d0;border-radius:9px;padding:12px}input:focus,select:focus{outline:2px solid #b76880}.bank-details{border-radius:16px;border:1px solid #e5cfc8;background:#fffaf5}.bank-details button{border-radius:30px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.social-links a{min-width:0;border-radius:16px;background:#fffaf5;font:600 23px 'Segoe UI',Arial,sans-serif;transition:transform .2s}.social-links a:hover{transform:translateY(-3px)}.social-links span{font-size:12px}.contact h2{font-size:35px}.contact{padding-top:60px;padding-bottom:60px}footer{background:#f5efea;padding-top:30px;padding-bottom:30px}a:focus-visible,button:focus-visible{outline:2px solid #ad526e}@media(min-width:1600px){.section{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:1000px){nav{gap:12px;font-size:10px}.navjoin{padding:10px}.hero{gap:28px}.hero-visual{height:505px}.actions{gap:15px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.leadership-layout{gap:30px}}@media(max-width:650px){header{padding:13px 6%}nav{font-size:14px}.hero{padding:35px 6% 65px;gap:35px;grid-template-columns:1fr}h1{font-size:52px;letter-spacing:-2.7px}.hero-visual{height:440px}.photo-caption strong{font-size:32px}.reunion-float{left:15px;right:15px;padding:15px}.section{padding-top:55px;padding-bottom:55px}.split,.membership{gap:30px}.ribbon{font-size:8px;letter-spacing:.7px}.leadership-layout{grid-template-columns:1fr}.social-links{grid-template-columns:1fr}.cards{gap:22px}.section-top{margin-bottom:28px}.contact h2{font-size:32px}.hero .eyebrow{font-size:8px}.project{gap:15px}.gallery img{height:290px}.project .tag{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
