/* Reference alignment: format.ashwamedhgurukul.org, reviewed September 2026. */
:root{--cream:#fffadf;--header-bg:#fff7c2;--maroon:#550000;--maxw:1200px}
body{background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
h1,h2,h3{font-family:inherit}
body[data-page="home"] .hero-banner{padding:0 10px;background:var(--cream)}
.hero-banner img{border-radius:20px}
.header-row{max-width:none;padding:14px 24px;min-height:110px}
.brand img{height:90px;width:auto}
.nav-list>li>a{border-radius:22px;font-size:14px}
.btn{border-radius:24px}
.founder-section-title{background:none;color:var(--maroon);font-size:30px;line-height:1.3;margin:32px auto 26px;padding:0 12px;box-shadow:none}
.founders{gap:22px}
.founder-card{background:transparent;box-shadow:none;padding:0;border:0}
.founder-card img{border:5px solid var(--maroon);border-radius:20px;width:100%;aspect-ratio:1;object-fit:cover}
.founder-card .name{font-size:17px;margin-top:10px}
.founder-card .role{font-size:16px}
.meet-link{margin:20px auto 35px}
.gurukul-location-section .wrap{max-width:none;padding:0 10px}
.gurukul-location-section .section-title h2{font-size:40px}
.map-frame{border:2px solid #666;border-radius:0;box-shadow:none;height:300px}
.map-frame iframe{height:100%;width:100%}
.contribute-area{background:#fffb8a}
.contribute-banner img{box-shadow:none;border-radius:24px}
.ribbon-title-full{padding:12px 10px}
.ribbon-title-full h2{font:600 48px/1.3 Verdana,sans-serif}
.edu-group-title{font-size:28px}
.edu-group-title span{font-size:16px}
.gallery-box{background:transparent}
.edu-group:first-child .gallery-box,.edu-group:last-child .gallery-box{border:0;box-shadow:none;padding:0}
.gurukul-pillars{max-width:1140px;gap:24px;padding:20px 0}
.pillar-image,.item-large .pillar-image,.item-small .pillar-image{width:250px;height:250px;max-width:100%}
.topics-box{padding:14px 55px 12px;border-radius:15px}
.topics-title{font:600 32px/1.3 Verdana,sans-serif;margin-bottom:20px}
#topicSlider .topic-track-wrap{width:100%;max-width:1140px}
#formSlider .topic-track-wrap{width:100%;max-width:1040px}
#formSlider{padding:0 42px;display:block}
#formTrack .form-card{min-width:0}
#formTrack img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#formTrack .label{font-size:20px;min-height:30px}
.coming-soon-box{max-width:none;border-radius:16px}
body[data-page="home"] main>section:has(.coming-soon-box)>.wrap{max-width:none;padding:0 10px}
.coming-soon-box>.ribbon-title{font:600 30px/1.3 Verdana,sans-serif;border-radius:30px;padding:5px 14px;max-width:1140px;margin:0 auto 28px}
.biz-banner{max-width:none;padding:20px 10px}
.biz-banner img{border-radius:24px}
.footer-grid{max-width:none;padding:0 26px}
.footer-grid h4{font:600 35px/1.3 Georgia,serif}
.footer-grid .btn{color:#fff}
footer{padding-bottom:0}
/* One sizing/transition model replaces conflicting legacy slider declarations. */
.ag-carousel{position:relative;min-width:0}
.ag-viewport{overflow:hidden;touch-action:pan-y;width:100%;min-width:0}
.ag-track{display:flex!important;position:relative!important;align-items:center;width:100%;height:auto;overflow:visible!important;will-change:transform;border-radius:0}
.ag-track>*{position:relative!important;inset:auto!important;opacity:1!important;min-width:0;max-width:none;transition:none;flex-shrink:0}
.ag-track>.fade-slide{height:auto}
.ag-track>.fade-slide img{height:auto;width:100%;object-fit:contain}
.fade-slides-wrap{aspect-ratio:auto;background:transparent}
#mahaTrack>img{height:auto;aspect-ratio:1;object-fit:contain}
.ag-carousel .topic-arrow,.ag-carousel .card-arrow,.ag-carousel .ag-arrow{display:block!important;position:absolute;top:45%;transform:translateY(-50%);border:0;background:transparent;color:var(--maroon);font-size:44px;line-height:1;padding:0;width:32px;height:44px;cursor:pointer;z-index:2}
.ag-carousel .prev{left:0}.ag-carousel .next{right:0}
#topicSlider .prev{left:-40px}#topicSlider .next{right:-40px}
.fade-slider .ag-arrow.prev{left:-32px}.fade-slider .ag-arrow.next{right:-32px}
.ag-dot{display:block;width:7px;height:7px;flex:0 0 7px;border:0;border-radius:50%;padding:0;background:#cfc19c;cursor:pointer;position:relative}
.ag-dot::before{content:"";position:absolute;inset:-6px}
.ag-dot.active{background:#550000}
.ag-pause{display:block;margin:8px auto 0;border:0;border-radius:12px;padding:3px 10px;background:transparent;color:#550000;font:11px/1.3 inherit;cursor:pointer}
.ag-pause:hover{background:#550000;color:#fff}
.ag-reveal{opacity:0}
.ag-reveal.ag-revealed{animation:ag-zoom-in 1.25s both;animation-delay:var(--reveal-delay,0ms)}
@keyframes ag-zoom-in{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1;transform:none}}
:focus-visible{outline:3px solid #c98b23;outline-offset:4px}
@media(min-width:901px){.lang-widget{position:absolute;right:24px;top:3px}.main-nav{padding-top:18px}}
@media(max-width:1024px){.ribbon-title-full h2{font-size:36px}.pillar-image,.item-large .pillar-image,.item-small .pillar-image{width:180px;height:180px}}
@media(max-width:767px){
.header-row{min-height:132px;padding:35px 12px 15px;gap:12px;flex-wrap:nowrap}
.brand img{height:auto;width:240px;max-width:70vw}
.lang-widget{position:absolute;right:12px;top:7px;width:auto!important;display:flex!important;gap:6px}
.lang-label{display:inline!important;font-size:12px}.hamburger{margin-left:auto}
.hero-banner img{border-radius:24px}.hero-banner{padding:0 8px!important}
.founder-section-title{font-size:19px;line-height:1.4;background:var(--maroon);color:#fff;border-radius:24px;padding:2px 4px;margin:12px 8px}
.founders{padding:0 8px;gap:8px}.founder-card img{border-width:1px;border-radius:12px}
.founder-card .name,.founder-card .role{font-size:12px;line-height:1.4}
.meet-link{margin:16px auto 30px}.gurukul-location-section .section-title h2{font-size:26px}
.map-frame{height:230px}.ribbon-title-full{padding:8px 10px}.ribbon-title-full h2{font-size:22px}
.edu-group-title{font-size:18px}.edu-group-title span{font-size:13px}
.gurukul-pillars{max-width:390px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 4px}
.item-large{grid-column:span 2}.item-small{grid-column:span 1}
.pillar-image,.item-large .pillar-image{width:165px;height:auto;aspect-ratio:1;max-width:100%}
.item-small .pillar-image{width:78px;height:auto;aspect-ratio:1;max-width:100%}
.topics-box{padding:12px 12px 10px}.topics-title{font-size:17px;margin-bottom:14px}
#topicSlider .topic-arrow{display:none!important}
#formSlider{padding:0 16px}#formTrack .label{font-size:16px;min-height:24px}
#formSlider .topic-arrow{font-size:30px;width:18px}
.coming-soon-box>.ribbon-title{font-size:24px;margin-bottom:16px}
.fade-slider .ag-arrow{width:18px;font-size:30px}.fade-slider .ag-arrow.prev{left:-18px}.fade-slider .ag-arrow.next{right:-18px}
.footer-grid{gap:38px;padding:0 28px}.footer-grid h4{font-size:30px}.footer-logo img{max-width:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ag-reveal{opacity:1!important;animation:none!important}.ag-track,.accordion-body,.acc-panel{transition:none!important}}
@media(min-width:641px) and (max-width:1100px){.philosophy-badge.left{left:-16px}.philosophy-badge.right{right:-16px}}
