/* ZEYA E ASDAQUE FOUNDATION — Classic Institutional Premium UI */
:root{
  --pi-emerald:#063f32;--pi-emerald-2:#0a5a46;--pi-emerald-3:#082d26;
  --pi-ivory:#fbf8f0;--pi-paper:#fffdf8;--pi-gold:#c6a15b;--pi-gold-soft:#e4cf9b;
  --pi-ink:#17241f;--pi-muted:#68736d;--pi-line:rgba(6,63,50,.12);
  --pi-shadow:0 22px 70px rgba(4,38,30,.12);--pi-radius:22px;
}
html{scroll-padding-top:96px}
body{font-family:"DM Sans",system-ui,sans-serif!important;background:var(--pi-ivory)!important;color:var(--pi-ink)!important;letter-spacing:.005em}
h1,h2,h3,h4,.welcome-script,.page-heading h1,.inner-hero h1{font-family:"Playfair Display",Georgia,serif!important;letter-spacing:-.025em}
.topbar{background:var(--pi-emerald-3)!important;border-bottom:1px solid rgba(228,207,155,.22)!important}
.top-inner{max-width:1440px;margin:auto}
.site-header{height:94px!important;min-height:94px!important;background:rgba(255,253,248,.96)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--pi-line)!important;box-shadow:0 8px 30px rgba(5,49,39,.07)!important;padding:0 clamp(18px,4vw,64px)!important}
.site-header .brand{min-width:300px!important;gap:12px!important}.site-header .brand img{width:66px!important;height:66px!important;top:0!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important}.site-header .brand strong{font-size:16px!important;color:var(--pi-emerald)!important;letter-spacing:.035em}.site-header .brand small{color:#9a7940!important;font-size:10px!important;letter-spacing:.04em}
.site-header nav{gap:4px!important}.site-header nav a{font-size:11px!important;letter-spacing:.035em;text-transform:uppercase;padding:12px 10px!important;border:0!important;border-radius:10px!important;color:#30463e!important;transition:.25s ease}.site-header nav a:hover,.site-header nav a.active{background:#f0e5c9!important;color:var(--pi-emerald)!important}
.donate-btn{background:var(--pi-emerald)!important;border-radius:999px!important;padding:12px 17px!important;box-shadow:0 8px 22px rgba(6,63,50,.18)}
.menu-toggle{border:1px solid var(--pi-line)!important;background:var(--pi-paper)!important;border-radius:12px!important}
.hero{min-height:620px!important;height:min(78vh,720px)!important;max-height:720px!important;padding:0 clamp(24px,8vw,130px)!important;background:var(--pi-emerald-3)!important}
.hero-bg{background-position:center!important;filter:saturate(.92) contrast(1.02)!important}.hero-overlay{background:linear-gradient(90deg,rgba(4,39,31,.97) 0%,rgba(4,54,42,.88) 45%,rgba(4,54,42,.40) 78%,rgba(4,54,42,.08) 100%)!important}
.hero-content{max-width:850px!important}.welcome-script{font-size:28px!important;color:var(--pi-gold-soft)!important}.hero h1{font-size:clamp(46px,6vw,82px)!important;font-weight:700!important}.hero h3{color:#e6c980!important;font-family:"DM Sans",sans-serif!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;font-size:13px!important}.hero-rule{width:120px!important;height:1px!important;background:var(--pi-gold)!important}.hero p{font-size:17px!important;color:#eef4f0!important;max-width:680px}.primary-btn,.outline-btn{border-radius:999px!important;padding:14px 21px!important}.primary-btn{background:#d4b36b!important;color:#17392f!important}.outline-btn{border-color:rgba(255,255,255,.55)!important}
section{scroll-margin-top:100px}.home-wings,.gallery,.youtube-section,.about-section,.events-section,.news-section,.contact,.support,.sponsors-section,.results-section,.members-section,.departments{background:var(--pi-paper)!important}.home-wings,.gallery,.youtube-section,.about-section,.events-section,.news-section,.contact,.support,.sponsors-section,.results-section,.members-section,.departments{padding-top:92px!important;padding-bottom:92px!important}
.section-kicker,.section-page .eyebrow,.inner-hero .eyebrow{font-family:"DM Sans",sans-serif!important;color:#9a7940!important;letter-spacing:.18em!important;font-weight:800!important;font-size:10px!important;text-transform:uppercase}
.home-wings h2,.gallery h2,.youtube-section h2,.about-section h2,.events-section h2,.news-section h2,.contact h2,.support h2,.sponsors-section h2,.results-section h2,.members-section h2{font-size:clamp(34px,4vw,52px)!important;color:var(--pi-emerald)!important}.home-wings h2 span,.gallery h2 span,.youtube-section h2 span{color:#a27d3e!important}
.home-wings-intro,.section-intro{max-width:720px!important;color:var(--pi-muted)!important}
.home-wings-grid{gap:22px!important}.home-wing-card{background:linear-gradient(145deg,#fff,#f7f2e7)!important;border:1px solid rgba(198,161,91,.25)!important;border-radius:22px!important;box-shadow:var(--pi-shadow)!important;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.home-wing-card:hover{transform:translateY(-8px)!important;box-shadow:0 30px 80px rgba(4,50,39,.16)!important}.home-wing-visual{background:#f3eee3!important}.home-wing-body h3{font-family:"Playfair Display",serif!important;color:var(--pi-emerald)!important}
.gallery{background:#f3f0e8!important}.gallery-slider{max-width:1160px!important}.gallery-viewport{border-radius:26px!important;background:linear-gradient(145deg,#0b342b,#153f35)!important;box-shadow:var(--pi-shadow)!important;border:1px solid rgba(198,161,91,.35)!important}.gallery-slide{height:min(61vw,660px)!important;min-height:360px!important;background:linear-gradient(145deg,#0b342b,#153f35)!important}.gallery-slide img{object-fit:contain!important;object-position:center!important;padding:18px!important;background:linear-gradient(145deg,#0a3028,#123d33)!important;transform:none!important}.gallery-slide:after{background:linear-gradient(transparent 58%,rgba(3,25,20,.78))!important}.gallery-slide figcaption{left:32px!important;right:32px!important;bottom:28px!important}.gallery-nav{background:rgba(4,47,37,.86)!important;border:1px solid rgba(228,207,155,.5)!important;backdrop-filter:blur(8px)}
.gallery-page-slider .gallery-slide{height:min(64vw,720px)!important}.gallery-page-slider .gallery-slide img{padding:22px!important}
.inner-hero{padding:90px clamp(24px,8vw,120px)!important;background:radial-gradient(circle at 80% 20%,rgba(198,161,91,.16),transparent 32%),linear-gradient(135deg,#062f27,#0a5a46)!important}.inner-hero h1{font-size:clamp(42px,6vw,68px)!important}.inner-hero h1 span{color:#e4c989!important}
.page-heading{max-width:900px!important}.page-heading h1{font-size:clamp(42px,6vw,68px)!important;color:var(--pi-emerald)!important}
footer{background:var(--pi-emerald-3)!important;border-top:1px solid rgba(228,207,155,.35)!important}.footer-logo{border-radius:14px!important}
/* Instagram live preview */
.instagram-section{background:var(--pi-paper);padding:96px clamp(22px,8vw,120px);position:relative;overflow:hidden}.instagram-shell{max-width:1160px;margin:0 auto}.instagram-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.instagram-heading h2{margin:6px 0 0;color:var(--pi-emerald);font-size:clamp(34px,4vw,52px)}.instagram-heading h2 span{color:#a27d3e}.instagram-profile{display:flex;align-items:center;gap:14px;margin-bottom:22px}.instagram-avatar{width:58px;height:58px;border-radius:18px;object-fit:cover;border:1px solid var(--pi-gold-soft);box-shadow:0 8px 20px rgba(0,0,0,.08)}.instagram-handle{font-weight:800;color:var(--pi-emerald)}.instagram-handle small{display:block;color:var(--pi-muted);font-weight:500;margin-top:2px}.instagram-follow{margin-left:auto;border:1px solid rgba(6,63,50,.18);color:var(--pi-emerald);border-radius:999px;padding:10px 16px;font-weight:800;background:#fff}.instagram-widget-card{min-height:300px;border:1px solid rgba(198,161,91,.25);border-radius:26px;background:linear-gradient(145deg,#fff,#f6f0e3);box-shadow:var(--pi-shadow);padding:22px;overflow:hidden}.instagram-live-note{display:flex;align-items:center;justify-content:center;min-height:250px;text-align:center;color:var(--pi-muted);padding:28px}.instagram-live-note strong{display:block;color:var(--pi-emerald);font-family:"Playfair Display",serif;font-size:24px;margin-bottom:8px}.instagram-live-note a{display:inline-flex;margin-top:14px;border-radius:999px;background:var(--pi-emerald);color:#fff;padding:11px 18px;font-weight:800}.instagram-feed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.instagram-feed-grid a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#e9e2d3}.instagram-feed-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.instagram-feed-grid a:hover img{transform:scale(1.05)}
/* Lightbox */
.pi-lightbox{position:fixed;inset:0;background:rgba(3,18,14,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:32px}.pi-lightbox.open{display:flex}.pi-lightbox img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.pi-lightbox button{position:absolute;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;cursor:pointer}.pi-lightbox-close{right:24px;top:24px}.pi-lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.pi-lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.pi-lightbox-caption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;text-align:center;font-size:13px;max-width:80vw}
/* subtle reveal */
.hero-content,.home-wing-card,.instagram-widget-card{animation:piFadeUp .8s both}.home-wing-card:nth-child(2){animation-delay:.06s}.home-wing-card:nth-child(3){animation-delay:.12s}.home-wing-card:nth-child(4){animation-delay:.18s}.home-wing-card:nth-child(5){animation-delay:.24s}@keyframes piFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.site-header .brand{min-width:250px!important}.site-header nav{gap:1px!important}.site-header nav a{font-size:10px!important;padding:10px 7px!important}.header-actions{display:none!important}}
@media(max-width:850px){.site-header{height:74px!important;min-height:74px!important}.site-header .brand img{width:52px!important;height:52px!important}.site-header .brand strong{font-size:12px!important}.site-header .brand small{display:none!important}.site-header.nav-open nav{top:74px!important;background:#fffdf8!important;border:1px solid var(--pi-line)!important}.hero{height:620px!important;min-height:620px!important;padding:0 7vw!important}.hero h1{font-size:clamp(40px,10vw,60px)!important}.gallery-slide,.gallery-page-slider .gallery-slide{height:76vw!important;min-height:320px!important}.gallery-slide img,.gallery-page-slider .gallery-slide img{padding:12px!important}.instagram-heading{display:block}.instagram-follow{display:inline-flex;margin-top:14px}.instagram-feed-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top-inner{min-height:40px}.hero{height:610px!important;min-height:610px!important}.hero p{font-size:15px!important}.home-wings,.gallery,.youtube-section,.about-section,.events-section,.news-section,.contact,.support,.sponsors-section,.results-section,.members-section,.departments,.instagram-section{padding-top:66px!important;padding-bottom:66px!important}.gallery-slide,.gallery-page-slider .gallery-slide{height:82vw!important;min-height:300px!important}.gallery-slide figcaption{left:18px!important;right:18px!important;bottom:18px!important}.gallery-slide figcaption strong{font-size:20px!important}.pi-lightbox{padding:12px}.pi-lightbox-prev{left:10px}.pi-lightbox-next{right:10px}.pi-lightbox-close{right:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.hero-content,.home-wing-card,.instagram-widget-card{animation:none!important}}
.social-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1160px;margin:30px auto 0}.social-page-card{display:block;padding:26px;border:1px solid rgba(198,161,91,.25);border-radius:20px;background:linear-gradient(145deg,#fff,#f6f0e3);text-decoration:none;box-shadow:var(--pi-shadow);transition:.3s}.social-page-card:hover{transform:translateY(-6px);border-color:rgba(198,161,91,.55)}.social-page-card h2{font-family:"Playfair Display",serif!important;color:var(--pi-emerald)!important;font-size:28px!important;margin:0 0 8px}.social-page-card p{color:var(--pi-muted);margin:0}@media(max-width:850px){.social-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.social-page-grid{grid-template-columns:1fr}}


/* V6.1 — Premium social duo, centered gallery, live gradient hero, foundation branding */
#main-content{display:block!important}
.gallery{width:100%!important;box-sizing:border-box!important;text-align:center!important;background:linear-gradient(180deg,#fbfaf5 0%,#f5f1e7 100%)!important;border-right:0!important}
.gallery > *{margin-left:auto!important;margin-right:auto!important}
.gallery .gallery-slider{max-width:1120px!important}
.gallery .gallery-viewport{background:#102e25!important;border:1px solid rgba(198,161,91,.35)!important;box-shadow:0 24px 65px rgba(0,35,26,.16)!important}
.gallery-slide{height:min(60vw,640px)!important;min-height:340px!important;background:#102e25!important;display:flex!important;align-items:center!important;justify-content:center!important}
.gallery-slide img{width:100%!important;height:100%!important;object-fit:contain!important;padding:18px!important;box-sizing:border-box!important}
.gallery-slide:after{display:none!important}
.gallery-slide figcaption{display:flex!important;left:34px!important;right:34px!important;bottom:28px!important;text-align:left!important}
.gallery h2{font-family:'Playfair Display',serif!important;font-size:clamp(34px,4vw,52px)!important}
.social-media-duo{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;align-items:stretch!important}
.social-media-duo > .instagram-section,.social-media-duo > .youtube-section{min-width:0!important;padding:78px clamp(22px,5vw,72px)!important;box-sizing:border-box!important}
.social-media-duo > .instagram-section{background:#fbfaf5!important;border-right:1px solid rgba(0,63,48,.09)!important}
.social-media-duo > .youtube-section{background:#fff!important}
.social-media-duo .instagram-shell{max-width:760px!important}
.social-media-duo .youtube-section{max-width:none!important}
.social-media-duo .youtube-video-wrap{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.social-media-duo .youtube-frame{border-radius:22px!important}
.social-media-duo .instagram-widget-card{min-height:420px!important;border-radius:26px!important;background:#fff!important;display:flex!important;align-items:stretch!important;box-shadow:0 20px 55px rgba(0,50,38,.10)!important;padding:0!important}
.instagram-live-shell{width:100%;min-height:420px;position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(198,161,91,.16),transparent 34%),linear-gradient(145deg,#fffdf8,#f2ede1)}
.instagram-live-badge{position:absolute;top:18px;left:18px;z-index:2;border:1px solid rgba(198,161,91,.4);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:7px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#063f32}
.instagram-live-placeholder{min-height:420px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 30px;box-sizing:border-box}
.instagram-live-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;font-size:38px;color:#fff;background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045);box-shadow:0 15px 35px rgba(131,58,180,.18);margin-bottom:18px}
.instagram-live-placeholder strong{font-family:'Playfair Display',serif;font-size:27px;color:#063f32;margin-bottom:8px}
.instagram-live-placeholder span{max-width:440px;color:#6e7c75;font-size:13px;line-height:1.65}
.instagram-live-placeholder a{margin-top:18px;border-radius:999px;background:#063f32;color:#fff;padding:11px 18px;font-size:12px;font-weight:900;text-decoration:none}
.instagram-provider-live{width:100%;min-height:420px;display:flex;align-items:stretch;justify-content:center;overflow:auto}
/* Slow moving premium colour-gradient atmosphere on the homepage hero */
.hero{background:#063f32!important;isolation:isolate!important}
.hero:before{content:"";position:absolute;inset:-25%;z-index:0;background:linear-gradient(115deg,rgba(0,63,50,.92),rgba(116,85,30,.42),rgba(20,93,74,.78),rgba(198,161,91,.28),rgba(0,63,50,.92));background-size:300% 300%;animation:zeSlowGradient 24s ease-in-out infinite;mix-blend-mode:screen;opacity:.72;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,rgba(2,31,25,.76),rgba(2,31,25,.28) 60%,rgba(2,31,25,.62));pointer-events:none}
.hero-bg,.hero-overlay,.gold-curve{z-index:2!important}
.hero-content{z-index:5!important}
@keyframes zeSlowGradient{0%,100%{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.04)}}
.home-wing-card.banate-wing-card .banate-no-logo{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#063f32,#a27d3e)!important;color:#fff!important}
.banate-no-logo span{font-size:42px;opacity:.9}
.wing-identity-no-logo{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#063f32,#a27d3e)!important;color:#fff!important}
.wing-identity-no-logo span{font-size:56px;opacity:.9}
.footer-logo{object-fit:contain!important;background:#fff!important;padding:5px!important;border-radius:12px!important}
@media(max-width:850px){.social-media-duo{grid-template-columns:1fr!important}.social-media-duo > .instagram-section{border-right:0!important;border-bottom:1px solid rgba(0,63,48,.09)!important}.gallery-slide{height:78vw!important;min-height:310px!important}.instagram-live-shell,.instagram-live-placeholder,.instagram-widget-card{min-height:360px!important}.social-media-duo > .instagram-section,.social-media-duo > .youtube-section{padding:68px 7vw!important}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none!important}.hero:after{transition:none!important}}


/* Final institutional result gallery */
.result-feature{background:linear-gradient(145deg,#fffdf8,#f4efe2)!important;padding:76px clamp(18px,6vw,90px)!important;border-top:1px solid rgba(198,161,91,.18)!important;border-bottom:1px solid rgba(198,161,91,.18)!important}
.result-feature-inner{max-width:1180px;margin:0 auto;text-align:center}
.result-feature h2{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(30px,4vw,50px)!important;color:var(--pi-emerald)!important;margin:8px 0 10px!important}
.result-feature h2 span{color:#a27d3e!important}
.result-feature-sub{max-width:760px;margin:0 auto 26px;color:var(--pi-muted)}
.result-carousel{position:relative;max-width:980px;margin:0 auto;border:1px solid rgba(198,161,91,.34);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(4,50,39,.12);padding:14px;overflow:hidden}
.result-carousel-viewport{overflow:hidden;border-radius:16px;background:#fbfaf5}
.result-carousel-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.result-carousel-slide{min-width:100%;margin:0;display:flex;align-items:center;justify-content:center;background:#fbfaf5}
.result-carousel-slide img{display:block;width:100%;height:min(70vh,720px);object-fit:contain;background:#fff}
.result-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(198,161,91,.35);background:rgba(255,255,255,.94);color:var(--pi-emerald);font-size:30px;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.12);cursor:pointer}
.result-carousel-btn:hover{background:#f0e5c9}
.result-carousel-prev{left:26px}.result-carousel-next{right:26px}
.result-carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.result-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d7d1c2;cursor:pointer}.result-carousel-dots button.active{width:24px;border-radius:999px;background:#a27d3e}
.result-carousel-caption{font-size:11px;color:#8d7b5b;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin-top:12px}
@media(max-width:700px){.result-feature{padding:52px 14px!important}.result-carousel{padding:7px;border-radius:18px}.result-carousel-slide img{height:72vh}.result-carousel-btn{width:38px;height:38px;font-size:25px}.result-carousel-prev{left:12px}.result-carousel-next{right:12px}}