:root{--brown:#5b2a10;--brown2:#7a3211;--orange:#f35b00;--cream:#fff8eb;--paper:#fffdf8;--ink:#172033;--line:#ead9c2;--green:#5e8d31;--blue:#16366f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Noto Sans Devanagari",sans-serif;color:var(--ink);background:#fbf7ef;line-height:1.5;overflow-x:hidden}
img{max-width:100%}
.topbar{min-height:36px;background:var(--brown);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 4%;font-size:13px}
.header{background:#fffaf1;display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr) minmax(150px,230px);align-items:center;gap:18px;padding:10px 5%;border-bottom:1px solid #ecdcc7}
.school-logo{width:105px;height:120px;object-fit:contain}
.alumni-logo{width:210px;height:125px;object-fit:contain;justify-self:end}
.school-title{text-align:center;min-width:0}
.school-title h1{font-size:38px;line-height:1.15;color:var(--blue);margin:0;font-weight:800}
.school-title h2{font-size:27px;line-height:1.2;color:#173d7c;margin:2px 0 0}
.school-title p{margin:4px 0 0;color:var(--brown);font-weight:600}
.nav{display:flex;justify-content:center;background:#fff4df;border-bottom:1px solid #e4cda9;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav a{color:#18202d;text-decoration:none;padding:10px 18px;border-right:1px solid #ead7b9;flex:0 0 auto}
.nav a.active,.nav a:hover{background:var(--orange);color:#fff}
.hero{position:relative;min-height:400px;height:clamp(360px,38vw,470px);overflow:hidden;background:#6b3a1c}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.98);image-rendering:auto}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:28px clamp(24px,7vw,90px);color:#fff;text-align:center;background:linear-gradient(90deg,rgba(44,20,5,0) 30%,rgba(44,20,5,.12) 47%,rgba(44,20,5,.78) 73%,rgba(44,20,5,.84) 100%)}
.hero-overlay>*{max-width:min(560px,48vw)}
.hero-quote{font-size:20px;margin:0 0 8px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.brush-title{background:rgba(92,39,16,.94);padding:13px 28px;clip-path:polygon(2% 7%,98% 0,100% 84%,92% 100%,6% 94%,0 19%);font-weight:800}
.brush-title div{font-size:38px;line-height:1.2}
.brush-title strong{display:block;color:#ffd45c;font-size:32px;line-height:1.2}
.hero-date{margin-top:12px;background:#fff0d4;color:#5a280f;padding:7px 20px;border-radius:4px;font-weight:800;font-size:23px}
.hero-location{margin-top:10px;font-size:20px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.hero-tagline{margin-top:7px;font-weight:800;font-size:18px}
.values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff9ed;border-bottom:1px solid #ecdcc6}
.values div{padding:12px 8px;text-align:center;border-right:1px solid #ecdcc6;font-size:24px;min-width:0}
.values b,.values span{display:block;font-size:14px}
.values b{color:var(--brown)}
.values span{font-size:12px;color:#666}
.intro{max-width:1180px;margin:26px auto 10px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:stretch;padding:0 18px}
.intro-quote{background:#fff0d7;border:1px solid #f1d7ad;border-radius:10px;padding:28px;text-align:center;font-size:22px;font-weight:700;color:#7b3211;display:flex;align-items:center;justify-content:center}
.countdown-card{background:#fff0f0;border:1px solid #efb9b9;border-radius:10px;text-align:center;padding:14px}
.small-label{font-weight:800}.closing-date{font-size:23px;color:#b41f1f;font-weight:900}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.countdown div{background:#b51d29;color:#fff;border-radius:5px;padding:7px 2px}
.countdown strong{display:block;font-size:24px}.countdown span{font-size:11px}.countdown-card p{font-size:12px;margin:4px 0}
.content-grid{max-width:1180px;margin:14px auto 35px;padding:0 18px;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:18px}
.card,.side-card{background:var(--paper);border:1px solid #eadcc9;border-radius:10px;box-shadow:0 5px 18px rgba(73,43,15,.08)}
.card-title{background:linear-gradient(90deg,#7b2d0b,#9b3c0e);color:#fff;padding:13px 20px;font-size:23px;font-weight:800;border-radius:10px 10px 0 0}
.card-title span{float:right;font-size:14px;font-weight:500;margin-top:5px}
.registration-preview form{padding:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.registration-preview label{display:block;font-size:14px;font-weight:700;margin-bottom:14px}.professional-grid{margin-bottom:0}.professional-grid label{margin-bottom:14px}#contactEmail{color:inherit;font-weight:700;text-decoration:none}#contactEmail:hover{text-decoration:underline}
.registration-preview input,.registration-preview select,.registration-preview textarea{display:block;width:100%;margin-top:6px;border:1px solid #cdd4dd;border-radius:6px;padding:11px 12px;background:#fff;font:inherit;min-height:44px}
.registration-preview textarea{resize:vertical}
.registration-preview fieldset{border:0;padding:0;margin:4px 0 14px}.registration-preview legend{font-size:14px;font-weight:700;margin-bottom:8px}
.radio{display:inline-flex!important;align-items:center;gap:6px;margin-right:25px!important;font-weight:500!important}.radio input{width:auto!important;min-height:auto!important;margin:0!important}
.conditional{background:#fff7e8;border:1px solid #efd5a8;padding:12px;border-radius:8px}.hidden{display:none !important}
.upload{background:#fff6e6;border:1px solid #f1d9b0;padding:12px;border-radius:8px}.upload input{background:#fff;margin-top:9px}.upload small{display:block;margin-top:5px;color:#666}
.consent{display:flex!important;gap:9px;align-items:flex-start;font-weight:600!important}.consent input{width:auto!important;min-height:auto!important;margin:3px 0 0!important}
.primary{display:block;margin:20px auto 5px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-size:20px;font-weight:800;padding:13px 48px;cursor:pointer;min-height:50px}.primary:hover{filter:brightness(.93)}
.form-message{text-align:center;font-weight:700;min-height:22px;padding:8px 4px}.form-message.processing{color:#7b3211}.form-message.success{color:#176b2b;background:#eef9ef;border:1px solid #b8dfbd;border-radius:8px;margin-top:12px;padding:12px}.form-message.warning{color:#7b3211;background:#fff7e8;border:1px solid #efd5a8;border-radius:8px;margin-top:12px;padding:12px}.form-message.error{color:#a51d1d}
.registration-id{display:inline-block;font-size:22px;margin:4px 0}.loader-line{display:inline-flex;align-items:center;gap:8px;margin-top:5px}.spinner{display:inline-block;width:17px;height:17px;border:3px solid rgba(123,50,17,.2);border-top-color:#7b3211;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px}.primary.is-loading{opacity:.8;cursor:wait}.primary:disabled{cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}
.side-card{padding:15px;margin-bottom:14px}.side-card h3{margin:-15px -15px 10px;padding:10px 13px;background:#ffedcc;color:#78300d;border-radius:10px 10px 0 0}.side-card ul{margin:0;padding-left:25px}.side-card li{margin:6px 0}.highlight{background:#eef7df}.highlight p{font-size:18px;text-align:center}
.page-shell{max-width:1100px;margin:30px auto;padding:0 18px}.page-card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 5px 18px rgba(73,43,15,.07)}.page-card h2{color:var(--brown2);margin-top:0}.page-card img{max-width:100%;border-radius:10px}
footer{background:var(--brown);color:#fff;text-align:center;padding:25px 15px;font-size:14px}footer span{opacity:.8;font-size:13px}

@media (max-width:1050px){
  .header{grid-template-columns:95px minmax(0,1fr) 160px;padding:9px 3%;gap:10px}.school-logo{width:88px;height:100px}.alumni-logo{width:150px;height:105px}.school-title h1{font-size:31px}.school-title h2{font-size:22px}
  .hero-overlay{padding-right:4%}.hero-overlay>*{max-width:52vw}.brush-title div{font-size:34px}.brush-title strong{font-size:29px}
  .content-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}
}
@media (max-width:800px){
  .topbar{min-height:32px;padding:6px 3%;font-size:10px}.topbar span:last-child{display:none}
  .header{grid-template-columns:70px minmax(0,1fr) 100px;gap:5px;padding:8px}.school-logo{width:65px;height:78px}.alumni-logo{width:100px;height:75px}.school-title h1{font-size:21px}.school-title h2{font-size:16px}.school-title p{font-size:10px}
  .nav{justify-content:flex-start}.nav a{padding:9px 12px;font-size:13px}
  .hero{height:430px;min-height:430px}.hero>img{object-position:center center}.hero-overlay{padding:18px 4% 26px;justify-content:flex-end;align-items:center;background:linear-gradient(transparent 10%,rgba(44,20,5,.2) 38%,rgba(44,20,5,.88) 68%,rgba(44,20,5,.93) 100%)}.hero-overlay>*{max-width:94vw}.hero-quote{font-size:16px}.brush-title{padding:10px 20px}.brush-title div{font-size:27px}.brush-title strong{font-size:24px}.hero-date{font-size:18px;padding:6px 14px}.hero-location{font-size:15px}.hero-tagline{font-size:15px}
  .values{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto}.values div{padding:10px 6px;font-size:21px}
  .intro,.content-grid{grid-template-columns:1fr}.intro{padding:0 10px;margin-top:18px}.content-grid{padding:0 10px}.intro-quote{font-size:19px;padding:20px}.countdown-card{padding:12px}.countdown strong{font-size:20px}
  .form-grid{grid-template-columns:1fr}.card-title{font-size:20px;padding:12px 14px}.card-title span{display:block;float:none;font-size:12px;margin-top:3px}.registration-preview form{padding:16px}
  .primary{width:100%;max-width:360px}.side-card h3{font-size:18px}
}
@media (max-width:520px){
  .header{grid-template-columns:58px minmax(0,1fr) 82px}.school-logo{width:55px;height:65px}.alumni-logo{width:82px;height:62px}.school-title h1{font-size:17px}.school-title h2{font-size:14px}.school-title p{font-size:9px}
  .nav a{padding:8px 10px;font-size:12px}
  .hero{height:450px;min-height:450px}.hero-quote{font-size:14px}.brush-title div{font-size:23px}.brush-title strong{font-size:21px}.hero-date{font-size:16px}.hero-location{font-size:14px}.hero-tagline{font-size:13px}
  .values{grid-template-columns:repeat(5,118px)}.values b{font-size:12px}.values span{font-size:10px}
  .intro-quote{font-size:17px}.closing-date{font-size:20px}.countdown strong{font-size:18px}.countdown span{font-size:10px}
  .card-title{font-size:18px}.registration-preview label{font-size:13px}.registration-preview input,.registration-preview select,.registration-preview textarea{font-size:16px}.primary{font-size:18px;padding:12px 24px}
}
@media (max-width:360px){
  .header{grid-template-columns:48px minmax(0,1fr) 70px}.school-logo{width:46px;height:56px}.alumni-logo{width:70px;height:54px}.school-title h1{font-size:15px}.school-title h2{font-size:12px}.school-title p{display:none}.hero{height:440px;min-height:440px}.brush-title div{font-size:21px}.brush-title strong{font-size:19px}
}
/* Informational pages */
.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;color:var(--orange);margin-bottom:7px}.about-hero{background:linear-gradient(135deg,#fffdf8,#fff2dd);margin-bottom:18px}.about-hero h2,.contact-hero h2,.gallery-intro h2,.alumni-hero h2{font-size:42px;line-height:1.15;margin:0 0 6px;color:var(--brown)}.about-hero h3,.gallery-intro h3{font-size:23px;color:#8a3510;margin:0 0 16px}.about-hero p,.gallery-intro p,.alumni-hero p,.contact-hero p{font-size:17px;max-width:900px}.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px;margin:18px 0}.about-list{display:grid;gap:14px}.info-panel{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:0 5px 18px rgba(73,43,15,.06)}.info-panel h3,.leader-card h3,.page-card>h3{color:var(--brown2);margin:0 0 8px;font-size:22px}.info-panel p{margin:0}.value-line{font-weight:800;color:#6d2c12}.leader-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,42%);overflow:hidden;background:#fff1df;border:1px solid #e8cfae;border-radius:12px;box-shadow:0 5px 18px rgba(73,43,15,.07)}.leader-copy{padding:26px}.leader-copy h3{font-size:20px;margin-bottom:0}.leader-copy h2{font-size:35px;margin:0 0 12px;color:var(--ink)}.leader-copy p{font-size:16px}.leader-card img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center top}.more-than-memories{display:grid;grid-template-columns:80px 1fr 300px;gap:18px;align-items:center;margin:18px 0 30px;padding:24px;border:1px solid #efd2d2;border-radius:12px;background:#fff1f1}.tree-mark{font-size:48px;text-align:center;color:var(--brown2)}.more-than-memories h3{margin:0 0 5px;color:var(--brown2);font-size:24px}.more-than-memories p{margin:0}.more-than-memories blockquote{margin:0;padding-left:18px;border-left:1px solid #b98a8a;color:#71301e;font-weight:800;font-style:italic;font-size:18px}.event-subtitle{color:#8a3510;margin-top:-2px}.event-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.event-facts div{background:#fff8eb;border:1px solid #efd9ba;border-radius:10px;padding:18px;text-align:center}.event-facts span{display:block;font-size:27px;margin-bottom:5px}.event-facts b,.event-facts small{display:block}.event-facts b{font-size:17px}.event-facts small{color:#666;margin-top:4px}.content-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.feature-list{margin:0;padding-left:24px}.feature-list li{margin:10px 0}.inline-button{display:inline-block;text-decoration:none;width:auto;margin:12px 0 0}.note-card{background:#fff7e8}.gallery-intro,.alumni-hero,.contact-hero{background:linear-gradient(135deg,#fffdf8,#fff4e4)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 30px}.photo-grid figure{margin:0;background:#fff;border:1px solid #eadcc9;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(73,43,15,.08);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.photo-grid figure:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(73,43,15,.13)}.photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo-grid figcaption{padding:11px 13px;font-weight:700;color:#6f2d12}.teachers-slideshow{margin:18px 0 30px;background:#fff;border:1px solid #eadcc9;border-radius:14px;padding:14px;box-shadow:0 5px 18px rgba(73,43,15,.08)}.slideshow-frame{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;background:#17120f;border-radius:10px;overflow:hidden}.slideshow-frame>img{display:block;width:100%;height:min(68vh,620px);object-fit:contain;cursor:zoom-in}.slideshow-frame button{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.78);color:#5b2a10;border-radius:50%;width:46px;height:46px;font-size:34px;line-height:40px;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.18)}.slideshow-frame button:hover{background:#fff}.slideshow-prev{left:14px}.slideshow-next{right:14px}.slideshow-counter{position:absolute;right:14px;top:14px;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:800}.slideshow-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 10px;color:#6f2d12}.slideshow-caption strong{font-size:17px}.slideshow-caption span{font-size:12px;color:#766b61}.slideshow-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}.slideshow-thumb{flex:0 0 82px;width:82px;height:60px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#fff;cursor:pointer;opacity:.72}.slideshow-thumb.active{border-color:var(--orange);opacity:1}.slideshow-thumb img{display:block;width:100%;height:100%;object-fit:cover}.slideshow-thumb:focus-visible,.slideshow-frame button:focus-visible{outline:3px solid rgba(214,111,27,.28);outline-offset:2px}.gallery-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(12,12,12,.92);display:flex;align-items:center;justify-content:center;padding:50px 60px}.gallery-lightbox img{max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:6px}.gallery-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:46px;height:46px;font-size:32px;line-height:40px;cursor:pointer}.lightbox-close{right:20px;top:18px}.lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}.lightbox-next{right:20px;top:50%;transform:translateY(-50%)}#lightboxCaption{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:14px}.lightbox-open{overflow:hidden}.alumni-callout{background:#eef7df;text-align:center}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.contact-card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:22px;text-align:center;box-shadow:0 5px 18px rgba(73,43,15,.06)}.contact-icon{font-size:30px}.contact-card h3{margin:7px 0;color:var(--brown2)}.contact-card p{margin:0}.contact-card a{color:var(--brown2);font-weight:800;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-card small{color:#666}.social-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff4e5}.social-panel h3{margin-bottom:5px}.social-panel p{margin:0}.social-actions{display:flex;gap:10px;flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:8px;text-decoration:none;font-weight:800;border:1px solid #d7c4ad;color:#5b2a10;background:#fff}.social-button span{font-size:11px;font-weight:500;opacity:.7}.social-button[aria-disabled="true"]{cursor:default}.social-button.whatsapp{border-color:#b7dcbf;background:#effaf2;color:#176b35;min-width:190px;justify-content:center}.social-button.whatsapp span{color:#176b35;opacity:1;font-weight:700}.social-button.facebook{border-color:#b9c9e4}.contact-support{margin:18px 0}.contact-signoff{margin-top:18px;color:#71301e}
.gallery-more-card{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:22px;margin:2px 0 12px;padding:18px 22px;background:#fff8eb;border:1px solid #ead4b7;border-radius:14px;cursor:pointer;box-shadow:0 5px 18px rgba(73,43,15,.07);transition:transform .18s ease,box-shadow .18s ease}.gallery-more-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(73,43,15,.12)}.gallery-more-card>div:last-child{display:flex;flex-direction:column;gap:3px}.gallery-more-card strong{font-size:18px;color:var(--brown2)}.gallery-more-card small{color:#6f6257}.memory-stack{position:relative;width:120px;height:78px;flex:0 0 120px}.memory-stack img{position:absolute;width:88px;height:66px;object-fit:cover;border-radius:8px;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.16)}.memory-stack img:nth-child(1){left:0;top:7px;transform:rotate(-7deg)}.memory-stack img:nth-child(2){left:17px;top:3px;transform:rotate(3deg)}.memory-stack img:nth-child(3){left:34px;top:7px;transform:rotate(9deg)}.memory-stack span{position:absolute;right:-2px;bottom:-2px;background:var(--brown2);color:#fff;border-radius:999px;min-width:34px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-weight:800;border:3px solid #fff}.more-photo.hidden{display:none}.gallery-more-card:focus{outline:3px solid rgba(214,111,27,.28);outline-offset:2px}@media(max-width:800px){.about-hero h2,.contact-hero h2,.gallery-intro h2,.alumni-hero h2{font-size:32px}.about-hero h3,.gallery-intro h3{font-size:20px}.about-grid,.content-two-col{grid-template-columns:1fr}.leader-card{grid-template-columns:1fr}.leader-card img{min-height:300px;max-height:480px;order:-1}.more-than-memories{grid-template-columns:1fr;text-align:center}.more-than-memories blockquote{border-left:0;border-top:1px solid #b98a8a;padding:15px 0 0}.event-facts,.contact-cards{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-more-card{padding:16px}.social-panel{display:block}.social-actions{margin-top:15px}.slideshow-frame{min-height:300px}.slideshow-frame>img{height:56vh;max-height:520px}.slideshow-caption{display:block}.slideshow-caption span{display:block;margin-top:4px}.slideshow-thumbs{gap:6px}.slideshow-thumb{flex-basis:72px;width:72px;height:54px}.gallery-lightbox{padding:45px 45px}.gallery-lightbox img{max-width:95vw;max-height:78vh}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{right:8px;top:8px}}
@media(max-width:520px){.page-shell{padding:0 10px}.page-card{padding:20px}.about-hero p,.gallery-intro p,.alumni-hero p,.contact-hero p{font-size:15px}.leader-copy{padding:20px}.leader-copy h2{font-size:29px}.photo-grid{grid-template-columns:1fr}.gallery-more-card{gap:14px}.memory-stack{transform:scale(.92);transform-origin:left center;margin-right:-8px}.gallery-more-card strong{font-size:16px}.photo-grid img{aspect-ratio:4/3}.social-button{width:100%;justify-content:center}.event-facts div{padding:14px}.teachers-slideshow{padding:9px}.slideshow-frame{min-height:240px}.slideshow-frame>img{height:52vh;max-height:430px}.slideshow-frame button{width:40px;height:40px;font-size:29px;line-height:35px}.slideshow-prev{left:8px}.slideshow-next{right:8px}.slideshow-counter{right:8px;top:8px;font-size:12px}.slideshow-caption strong{font-size:15px}.slideshow-thumb{flex-basis:64px;width:64px;height:48px}.gallery-lightbox{padding:40px 8px}.gallery-lightbox img{max-width:98vw;max-height:75vh}}

.committee-section{margin:18px 0 30px;padding:26px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(73,43,15,.06)}
.committee-heading{text-align:center;margin-bottom:20px}.committee-heading h3{margin:2px 0 3px;color:var(--brown2);font-size:30px}.committee-heading p{margin:0;color:#6f6257}
.featured-leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.featured-leader{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #ead9c2;border-radius:12px;padding:10px 12px;min-height:132px;box-shadow:0 3px 12px rgba(73,43,15,.05)}.featured-leader img{width:112px;height:112px;object-fit:cover;object-position:center;border-radius:8px;flex:0 0 112px}.featured-leader h4{margin:0 0 5px;color:var(--brown2);font-size:20px}.featured-leader p{margin:0;color:#6f6257;font-weight:700}
.committee-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.committee-group{grid-column:span 2;background:#fff8eb;border:1px solid #ead9c2;border-radius:10px;text-align:center;overflow:hidden}.committee-group span{display:block;padding:7px 8px;background:#f4e2c7;color:var(--brown2);font-weight:800;font-size:15px}.committee-group strong{display:block;padding:10px 8px;color:var(--ink);font-size:16px}.committee-group-wide{grid-column:1/-1}.committee-group i{font-style:normal;color:#b8784f;margin:0 8px}.committee-motto{text-align:center;color:var(--brown2);font-size:20px;font-weight:800;margin-top:18px}
@media(max-width:900px){.featured-leaders{grid-template-columns:1fr}.featured-leader{min-height:110px}.committee-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.committee-group{grid-column:span 1}.committee-group-wide{grid-column:1/-1}}
@media(max-width:520px){.committee-section{padding:20px 14px}.committee-heading h3{font-size:25px}.featured-leader img{width:92px;height:92px;flex-basis:92px}.featured-leader h4{font-size:18px}.committee-groups{grid-template-columns:1fr}.committee-group,.committee-group-wide{grid-column:1}.committee-group strong{font-size:15px}.committee-motto{font-size:18px}}
.registration-share{margin-top:14px;padding:13px 10px 4px;border-top:1px solid #cfe4d2;text-align:center}.registration-share>strong{display:block;color:#5b2a10;margin-bottom:4px}.registration-share>span{display:block;color:#5f665f;font-weight:500;font-size:13px;margin-bottom:10px}.registration-share-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.share-action{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:8px;text-decoration:none;font-weight:800;font-size:13px;background:#fff;border:1px solid #d7c4ad;color:#5b2a10}.share-action.whatsapp{border-color:#b7dcbf}.share-action.facebook{border-color:#b9c9e4}@media(max-width:520px){.share-action{width:100%}}

/* v28 alumni community homepage */
.community-hero{position:relative;min-height:540px;overflow:hidden;background:#2c1405}
.community-hero>img{width:100%;height:540px;object-fit:cover;display:block}
.community-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,14,3,.88) 0%,rgba(45,20,5,.62) 43%,rgba(45,20,5,.12) 78%,rgba(45,20,5,.05) 100%)}
.community-hero-overlay{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:45px 8%;color:#fff;max-width:850px}
.hero-badge{display:inline-block;border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:8px 16px;letter-spacing:2px;font-size:12px;font-weight:800;margin-bottom:18px;background:rgba(0,0,0,.15)}
.community-hero h2{font-family:Georgia,serif;font-size:46px;line-height:1;margin:0 0 8px;color:#ffe2a8}
.community-hero h1{font-family:Georgia,serif;font-size:52px;line-height:1.12;margin:0 0 18px;color:#fff}
.community-hero p{font-size:20px;line-height:1.6;max-width:650px;margin:0 0 28px;color:#fff9ef}
.hero-cta{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800;border-radius:30px;padding:14px 24px;box-shadow:0 7px 20px rgba(0,0,0,.22);transition:.2s}
.hero-cta:hover{transform:translateY(-2px);filter:brightness(.96)}
.hero-cta span{font-size:22px}
.community-values{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:-32px auto 0;position:relative;z-index:2;padding:0 18px;gap:1px}
.community-values>div{background:#fffdf8;border:1px solid var(--line);padding:20px;text-align:center;box-shadow:0 5px 18px rgba(73,43,15,.08)}
.community-values>div:first-child{border-radius:12px 0 0 12px}.community-values>div:last-child{border-radius:0 12px 12px 0}
.community-values span{display:block;font-size:28px;margin-bottom:6px}.community-values b{display:block;color:var(--brown2);font-size:18px}.community-values small{display:block;color:#76665b;margin-top:3px}
.welcome-section{display:grid;grid-template-columns:1.35fr .75fr;gap:28px;align-items:stretch;margin-top:42px}
.welcome-copy,.welcome-quote{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 5px 18px rgba(73,43,15,.06)}
.welcome-copy h2,.recent-section h2,.social-home h2,.join-banner h2{color:var(--brown);font-size:34px;line-height:1.2;margin:0 0 12px}
.welcome-copy p{font-size:17px;line-height:1.75;color:#57483e}.welcome-copy .primary{display:inline-block;width:auto}
.welcome-quote{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff7e9,#fffdf8)}
.welcome-quote span{font-family:Georgia,serif;font-size:64px;color:#d9873b;line-height:.6}.welcome-quote p{font-family:Georgia,serif;font-size:27px;line-height:1.45;color:#6d2c12}.welcome-quote small{color:#8b7868}
.recent-section{margin-top:45px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin-bottom:0}.section-heading>a{color:#8a3510;font-weight:800;text-decoration:none}
.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.recent-card{background:#fffdf8;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(73,43,15,.06);display:flex;flex-direction:column}.recent-card img{width:100%;height:190px;object-fit:cover}.recent-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.recent-card-body h3{font-size:22px;color:var(--brown2);margin:6px 0 8px}.recent-card-body p{color:#66584e;line-height:1.6;margin:0 0 14px}.recent-card-body a{color:#8a3510;font-weight:800;text-decoration:none;margin-top:auto}.recent-tag{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#a65a21;font-weight:800}
.social-home{margin-top:42px;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;box-shadow:0 5px 18px rgba(73,43,15,.06)}.social-home p{color:#66584e;line-height:1.65}.social-button{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;padding:11px 18px;border-radius:24px}.social-button.facebook{background:#1877f2}.social-button span{font-weight:500;font-size:12px;opacity:.9}
.social-scroll{overflow:hidden;border-radius:12px;background:#f8f1e8;border:1px solid #ead8c0;padding:16px 0;white-space:nowrap}.social-scroll-track{display:inline-flex;gap:14px;min-width:max-content;animation:socialTicker 28s linear infinite}.social-scroll:hover .social-scroll-track{animation-play-state:paused}.social-scroll-track div{background:#fff;border:1px solid #ead8c0;border-radius:25px;padding:11px 18px;color:#63321d;font-weight:700}@keyframes socialTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.join-banner{margin:48px 0 0;padding:40px 8%;background:linear-gradient(120deg,#6f290f,#a65a21);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.join-banner .eyebrow{color:#ffe0a9}.join-banner h2{color:#fff;margin-bottom:8px}.join-banner p{max-width:720px;margin:0;line-height:1.7;color:#fff5e9}.light-button{background:#fff!important;color:#7b2d12!important;margin:0;white-space:nowrap}
.alumni-register-hero{background:linear-gradient(135deg,#fffdf8,#fff2dd)}.alumni-register-hero h2{font-size:40px}.alumni-register-hero>p{font-size:18px;line-height:1.75;max-width:850px}.register-note{margin-top:18px;padding:15px 18px;border-radius:10px;background:#fff7e8;border:1px solid #efd5a8;display:flex;flex-direction:column;gap:5px}.register-note strong{color:#7b3211}.register-note span{color:#66584e}
@media(max-width:800px){
  .community-hero,.community-hero>img{min-height:500px;height:500px}.community-hero:after{background:linear-gradient(transparent 15%,rgba(44,20,5,.88) 68%,rgba(44,20,5,.95) 100%)}.community-hero-overlay{padding:28px 6%;justify-content:flex-end;padding-bottom:44px}.community-hero h2{font-size:34px}.community-hero h1{font-size:34px}.community-hero p{font-size:16px}.community-values{grid-template-columns:repeat(4,180px);overflow-x:auto;margin-top:-18px}.community-values>div:first-child,.community-values>div:last-child{border-radius:0}.welcome-section,.social-home{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr}.recent-card img{height:220px}.section-heading{align-items:flex-start}.join-banner{flex-direction:column;align-items:flex-start;padding:32px 6%}.light-button{width:auto!important}.alumni-register-hero h2{font-size:32px}
}
@media(max-width:520px){
  .community-hero,.community-hero>img{height:470px;min-height:470px}.community-hero h2{font-size:28px}.community-hero h1{font-size:28px}.community-hero p{font-size:14px}.hero-badge{font-size:10px}.hero-cta{width:100%;justify-content:center}.welcome-copy,.welcome-quote,.social-home{padding:22px}.welcome-copy h2,.recent-section h2,.social-home h2{font-size:27px}.welcome-quote p{font-size:22px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:6px}
}

/* V28.3 alumni-community homepage */
.community-hero{position:relative;height:clamp(460px,44vw,590px);min-height:460px;overflow:hidden;background:#321a0b}
.community-hero .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:0}
.community-hero .hero-slide.active{opacity:1}
.community-hero .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.community-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,13,3,.74),rgba(36,15,4,.38) 48%,rgba(36,15,4,.12));z-index:1;pointer-events:none}
.community-hero-overlay{z-index:2}
.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font-size:36px;line-height:35px;cursor:pointer}
.hero-arrow:hover{background:rgba(0,0,0,.55)}.hero-prev{left:22px}.hero-next{right:22px}
.hero-dots{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots button{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}.hero-dots button.active{background:#fff;transform:scale(1.25)}
.community-mantra{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px;background:#fff9ed;border-bottom:1px solid #ecdcc6;color:var(--brown);font-weight:800;font-size:17px}.community-mantra i{font-style:normal;color:var(--orange)}
.memories-home{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;margin-top:42px}.memories-image{overflow:hidden;border-radius:14px;box-shadow:0 8px 24px rgba(73,43,15,.12)}.memories-image img{display:block;width:100%;height:330px;object-fit:cover}.memories-copy{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:30px}.memories-copy h2{color:var(--brown);font-size:34px;margin:0 0 10px}.memories-copy p{font-size:18px}.memories-copy .primary{display:inline-block;width:auto;margin-top:8px}
.social-home{display:block;margin-top:42px}.social-home-heading{text-align:center;max-width:720px;margin:0 auto 22px}.social-home-heading h2{color:var(--brown);font-size:34px;margin:0 0 8px}.social-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.social-connect-card{display:flex;align-items:center;gap:15px;padding:20px 22px;border-radius:14px;text-decoration:none;background:#fffdf8;border:1px solid var(--line);box-shadow:0 5px 18px rgba(73,43,15,.06);color:var(--ink)}.social-connect-card .social-connect-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#eee;color:#fff;font-size:30px;font-weight:900}.social-connect-card.facebook .social-connect-icon{background:#1877f2}.social-connect-card.whatsapp .social-connect-icon{background:#25d366}.social-connect-card span:nth-child(2){flex:1}.social-connect-card b{display:block;font-size:20px;color:var(--brown)}.social-connect-card small{display:block;color:#666;margin-top:2px}.social-connect-card>strong{color:var(--orange)}.social-connect-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(73,43,15,.1)}
.about-short h2{font-size:42px;margin:0 0 12px;color:var(--brown)}.about-short h3{font-size:25px;color:var(--brown2);margin:24px 0 7px}.about-short p{max-width:900px;font-size:17px}.committee-simple{margin-top:25px}.committee-simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.committee-simple-grid>div{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:15px 17px}.committee-simple-grid>div.wide{grid-column:1/-1}.committee-simple-grid span{display:block;color:#8a3510;font-size:13px;font-weight:800;margin-bottom:4px}.committee-simple-grid strong{display:inline-block;margin-right:15px;font-size:16px}.committee-simple-grid strong+strong:before{content:'•';margin-right:15px;color:#c98b54}
@media(max-width:800px){.hero-arrow{display:none}.community-mantra{font-size:14px;gap:10px}.memories-home{grid-template-columns:1fr}.memories-image img{height:250px}.memories-copy{padding:22px}.social-connect-grid{grid-template-columns:1fr}.committee-simple-grid{grid-template-columns:1fr}.committee-simple-grid>div.wide{grid-column:auto}.about-short h2{font-size:34px}}


/* V29 UX refinement — preserve the existing visual identity while strengthening hierarchy and conversion. */
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 19px;border:1px solid rgba(255,255,255,.7);border-radius:30px;color:#fff;text-decoration:none;font-weight:800;background:rgba(0,0,0,.16);backdrop-filter:blur(3px)}.hero-secondary:hover{background:rgba(0,0,0,.3)}
.nav a.nav-primary{background:var(--orange);color:#fff;font-weight:800}.nav a.nav-primary:hover{filter:brightness(.96)}
.community-snapshot{margin-top:44px;padding:30px;border-radius:16px;background:linear-gradient(135deg,#fffdf8,#fff1dc);border:1px solid #ead5b8;box-shadow:0 6px 20px rgba(73,43,15,.06);display:grid;grid-template-columns:.9fr 1.3fr;gap:30px;align-items:center}.snapshot-intro h2{font-size:34px;line-height:1.2;color:var(--brown);margin:0 0 10px}.snapshot-intro p{color:#62544a;line-height:1.7;margin:0}.snapshot-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.snapshot-cards article{background:#fff;border:1px solid #eadcc9;border-radius:12px;padding:18px;min-height:145px}.snapshot-cards span{display:block;font-size:12px;font-weight:900;color:var(--orange);letter-spacing:1px;margin-bottom:18px}.snapshot-cards b{display:block;color:var(--brown2);font-size:20px;margin-bottom:4px}.snapshot-cards small{display:block;color:#6d6259;line-height:1.5}
.alumni-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.text-button{color:var(--brown2);font-weight:800;text-decoration:none}.alumni-community-intro{margin:18px 0}.alumni-community-intro .page-card{background:#fff8ed}.alumni-community-intro h3{font-size:27px;color:var(--brown);margin:0 0 8px}.alumni-community-intro p{font-size:17px;line-height:1.7;max-width:900px}.alumni-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.alumni-pill-row span{background:#fff;border:1px solid #ead8bd;border-radius:999px;padding:8px 13px;color:#6c3a20;font-weight:700;font-size:13px}.alumni-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.story-placeholder{background:#fffdf8;border:1px dashed #d7b98f;border-radius:14px;padding:22px;display:flex;gap:16px;min-height:190px}.story-number{font-size:12px;font-weight:900;color:var(--orange);letter-spacing:1px}.story-placeholder h3{margin:0 0 8px;color:var(--brown2);font-size:21px}.story-placeholder p{margin:0;color:#66584e;line-height:1.6}.alumni-callout h3{font-size:27px;color:var(--brown);margin:0 0 8px}.alumni-callout p{max-width:760px;margin:0 auto 6px}.alumni-callout .story-submit-note{margin-top:12px;font-size:15px;color:#6b5b4e}.story-submit-note a{color:var(--brown2);font-weight:800;text-decoration:underline;text-underline-offset:2px}.alumni-callout .inline-button{margin-top:14px}
.gallery-event-index{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 26px}.gallery-event-index a{display:flex;align-items:center;gap:15px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:17px 18px;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(73,43,15,.05)}.gallery-event-index a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(73,43,15,.09)}.gallery-event-index a>span{font-size:12px;font-weight:900;color:var(--orange)}.gallery-event-index a>div{flex:1}.gallery-event-index b{display:block;color:var(--brown2);font-size:17px}.gallery-event-index small{display:block;color:#76695e;margin-top:3px}.gallery-event-index strong{color:var(--orange);white-space:nowrap}
.contact-closing{margin:24px 0 18px;padding:38px 30px;border-radius:16px;background:linear-gradient(120deg,#6f290f,#a65a21);color:#fff;text-align:center}.contact-closing .eyebrow{color:#ffe0a9}.contact-closing h2{font-size:34px;margin:0 0 8px;color:#fff}.contact-closing p{max-width:760px;margin:0 auto;color:#fff5e9;line-height:1.7}.contact-closing .inline-button{margin-top:18px}
.form-section-heading{display:flex;gap:12px;align-items:flex-start;margin:20px 0 12px;padding:13px 14px;border-radius:10px;background:#fff7e8;border:1px solid #efd8b5}.form-section-heading>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brown2);color:#fff;font-size:12px;font-weight:900;flex:0 0 30px}.form-section-heading b{display:block;color:var(--brown2);font-size:16px}.form-section-heading small{display:block;color:#75675c;margin-top:2px}.privacy-note{margin:12px 0;padding:11px 13px;border-radius:8px;background:#f4f8ef;border:1px solid #d7e5c8;color:#536047;font-size:13px;line-height:1.55}.privacy-note strong{color:#42552d}
.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.footer-inner strong,.footer-inner span{display:block}.footer-inner strong{font-size:17px}.footer-inner span{margin-top:4px;opacity:.78}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.9;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-bottom{max-width:1120px;margin:18px auto 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;opacity:.8}.footer-bottom span{margin:0 5px}
.mobile-join-cta{display:none}
@media(max-width:900px){.community-snapshot{grid-template-columns:1fr}.alumni-story-grid{grid-template-columns:1fr}.snapshot-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.hero-actions{width:100%}.hero-secondary{justify-content:center}.community-snapshot{margin-top:30px;padding:22px}.snapshot-cards{grid-template-columns:1fr}.gallery-event-index{grid-template-columns:1fr}.footer-inner{display:block;text-align:center}.footer-links{justify-content:center;margin-top:14px}.footer-bottom{text-align:center}.mobile-join-cta{position:fixed;display:flex;align-items:center;gap:9px;left:12px;right:12px;bottom:12px;z-index:900;padding:12px 15px;border-radius:14px;background:var(--brown);color:#fff;text-decoration:none;box-shadow:0 8px 26px rgba(42,20,7,.28);font-weight:800}.mobile-join-cta span:nth-child(2){flex:1}.mobile-join-cta b{font-size:20px}.page-shell{margin-top:22px}.contact-closing{padding:30px 20px}.contact-closing h2{font-size:28px}}
@media(max-width:520px){.hero-actions{gap:8px}.hero-secondary{width:100%;justify-content:center;padding:11px 16px}.community-snapshot h2,.snapshot-intro h2{font-size:27px}.alumni-hero-actions .primary{width:100%;text-align:center}.story-placeholder{padding:18px}.form-section-heading{margin-top:16px}.mobile-join-cta{bottom:9px}}