/* Studio foundations: shared by public pages and the administrator's live preview. */
:root{--ink:var(--studio-ink);--paper:var(--studio-background);--muted:var(--studio-muted);--accent:var(--studio-accent);--studio-surface:color-mix(in srgb,white var(--studio-glass),transparent);--studio-gradient:radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--studio-gradient-a) var(--studio-glow),transparent),transparent 58%),radial-gradient(ellipse at 92% 40%,color-mix(in srgb,var(--studio-gradient-b) var(--studio-glow),transparent),transparent 65%),radial-gradient(ellipse at 45% 100%,color-mix(in srgb,var(--studio-gradient-c) var(--studio-glow),transparent),transparent 68%)}
body{background-color:var(--paper);background-image:var(--studio-gradient);background-attachment:fixed;color:var(--ink)}
.container{width:min(var(--studio-width),calc(100% - 80px))}h1,h2{font-family:var(--studio-heading)}h1{font-size:clamp(42px,6.1vw,88px);line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(32px,4vw,54px)}p,.hero-copy p,.large-copy{color:var(--muted)}.eyebrow{color:var(--accent)}
.hero{background:transparent;padding-block:var(--section-space,88px)}.hero-grid{gap:clamp(28px,5vw,88px)}.hero-art{padding:0}.hero-art .ag-image-frame{border-radius:var(--studio-radius);background:var(--studio-gradient);box-shadow:inset 0 0 60px #ffffff66,0 30px 80px -60px #203e3955}.hero-caption{position:relative;inset:auto;display:block;margin:18px 0 0;padding:22px;border-radius:var(--studio-radius);background:var(--studio-surface);color:var(--ink);backdrop-filter:blur(var(--studio-blur));box-shadow:0 18px 60px -46px #203e3944}
.section{padding-block:var(--section-space,88px)}.section-tint,.page-banner{background:color-mix(in srgb,var(--studio-gradient-c) 15%,transparent)}.section-heading{margin-bottom:42px}.section-heading h2{max-width:820px}
.site-header{background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:blur(var(--studio-blur));-webkit-backdrop-filter:blur(var(--studio-blur));border:0}.site-header .header-row{min-height:88px}.brand{color:var(--ink)}
.quick-strip{gap:14px;background:transparent;border:0}.quick-strip a,.content-card,.service-card,.drive-card,.track,.filter-list a{background:var(--studio-surface);backdrop-filter:blur(var(--studio-blur));border:0;border-radius:var(--studio-radius);box-shadow:0 20px 70px -55px #203e3966}.quick-strip a{padding:24px}.quick-strip a:hover{transform:none;background:var(--studio-surface)}.card-body{padding:28px}.service-card{padding-top:18px}.service-card .ag-image-frame{width:calc(100% - 36px);margin-inline:auto}.ag-image-frame{background:var(--studio-gradient)}
.section-dark{background:var(--ink);background-image:radial-gradient(ellipse at 0 0,#ffffff12,transparent 60%);color:#fffaf0}.section-dark p,.section-dark .eyebrow,.section-dark .featured-description{color:#edece3}.section-dark .video-card{background:#ffffff0a;border:0;border-radius:calc(var(--studio-radius) * .6)}.video-frame{border-radius:var(--studio-radius)}.youtube-channel-action{margin-top:30px}.video-layout h3{font-family:var(--studio-heading)}
.button-primary,.submit{background:var(--ink);color:var(--paper);box-shadow:0 12px 32px -22px var(--ink)}.button-secondary,.header-visit{background:var(--studio-surface);color:var(--ink);backdrop-filter:blur(var(--studio-blur))}.button-light{background:#fffaf0;color:var(--ink)}.button-primary:hover,.button-secondary:hover,.button-light:hover{transform:none;box-shadow:0 10px 30px -20px var(--ink)}.site-footer{background:var(--ink)}.ag-notice{background:var(--ink);color:var(--paper)}.contact-layout .map-frame{border-radius:var(--studio-radius)}
/* Image composition belongs to the editor, never to hover interaction. */
.card-image img,.ag-image-frame img,.video-card img,.calendar-layout img,.detail-image img{transition:none!important;animation:none!important;filter:none}
.card-image:hover>img{transform:none}.ag-image-frame img,.ag-image-frame:hover img,.card-image:hover .ag-image-frame img{transform:translate(var(--image-offset-x,0%),var(--image-offset-y,0%)) scale(var(--image-zoom,1)) rotate(var(--image-rotation,0deg))}
.ag-motion-subtle .hero-copy,.ag-motion-subtle .section-heading{animation:ag-text-arrive .65s ease-out both}@keyframes ag-text-arrive{from{translate:0 8px}to{translate:0 0}}.ag-motion-none *{animation:none!important;transition:none!important}.ag-motion-none{scroll-behavior:auto}
@media(max-width:800px){.container{width:calc(100% - 36px)}h1{font-size:clamp(42px,9vw,64px)}.hero,.section{padding-block:clamp(32px,8vw,var(--section-space,88px))}.hero-grid{gap:32px}.section-heading{margin-bottom:28px}.card-body{padding:22px}}
@media(prefers-reduced-motion:reduce){.ag-motion-subtle .hero-copy,.ag-motion-subtle .section-heading{animation:none!important}}
.quick-strip{padding-block:var(--section-space,24px)}[hidden]{display:none!important}
/* 2.6 — A floating navigation island, shaped around the Gurukul identity. */
.ag-notice{padding:10px max(24px,calc((100vw - var(--studio-width))/2));gap:28px;font-size:12px;letter-spacing:.01em}.ag-notice-label{font-size:9px;letter-spacing:.18em;white-space:nowrap;display:flex;align-items:center;gap:10px}.ag-notice-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--studio-gradient-a)}.ag-notice-pause{font-size:11px;text-underline-offset:4px}
.site-header.ag-header{top:18px;width:min(var(--studio-width),calc(100% - 48px));margin:22px auto 0;background:color-mix(in srgb,var(--paper) 86%,transparent);border:0;border-radius:clamp(18px,var(--studio-radius),40px);backdrop-filter:blur(var(--studio-blur));-webkit-backdrop-filter:blur(var(--studio-blur));box-shadow:0 18px 60px -30px #203e3933,inset 0 1px 0 #ffffffb3;z-index:40;isolation:isolate}.site-header.ag-header::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff30,transparent 35%,color-mix(in srgb,var(--studio-gradient-b) 12%,transparent));z-index:-1}.admin-bar .site-header.ag-header{top:50px}.ag-header[data-sticky=false]{position:relative;top:0!important}.ag-header[data-layout=docked]{width:100%;margin-top:0;border-radius:0;top:0}.ag-header .header-row{width:100%;min-height:96px;padding:16px 20px 16px 24px;gap:24px}.ag-header .brand{gap:14px;flex-shrink:0;max-width:36%;text-decoration:none}.ag-brand-emblem{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;background:var(--ink);color:var(--paper);border-radius:18px}.ag-brand-emblem svg{width:40px;height:40px}.ag-header .brand img{width:40px;height:40px;object-fit:contain;border-radius:0}.ag-brand-type{font:500 26px/1.1 var(--studio-heading);letter-spacing:-.045em;overflow-wrap:anywhere}.ag-header .brand small{font:600 8px/1.5 system-ui;letter-spacing:.18em;color:var(--muted);margin-top:8px}.ag-header #site-navigation{margin-left:auto}.ag-header .nav-menu{gap:2px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ag-header .nav-menu>li>a{display:block;padding:12px 14px;border-radius:30px;font-size:12px;font-weight:600;line-height:1.4;color:var(--ink);transition:background .2s;text-decoration:none}.ag-header .nav-menu>li>a:hover,.ag-header .nav-menu>li>a[aria-current],.ag-header .nav-menu>.current-menu-item>a{background:color-mix(in srgb,var(--studio-gradient-c) 45%,transparent);color:var(--ink)}.ag-header .header-visit{display:flex;gap:18px;align-items:center;flex-shrink:0;padding:7px 7px 7px 20px;border-radius:50px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.ag-visit-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--paper) 15%,transparent);font-size:21px;font-weight:400}.ag-mobile-intro,.ag-mobile-signoff{display:none}.ag-header .menu-toggle{gap:14px;align-items:center;border:0;border-radius:30px;padding:12px 16px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:600}.ag-menu-icon{width:18px;display:grid;gap:5px}.ag-menu-icon i{height:1px;background:currentColor;display:block;transition:rotate .2s,translate .2s}.menu-toggle[aria-expanded=true] .ag-menu-icon i:first-child{rotate:45deg;translate:0 3px}.menu-toggle[aria-expanded=true] .ag-menu-icon i:last-child{rotate:-45deg;translate:0 -3px}.ag-header .sub-menu{border:0;border-radius:18px;background:var(--paper);padding:12px;min-width:200px;box-shadow:0 16px 40px #203e3920}.ag-header .sub-menu a{font-size:13px;line-height:1.5}.ag-submenu-toggle{display:none}.ag-header+.hero{padding-top:64px}
@media(max-width:1100px){.ag-header .header-row{gap:14px;padding:14px 18px;min-height:84px}.ag-header .brand{max-width:52%;margin-right:auto}.ag-brand-type{font-size:24px}.ag-header .menu-toggle{display:flex}.ag-header #site-navigation{display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;margin:0;padding:30px;background:var(--paper);backdrop-filter:blur(var(--studio-blur));border:0;border-radius:24px;box-shadow:0 30px 60px -30px #203e3955;max-height:calc(100dvh - 180px);overflow:auto}.ag-header #site-navigation.is-open{display:block}.ag-header .nav-menu{display:block;counter-reset:ag-nav}.ag-header .nav-menu>li{position:relative;counter-increment:ag-nav}.ag-header .nav-menu>li>a{font:500 26px/1.3 var(--studio-heading);padding:14px 44px 14px 0;border-radius:0;display:flex;gap:16px;align-items:center;overflow-wrap:anywhere}.ag-header .nav-menu>li>a::before{content:counter(ag-nav,decimal-leading-zero);font:500 10px system-ui;color:var(--muted);letter-spacing:.1em}.ag-header .nav-menu>li>a::after{content:'↗';margin-left:auto;font:20px system-ui}.ag-mobile-intro{display:block;padding-bottom:20px;margin-bottom:10px}.ag-mobile-intro>.eyebrow{font-size:9px;margin-bottom:10px}.ag-mobile-intro>span:last-child{font:italic 30px/1.2 var(--studio-heading);color:var(--ink)}.ag-mobile-signoff{display:block;margin-top:20px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.ag-header .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 12px 30px;background:transparent;min-width:0}.ag-header .sub-menu[hidden]{display:none!important}.ag-submenu-toggle{display:block;position:absolute;right:0;top:12px;border:0;border-radius:50%;width:34px;height:34px;background:var(--studio-surface);color:var(--ink)}.ag-header .menu-item-has-children>a::after{visibility:hidden}.ag-header .header-visit{font-size:11px;padding-left:16px;gap:12px}.ag-visit-arrow{width:32px;height:32px}}
@media(max-width:600px){.site-header.ag-header{width:calc(100% - 24px);margin-top:12px;top:10px;border-radius:22px}.ag-header .header-row{min-height:76px;padding:12px;gap:10px;flex-wrap:wrap}.ag-header .brand{max-width:calc(100% - 96px);gap:10px}.ag-brand-emblem{width:44px;height:44px;flex-basis:44px;border-radius:14px}.ag-brand-emblem svg{width:32px;height:32px}.ag-header .brand img{width:32px;height:32px}.ag-brand-type{font-size:21px}.ag-header .brand small{font-size:6px;letter-spacing:.12em;margin-top:5px}.ag-header .menu-toggle{padding:12px;gap:10px}.ag-header .header-visit{display:none}.ag-header #site-navigation{padding:24px;max-height:calc(100dvh - 155px)}.ag-notice{padding:8px 16px;gap:14px}.ag-notice-label{display:none}.admin-bar .site-header.ag-header{top:10px}}
@media(prefers-reduced-motion:reduce){.ag-menu-icon i,.ag-header .nav-menu>li>a{transition:none}}
.ag-mobile-visit{display:none}@media(max-width:600px){.ag-mobile-visit{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:var(--paper);padding:16px 20px;border-radius:30px;margin-top:24px;font-size:13px;font-weight:600}.ag-header .header-row:not(:has(.menu-toggle)) .header-visit{display:flex}.ag-header[data-layout=docked]{width:100%;margin-top:0;border-radius:0}}.ag-header .header-visit>span:first-child{max-width:180px;white-space:normal}.ag-header .header-visit>span:last-child{flex-shrink:0}
