:root{--green:#12392e;--green2:#1b4a3a;--deep:#0c2d25;--gold:#c79b4a;--gold2:#e3bd73;--saffron:#d87517;--cream:#fbf6ec;--paper:#fffdf8;--text:#25332d;--muted:#6b746f;--line:#eadcc5;--shadow:0 18px 55px rgba(33,47,40,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--text);font-family:Inter,system-ui,sans-serif}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1200px,92%);margin:auto}.serif{font-family:"Cormorant Garamond",serif}.dev{font-family:"Noto Serif Devanagari",serif}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--saffron);font-weight:700}.section{padding:88px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.section h2{font:700 clamp(2.2rem,4vw,3.35rem)/1.02 "Cormorant Garamond",serif;margin:.35rem 0 1rem;color:#173d32}.section-title p,.muted{color:var(--muted);line-height:1.75}.orn{position:relative}.orn:after{content:"";display:block;width:58px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:14px auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:14px 24px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.25s}.btn-primary{background:var(--saffron);color:#fff;box-shadow:0 10px 24px rgba(216,117,23,.25)}.btn-primary:hover{transform:translateY(-2px);background:#c9670e}.btn-outline{background:rgba(255,255,255,.72);border-color:rgba(31,58,48,.5);color:#193f33}.btn-light{background:#fff;color:var(--green);box-shadow:0 9px 24px rgba(0,0,0,.12)}
.topbar{background:var(--deep);color:#f4ead8;font-size:11px}.topbar .container{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar .left,.topbar .right{display:flex;gap:20px;align-items:center}.topbar .dev{color:#e5c57e;font-weight:600}.header{position:sticky;top:0;z-index:80;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(199,155,74,.2);box-shadow:0 8px 26px rgba(17,51,41,.04)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:286px}.brand img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 5px 14px rgba(65,50,19,.12)}.brand-title{font:700 31px/1 "Noto Serif Devanagari",serif;color:#102f28}.brand-sub{font:600 16px/1.3 "Noto Serif Devanagari",serif;color:#8e6019}.menu{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.menu a{padding:30px 0;position:relative}.menu a:hover:after,.menu a.active:after{content:"";position:absolute;height:2px;background:var(--saffron);left:0;right:0;bottom:18px}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--green)}
.hero{position:relative;height:min(690px,78vh);min-height:610px;overflow:hidden;background:#1d3f34}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .8s ease;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);transition:transform 7s ease}.slide.active .slide-bg{transform:scale(1.0)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,241,228,.97) 0%,rgba(247,241,228,.88) 39%,rgba(247,241,228,.47) 56%,rgba(13,44,35,.25) 100%)}.slide:nth-child(2):after{background:linear-gradient(90deg,rgba(14,48,39,.86),rgba(14,48,39,.6) 48%,rgba(14,48,39,.18) 80%)}.slide:nth-child(3):after{background:linear-gradient(90deg,rgba(249,244,232,.96),rgba(249,244,232,.76) 44%,rgba(249,244,232,.22) 70%)}.hero-inner{position:relative;z-index:4;height:100%;display:flex;align-items:center}.hero-copy{max-width:640px;padding:55px 0 100px}.hero h1{font:700 clamp(3.55rem,6.1vw,6rem)/.9 "Cormorant Garamond",serif;color:#153c31;margin:0 0 20px;letter-spacing:-.03em}.slide:nth-child(2) h1,.slide:nth-child(2) .hero-copy p,.slide:nth-child(2) .hero-copy .dev,.slide:nth-child(2) .hero-kicker{color:#fff}.hero-kicker{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--saffron);margin-bottom:14px}.hero-copy p{max-width:590px;line-height:1.72;color:#4d5b54;font-size:15px}.hero-copy .dev{font-size:23px;color:#44594e;margin:18px 0 24px;font-weight:600}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-dots{position:absolute;z-index:6;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.45);cursor:pointer}.hero-dot.active{width:28px;border-radius:9px;background:var(--saffron);border-color:var(--saffron)}.hero-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(12,45,37,.35);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px)}.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}.hero-scroll{position:absolute;z-index:6;bottom:18px;right:34px;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:8px;align-items:center}.hero-scroll:after{content:"";width:46px;height:1px;background:rgba(255,255,255,.75)}
.stats{margin-top:-54px;position:relative;z-index:12}.stats-box{background:linear-gradient(135deg,#173f32,#0f3329);border:1px solid rgba(227,189,115,.25);color:#fff;border-radius:16px;box-shadow:0 22px 55px rgba(17,51,41,.2);display:grid;grid-template-columns:repeat(5,1fr);padding:26px 10px}.stat{text-align:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.14)}.stat:last-child{border-right:0}.stat .icon{font-size:24px;color:#f2c468}.stat b{display:block;font:700 30px/1.15 "Cormorant Garamond",serif;margin-top:4px}.stat span{font-size:10px;color:#dce9e4}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}.image-card{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);min-height:500px}.image-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:inset 0 0 0 12px rgba(255,255,255,.08)}.image-badge{position:absolute;left:24px;bottom:24px;z-index:2;background:#fffdf9;border-radius:14px;padding:16px 18px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.image-badge b{font:700 26px "Cormorant Garamond",serif;color:var(--green)}.image-badge span{display:block;font-size:10px;color:var(--muted)}.mini-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.mini{display:flex;gap:12px;align-items:flex-start}.mini i,.feature i,.learn i{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#eef2e7;display:grid;place-items:center;font-style:normal;color:#916c26}.mini b{font-size:13px}.mini small{display:block;color:var(--muted);line-height:1.5;margin-top:3px}.soft{background:linear-gradient(180deg,#fdf8f0,#fbf5ea);border-top:1px solid #efe4d2;border-bottom:1px solid #efe4d2}.features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature{text-align:center;background:rgba(255,255,255,.8);border:1px solid #e9dcc7;border-radius:14px;padding:24px 14px;transition:.25s}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:#fff}.feature i{margin:0 auto 12px}.feature b{font-size:12px}.feature p{font-size:10px;line-height:1.55;color:var(--muted);margin:7px 0 0}.quote-band{background:var(--deep);color:#f7ebd8;padding:44px 0;position:relative;overflow:hidden}.quote-band:before,.quote-band:after{content:"ॐ";position:absolute;font-family:"Noto Serif Devanagari",serif;font-size:150px;color:rgba(227,189,115,.07);top:-35px}.quote-band:before{left:4%}.quote-band:after{right:4%}.quote-band .container{text-align:center;position:relative;z-index:2}.quote-band .dev{font-size:27px;color:#efd49b}.quote-band p{font:600 27px/1.25 "Cormorant Garamond",serif;margin:6px 0 0}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course{background:#fff;border:1px solid #ebdec9;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(58,66,60,.06);transition:.25s}.course:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.course .media{position:relative}.course img{height:200px;width:100%;object-fit:cover}.course .tag{position:absolute;left:14px;top:14px;background:rgba(18,57,46,.9);color:#fff;padding:7px 9px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.08em}.course .body{padding:18px}.course .kicker{font-size:10px;color:var(--saffron);font-weight:700}.course h3{font:700 24px/1.03 "Cormorant Garamond",serif;margin:5px 0 8px;color:#193e31}.course p{font-size:11px;color:var(--muted);line-height:1.6}.course .meta{display:flex;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid #efe5d7;font-size:10px;color:#6e756f}.learn-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e8dbc7;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(44,58,50,.05)}.learn{text-align:center;padding:24px 10px;border-right:1px solid #eee0cf}.learn:last-child{border-right:0}.learn i{margin:0 auto 9px}.learn b{font-size:11px}.learn span{display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.45}.experience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.experience{background:#fff;border:1px solid #eadcc8;border-radius:13px;overflow:hidden;text-align:center;transition:.25s}.experience:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.experience img{height:165px;width:100%;object-fit:cover}.experience div{padding:14px}.experience b{font-size:11px}.experience span{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:4px}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.journey-card{position:relative;min-height:330px;border-radius:18px;overflow:hidden;color:#fff;padding:34px;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.journey-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(9,37,29,.88))}.journey-card>*{position:relative;z-index:2}.journey-card h3{font:700 31px/1 "Cormorant Garamond",serif;margin:0 0 9px}.journey-card p{font-size:11px;line-height:1.6;max-width:470px;color:#e4eee9}.social-grid{display:grid;grid-template-columns:1.05fr 1.3fr;gap:28px}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quote{background:#fff;border:1px solid #eadfce;border-radius:13px;padding:18px}.quote-head{display:flex;gap:10px;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover}.stars{color:#d88920;font-size:11px}.quote p{font-size:11px;line-height:1.6;color:#5f6d66}.quote small{font-weight:600}.batches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.batch{background:#fff;border:1px solid #eadfce;border-radius:13px;padding:18px;text-align:center}.batch h4{font:700 20px "Cormorant Garamond",serif;margin:0;color:#193e31}.batch p{font-size:10px;color:var(--muted);line-height:1.55}.batch .btn{padding:9px 13px;font-size:9px}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:220px 220px;gap:12px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:14px}.gallery-grid img:first-child{grid-row:1/3}.faq-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq{background:#fff;border:1px solid #eadfce;border-radius:13px;overflow:hidden}.faq details{border-bottom:1px solid #eee4d7;padding:15px 17px}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--saffron);font-size:19px}.faq details[open] summary:after{content:"−"}.faq p{font-size:11px;color:var(--muted);line-height:1.6}.cta{padding:68px 0;text-align:center;color:white;background:linear-gradient(rgba(10,41,33,.48),rgba(10,41,33,.58)),url('assets/institute/practice-wide-4.jpg') center 55%/cover}.cta h2{font:700 clamp(2.7rem,5vw,4.2rem)/1 "Cormorant Garamond",serif;margin:0}.cta p{color:#eee7dc;margin:10px 0 22px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.contact-card{background:linear-gradient(180deg,#fffaf1,#fff);border:1px solid #e9dcc8;border-radius:18px;padding:30px}.contact-card h3{font:700 36px "Cormorant Garamond",serif;margin:0 0 8px;color:#173f31}.contact-list{display:grid;gap:14px;margin-top:22px;font-size:12px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid #dad5cb;border-radius:6px;background:#fff;font:inherit;font-size:11px;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,155,74,.1)}.form textarea{grid-column:1/-1;min-height:120px;resize:vertical}.form .btn{grid-column:1/-1}.footer{background:#0e3329;color:#dce8e2;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.78fr) 1.15fr;gap:30px}.footer .brand{min-width:0}.footer .brand img{width:68px;height:68px}.footer .brand-title{color:#fff}.footer .brand-sub{color:#d2a854}.footer p,.footer li{font-size:10px;color:#b9cbc3;line-height:1.75}.footer h4{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px}.footer ul{list-style:none;margin:0;padding:0}.newsletter{display:flex}.newsletter input{min-width:0;width:100%;padding:11px;border:0}.newsletter button{border:0;background:var(--saffron);color:#fff;font-size:9px;font-weight:700;padding:0 12px}.copyright{margin-top:36px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#93aba1}.float-wa{position:fixed;right:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1fa463;color:#fff;box-shadow:0 12px 26px rgba(14,81,47,.3);font-size:23px}
@media(max-width:1040px){.menu{display:none}.menu.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#fffdf8;flex-direction:column;align-items:flex-start;padding:18px 5%;box-shadow:0 18px 28px rgba(0,0,0,.08);gap:0}.menu.open a{padding:12px 0;width:100%}.menu-toggle{display:block}.nav>.btn{display:none}.features-grid{grid-template-columns:repeat(3,1fr)}.courses-grid{grid-template-columns:repeat(2,1fr)}.learn-grid{grid-template-columns:repeat(4,1fr)}.learn{border-bottom:1px solid #eee0cf}.experience-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar .right,.topbar .left span:nth-child(2){display:none}.brand{min-width:0}.brand img{width:54px;height:54px}.brand-title{font-size:25px}.brand-sub{font-size:13px}.hero{height:660px;min-height:660px}.hero h1{font-size:3.25rem}.hero-copy{padding:40px 0 100px}.hero-arrow{display:none}.slide:after,.slide:nth-child(2):after,.slide:nth-child(3):after{background:linear-gradient(180deg,rgba(250,246,236,.82),rgba(250,246,236,.9) 68%,rgba(17,57,46,.32))}.slide:nth-child(2) h1,.slide:nth-child(2) .hero-copy p,.slide:nth-child(2) .hero-copy .dev,.slide:nth-child(2) .hero-kicker{color:#173d32}.stats{margin-top:-34px}.stats-box{grid-template-columns:repeat(2,1fr);gap:18px;padding:22px 10px}.stat{border-right:0}.stat:last-child{grid-column:1/-1}.about-grid,.social-grid,.contact-grid,.journey-grid{grid-template-columns:1fr}.image-card{min-height:390px}.mini-features{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:1fr}.learn-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}.faq-wrap{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}.gallery-grid img:first-child{grid-column:1/3;grid-row:auto}.form{grid-template-columns:1fr}.form textarea,.form .btn{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.copyright{flex-direction:column}.section{padding:68px 0}}

/* === V3 Professional UI & Readability Upgrade === */
:root{--shadow:0 20px 60px rgba(18,57,46,.12);--radius:22px}
body{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;background:#fffdf9}
.container{width:min(1240px,92%)}
.section{padding:104px 0}
.section-title{max-width:820px;margin-bottom:48px}
.section-title p,.muted{font-size:16px;line-height:1.8}
.eyebrow{font-size:12px;letter-spacing:.16em}
.section h2{font-size:clamp(2.6rem,4vw,4rem);line-height:1.03;letter-spacing:-.02em}
.btn{padding:15px 24px;font-size:13px;border-radius:9px;min-height:48px}
.topbar{font-size:13px}.topbar .container{min-height:40px}
.nav{min-height:90px}.brand{min-width:310px}.brand img{width:68px;height:68px}.brand-title{font-size:33px}.brand-sub{font-size:17px}
.menu{font-size:14px;gap:26px}.menu a{padding:34px 0}
.hero{height:min(760px,82vh);min-height:660px}
.hero-copy{max-width:700px;padding:60px 0 110px}
.hero-kicker{font-size:13px}.hero-copy p{font-size:17px;line-height:1.8;max-width:630px}.hero-copy .dev{font-size:25px}
.hero h1{font-size:clamp(3.8rem,6.2vw,6.5rem);line-height:.92;max-width:760px}
.hero-arrow{width:50px;height:50px}
.stats-box{padding:30px 12px;border-radius:18px}.stat .icon{font-size:27px}.stat b{font-size:34px}.stat span{font-size:13px;line-height:1.45;display:block;margin-top:4px}
.about-grid{gap:64px}.image-card{min-height:540px}.image-badge b{font-size:30px}.image-badge span{font-size:13px}
.about-grid>div>p{font-size:16px;line-height:1.85}.mini-features{gap:22px}.mini i{width:48px;height:48px;flex-basis:48px}.mini b{font-size:15px}.mini small{font-size:13px;line-height:1.6}
.features-grid{gap:18px}.feature{padding:28px 18px;border-radius:16px}.feature i{width:50px;height:50px}.feature b{font-size:14px}.feature p{font-size:12.5px;line-height:1.65}
.quote-band{padding:54px 0}.quote-band .dev{font-size:31px}.quote-band p{font-size:31px}
.courses-grid{gap:22px}.course{border-radius:18px}.course img{height:220px}.course .tag{font-size:11px;padding:8px 10px}.course .body{padding:22px}.course .kicker{font-size:12px}.course h3{font-size:28px;line-height:1.08}.course p{font-size:14px;line-height:1.7}.course .meta{font-size:12px}
.learn{padding:26px 15px}.learn i{width:48px;height:48px;font-size:19px}.learn b{font-size:14px}.learn span{font-size:12.5px;line-height:1.55}
.experience-grid{gap:18px}.experience{border-radius:16px}.experience img{height:190px}.experience div{padding:18px}.experience b{font-size:15px}.experience span{font-size:12.5px;line-height:1.55}
.journey-grid{gap:24px}.journey-card{min-height:440px;border-radius:22px}.journey-card h3{font-size:38px;line-height:1.05}.journey-card p{font-size:15px;line-height:1.75}
.social-grid{gap:50px}.social-grid h2{font-size:46px}.quote{padding:22px;border-radius:16px}.quote p{font-size:14px;line-height:1.7}.quote small{font-size:12px}.stars{font-size:14px}.batch{padding:22px;border-radius:16px}.batch h4{font-size:22px}.batch p{font-size:13px;line-height:1.65}
.gallery-grid{gap:14px}.gallery-grid img{border-radius:16px}
.faq-wrap{gap:22px}.faq details{border-radius:14px;margin-bottom:14px;box-shadow:0 7px 24px rgba(18,57,46,.05)}.faq summary{font-size:15px;padding:20px 22px}.faq details p{font-size:14px;line-height:1.7;padding:0 22px 20px}
.cta{padding:78px 0}.cta h2{font-size:clamp(2.8rem,5vw,4.5rem)}.cta p{font-size:17px}
.contact-grid{gap:42px}.contact-card{padding:34px}.contact-card h3{font-size:42px}.contact-card p{font-size:15px}.contact-list span{font-size:14px}.form{gap:14px}.form input,.form select,.form textarea{font-size:14px;min-height:52px;padding:14px 15px;border-radius:10px}.form textarea{min-height:140px}
.footer{padding-top:68px}.footer p,.footer li,.footer a{font-size:13px;line-height:1.75}.footer h4{font-size:14px}.newsletter input,.newsletter button{font-size:12px}.copyright{font-size:12px}
.float-wa{width:56px;height:56px;font-size:25px}
/* premium surfaces */
.course,.feature,.quote,.batch,.contact-card,.form,.experience,.faq details{border-color:rgba(199,155,74,.24)}
.course:hover,.feature:hover,.experience:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(18,57,46,.14)}
.course,.feature,.experience{transition:transform .25s ease,box-shadow .25s ease}
.form{background:linear-gradient(180deg,#fff,#fffaf2);box-shadow:0 18px 50px rgba(18,57,46,.08)}
.contact-card{background:linear-gradient(145deg,#173f32,#0f3027);color:#fff}.contact-card h3{color:#fff}.contact-card .muted{color:#d8e4df}.contact-card .eyebrow{color:#efc56f}.contact-list span{color:#f5eee2}
@media(max-width:1100px){.menu{gap:16px;font-size:13px}.features-grid{grid-template-columns:repeat(3,1fr)}.courses-grid{grid-template-columns:repeat(2,1fr)}.learn-grid{grid-template-columns:repeat(4,1fr)}.stats-box{grid-template-columns:repeat(5,1fr)}.stat span{font-size:12px}}
@media(max-width:760px){body{font-size:15px}.section{padding:72px 0}.section-title p,.muted{font-size:15px}.hero{min-height:700px;height:76vh}.hero-copy{padding:70px 0 120px}.hero h1{font-size:clamp(3rem,13vw,4.5rem)}.hero-copy p{font-size:16px}.hero-copy .dev{font-size:21px}.topbar{font-size:11px}.stats{margin-top:-34px}.stats-box{grid-template-columns:repeat(2,1fr);gap:0}.stat{padding:18px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.stat:last-child{grid-column:1/-1}.stat span{font-size:12px}.about-grid{grid-template-columns:1fr;gap:34px}.image-card{min-height:420px}.mini-features{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:1fr}.course img{height:240px}.learn-grid{grid-template-columns:repeat(2,1fr)}.journey-grid,.social-grid,.contact-grid{grid-template-columns:1fr}.journey-card{min-height:390px}.faq-wrap{grid-template-columns:1fr}.contact-card h3{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{gap:12px;align-items:flex-start}}


/* V4 premium institutional refinement */
body{font-size:16px;line-height:1.6;background:#fffdf9}.container{width:min(1240px,92%)}
.header{background:rgba(255,253,248,.985);box-shadow:0 10px 35px rgba(18,57,46,.08)}.nav{min-height:88px}.menu{font-size:13px;gap:26px}.btn{font-size:13px;padding:15px 25px;border-radius:8px}.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px)}
.hero-premium{height:min(820px,86vh);min-height:720px;background:#0e2d25}.hero-premium .slide:after{background:linear-gradient(90deg,rgba(10,35,29,.9) 0%,rgba(10,35,29,.78) 43%,rgba(10,35,29,.36) 68%,rgba(10,35,29,.12) 100%)}.hero-premium .slide:nth-child(2):after,.hero-premium .slide:nth-child(3):after{background:linear-gradient(90deg,rgba(10,35,29,.92) 0%,rgba(10,35,29,.79) 43%,rgba(10,35,29,.34) 70%,rgba(10,35,29,.14) 100%)}
.hero-layout{width:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:70px;align-items:center;padding:54px 0 120px}.hero-copy{max-width:760px;padding:0}.hero-premium h1{font-size:clamp(4.1rem,6vw,6.6rem);line-height:.88;color:#fff;letter-spacing:-.045em;margin:0 0 24px}.hero-premium h1 em{font-style:italic;font-weight:500;color:#f1d59e}.hero-premium .hero-kicker{display:flex;align-items:center;gap:11px;color:#f0c36c;font-size:13px;letter-spacing:.16em;margin-bottom:20px}.hero-kicker span{width:38px;height:1px;background:#e7bc68}.hero-premium .hero-copy p{color:rgba(255,255,255,.86);font-size:18px;line-height:1.75;max-width:700px}.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 12px;color:#f9f2e7;font-size:14px;font-weight:600}.hero-premium .hero-copy .dev{color:#f0d6a4;font-size:22px;margin:18px 0 24px}.hero-note{margin-top:18px;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.03em}
.hero-trust-card{background:rgba(255,253,248,.95);border:1px solid rgba(255,255,255,.42);box-shadow:0 30px 80px rgba(0,0,0,.26);border-radius:22px;padding:26px;backdrop-filter:blur(16px);align-self:center}.trust-card-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #eadfcf}.trust-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#153d31;color:#f2c46e;font:700 22px "Noto Serif Devanagari",serif;flex:none}.trust-card-head small{display:block;color:#a56d19;font-size:10px;font-weight:800;letter-spacing:.13em;margin:2px 0 7px}.trust-card-head strong{display:block;font:700 25px/1.08 "Cormorant Garamond",serif;color:#163b31}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eadfcf;margin:20px 0;border:1px solid #eadfcf}.trust-grid div{background:#fffdf9;padding:16px 14px}.trust-grid b{display:block;color:#c17719;font:700 13px Inter,sans-serif;margin-bottom:5px}.trust-grid span,.trust-list span,.retreat-mini span{color:#485850;font-size:12px;line-height:1.45}.trust-link{display:flex;align-items:center;justify-content:space-between;color:#153d31;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.trust-link span{font-size:20px}.hero-card-dark{background:rgba(13,47,38,.9);border-color:rgba(240,207,144,.35)}.hero-card-dark .trust-card-head{border-color:rgba(255,255,255,.13)}.hero-card-dark .trust-card-head strong,.hero-card-dark .trust-link{color:#fff}.hero-card-dark .trust-card-head small{color:#f0c36c}.trust-list{display:grid;gap:0;margin:18px 0}.trust-list span{color:#ecf3ef;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.11)}.retreat-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.retreat-mini span{background:#f5efe3;border-radius:8px;padding:11px 10px;text-align:center;font-weight:700}
.hero-bottom-proof{position:absolute;left:0;right:0;bottom:0;z-index:7;background:rgba(7,29,24,.86);border-top:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}.hero-bottom-proof .container{height:58px;display:flex;align-items:center;justify-content:center;gap:22px;color:#e9eee9;font-size:12px;font-weight:700;letter-spacing:.04em}.hero-bottom-proof i{width:4px;height:4px;background:#dba54d;border-radius:50%}.hero-dots{bottom:82px}.hero-arrow{background:rgba(9,32,26,.56);border-color:rgba(255,255,255,.32)}
.stats{margin-top:0}.trust-strip{border-radius:0 0 18px 18px;padding:26px 8px;background:#fffdf9;color:#173a30;border:1px solid #eadfcf;border-top:0;box-shadow:0 20px 50px rgba(18,57,46,.10)}.trust-strip .stat{border-color:#eadfcf}.trust-strip .stat .icon{color:#be7d23;font-size:22px}.trust-strip .stat b{font:700 18px/1.2 "Cormorant Garamond",serif;margin-top:8px}.trust-strip .stat span{font-size:11px;color:#6f7973;display:block;margin-top:4px}
.section{padding:96px 0}.section-title{margin-bottom:46px}.section-title p,.muted{font-size:16px}.feature p,.course p{font-size:13px}.feature b,.course .kicker{font-size:13px}.course .meta{font-size:12px}.mini b{font-size:14px}.mini small{font-size:12px}.topbar{font-size:12px}.footer{font-size:14px}
@media(max-width:980px){.hero-layout{grid-template-columns:1fr;gap:24px;padding:60px 0 112px}.hero-trust-card{display:none}.hero-premium{min-height:740px;height:78vh}.hero-premium h1{font-size:clamp(3.7rem,8vw,5.4rem)}.hero-premium .slide:after,.hero-premium .slide:nth-child(2):after,.hero-premium .slide:nth-child(3):after{background:linear-gradient(90deg,rgba(8,31,25,.9),rgba(8,31,25,.67) 72%,rgba(8,31,25,.25))}}
@media(max-width:760px){.hero-premium{height:760px;min-height:760px}.hero-layout{padding:60px 0 115px}.hero-premium h1{font-size:clamp(3.1rem,13vw,4.6rem);line-height:.94}.hero-premium .hero-copy p{font-size:16px}.hero-points{display:grid;gap:7px;font-size:13px}.hero-bottom-proof .container{overflow:hidden;justify-content:flex-start;white-space:nowrap;font-size:10px;gap:13px}.hero-dots{bottom:76px}.section{padding:76px 0}.trust-strip{grid-template-columns:1fr 1fr;border-radius:0}.trust-strip .stat{padding:17px 9px}.trust-strip .stat:last-child{grid-column:1/-1}.trust-strip .stat b{font-size:16px}.menu{font-size:15px}}

/* ---------- multi-page additions ---------- */
.page-hero{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#12392e;color:#fff}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,42,34,.93),rgba(10,42,34,.62),rgba(10,42,34,.18))}
.page-hero .container{position:relative;z-index:2;padding:80px 0}
.page-hero .eyebrow{color:#efca86}.page-hero h1{font:700 clamp(3.2rem,6vw,5.7rem)/.92 "Cormorant Garamond",serif;margin:10px 0 16px;max-width:850px;letter-spacing:-.025em}
.page-hero p{max-width:720px;color:#e4eee9;line-height:1.75;font-size:16px}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:#d4dfda;margin-top:22px}.breadcrumb a{color:#f3ca80}
.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start}
.prose h2,.prose h3{font-family:"Cormorant Garamond",serif;color:#173d32}.prose h2{font-size:44px;line-height:1.02;margin:0 0 20px}.prose h3{font-size:30px;margin:34px 0 10px}.prose p,.prose li{color:#5d6963;line-height:1.8;font-size:15px}.prose ul{padding-left:20px}
.side-card{background:#fff;border:1px solid #eadcc5;border-radius:18px;padding:28px;box-shadow:0 18px 55px rgba(33,47,40,.09);position:sticky;top:110px}.side-card h3{font:700 31px/1 "Cormorant Garamond",serif;color:#173d32;margin:0 0 14px}.side-card p{font-size:13px;color:#6b746f;line-height:1.7}.side-list{display:grid;gap:11px;margin:20px 0}.side-list a,.side-list span{padding:13px 14px;border-radius:9px;background:#fbf6ec;border:1px solid #eee1cf;font-size:13px}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-card{background:#fff;border:1px solid #eadcc5;border-radius:16px;padding:26px;box-shadow:0 12px 34px rgba(27,63,52,.06)}
.info-card h3{font:700 28px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:0 0 10px}.info-card p,.info-card li{font-size:13px;color:#65716b;line-height:1.7}
.course-detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.course-detail-hero img{width:100%;height:430px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
.course-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}
.fact{background:#fbf6ec;border:1px solid #eadcc5;border-radius:12px;padding:16px}.fact b{display:block;color:#173d32}.fact span{font-size:11px;color:#727a76}
.schedule{border:1px solid #eadcc5;border-radius:15px;overflow:hidden}.schedule-row{display:grid;grid-template-columns:140px 1fr;padding:14px 18px;border-bottom:1px solid #eee3d4}.schedule-row:last-child{border-bottom:0}.schedule-row b{color:#173d32}.schedule-row span{color:#66716c;font-size:13px}
.gallery-page{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-page img{width:100%;height:280px;object-fit:cover;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.gallery-page img:nth-child(4n+1){grid-row:span 2;height:576px}
.contact-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}
.contact-panel{background:#12392e;color:white;border-radius:20px;padding:34px}.contact-panel h2{font:700 42px/1.05 "Cormorant Garamond",serif;margin:0 0 12px}.contact-panel p{color:#d8e5df;line-height:1.7}.contact-panel .contact-list span{border-color:rgba(255,255,255,.12)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:#fff;border:1px solid #eadcc5;border-radius:16px;overflow:hidden}.blog-card img{height:220px;width:100%;object-fit:cover}.blog-card .body{padding:22px}.blog-card h3{font:700 28px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:6px 0 10px}.blog-card p{font-size:13px;color:#68736e;line-height:1.65}
.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{font-size:11px;background:#f7ecdc;border:1px solid #ecd6b5;color:#8b611e;border-radius:999px;padding:7px 10px;font-weight:700}
.notice-strip{background:#fbf6ec;border:1px solid #eadcc5;border-radius:14px;padding:18px 20px;color:#52615a;font-size:13px;line-height:1.7}
@media(max-width:980px){.content-grid,.course-detail-hero,.contact-page{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(2,1fr)}.course-facts{grid-template-columns:repeat(2,1fr)}.side-card{position:static}.gallery-page{grid-template-columns:repeat(2,1fr)}.gallery-page img:nth-child(4n+1){grid-row:auto;height:280px}}
@media(max-width:680px){.two-col,.three-col,.blog-grid,.gallery-page{grid-template-columns:1fr}.course-facts{grid-template-columns:1fr 1fr}.schedule-row{grid-template-columns:1fr;gap:4px}.page-hero{min-height:360px}.page-hero .container{padding:60px 0}.page-hero h1{font-size:3.4rem}}


/* ---------- Gallery image/video tabs ---------- */
.gallery-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:0 0 30px;
  flex-wrap:wrap;
}
.gallery-tab-btn{
  appearance:none;
  border:1px solid #dccdb9;
  background:#fffdf8;
  color:#173d32;
  border-radius:999px;
  padding:11px 20px;
  font:700 12px/1 Inter,sans-serif;
  cursor:pointer;
  transition:.2s ease;
}
.gallery-tab-btn:hover,
.gallery-tab-btn.active{
  background:#173d32;
  color:#fff;
  border-color:#173d32;
}
.gallery-panel{display:none}
.gallery-panel.active{display:block}

.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.video-card{
  overflow:hidden;
  border:1px solid #eadcc5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 12px 34px rgba(21,61,50,.08);
}
.video-thumb{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#102f27;
}
.video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.video-card:hover .video-thumb img{transform:scale(1.04)}
.play-btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(216,117,23,.94);
  color:#fff;
  font-size:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.video-card .body{padding:18px 19px 20px}
.video-card h3{
  margin:0 0 7px;
  font:700 25px/1.05 "Cormorant Garamond",serif;
  color:#173d32;
}
.video-card p{
  margin:0;
  font-size:12px;
  line-height:1.65;
  color:#69746e;
}
.video-modal{
  position:fixed;
  inset:0;
  background:rgba(7,22,18,.88);
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.video-modal.open{display:flex}
.video-modal-inner{
  width:min(1000px,95vw);
  background:#0d241e;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.video-modal iframe{
  width:100%;
  aspect-ratio:16/9;
  border:0;
  display:block;
}
.video-modal-close{
  position:absolute;
  right:12px;
  top:10px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#173d32;
  font-size:20px;
  font-weight:700;
  z-index:2;
  cursor:pointer;
}
@media(max-width:980px){
  .video-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .video-grid{grid-template-columns:1fr}
}

/* ---------- Navigation v5: regenerated from scratch ---------- */
.header{
  position:relative;
  z-index:5000;
  background:#fffdf8;
  border-bottom:1px solid rgba(23,61,50,.06);
}
.nav{
  min-height:94px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
}
.menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:30px;
  height:100%;
}
.nav-link,
.nav-dropdown-toggle{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:94px;
  border:0;
  background:transparent;
  padding:0;
  color:#263a32;
  font:600 13px/1 Inter,sans-serif;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.nav-link::after,
.nav-dropdown-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  width:0;
  height:2px;
  background:#d87517;
  transform:translateX(-50%);
  transition:width .2s ease;
}
.nav-link:hover::after,
.nav-link.active::after,
.nav-dropdown:hover .nav-dropdown-toggle::after,
.nav-dropdown.active-parent .nav-dropdown-toggle::after{
  width:100%;
}
.nav-link:hover,
.nav-link.active,
.nav-dropdown:hover .nav-dropdown-toggle,
.nav-dropdown.active-parent .nav-dropdown-toggle{
  color:#173d32;
}
.nav-dropdown{
  position:relative;
  height:94px;
  display:flex;
  align-items:center;
}
.nav-dropdown-toggle{
  gap:8px;
}
.nav-dropdown-toggle svg{
  width:10px;
  height:7px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s ease;
}
.nav-dropdown:hover .nav-dropdown-toggle svg,
.nav-dropdown.open .nav-dropdown-toggle svg{
  transform:rotate(180deg);
}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% - 4px);
  left:0;
  width:224px;
  padding:9px;
  background:#fffdf8;
  border:1px solid #eadcc5;
  border-radius:14px;
  box-shadow:0 18px 48px rgba(14,45,35,.16);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:6000;
}
.nav-dropdown-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  left:28px;
  width:12px;
  height:12px;
  background:#fffdf8;
  border-left:1px solid #eadcc5;
  border-top:1px solid #eadcc5;
  transform:rotate(45deg);
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.nav-dropdown-menu a{
  display:block;
  position:relative;
  z-index:2;
  padding:12px 13px;
  border-radius:9px;
  color:#24453a;
  background:transparent;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
  font:600 12px/1.25 Inter,sans-serif;
  white-space:nowrap;
}
.nav-dropdown-menu a::before,
.nav-dropdown-menu a::after{
  content:none!important;
  display:none!important;
}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a.active{
  background:#f7eee1;
  color:#d87517;
}
.header-cta{
  justify-self:end;
  white-space:nowrap;
}
.menu-toggle{
  display:none;
}

@media(max-width:1080px){
  .menu{gap:20px}
  .nav-link,.nav-dropdown-toggle{font-size:12px}
}
@media(max-width:900px){
  .nav{
    grid-template-columns:auto auto;
    min-height:82px;
  }
  .menu-toggle{
    display:inline-flex;
    justify-self:end;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid #e4d6c3;
    border-radius:10px;
    background:#fffdf8;
    color:#173d32;
    font-size:22px;
    cursor:pointer;
  }
  .header-cta{display:none}
  .menu{
    display:none;
    position:absolute;
    top:100%;
    left:18px;
    right:18px;
    height:auto;
    max-height:calc(100vh - 120px);
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:2px;
    padding:12px;
    background:#fffdf8;
    border:1px solid #eadcc5;
    border-radius:15px;
    box-shadow:0 20px 50px rgba(14,45,35,.18);
    z-index:6000;
  }
  .menu.open{display:flex}
  .nav-link,
  .nav-dropdown-toggle{
    min-height:0;
    width:100%;
    justify-content:space-between;
    padding:13px 14px;
    border-radius:9px;
    font-size:13px;
  }
  .nav-link::after,
  .nav-dropdown-toggle::after{
    display:none;
  }
  .nav-link:hover,
  .nav-link.active,
  .nav-dropdown-toggle:hover,
  .nav-dropdown.active-parent .nav-dropdown-toggle{
    background:#f7eee1;
    color:#173d32;
  }
  .nav-dropdown{
    display:block;
    height:auto;
  }
  .nav-dropdown-menu{
    position:static;
    width:100%;
    margin:5px 0 3px;
    padding:6px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    display:none;
    background:#f8f1e7;
    border:0;
    border-radius:10px;
    box-shadow:none;
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block}
  .nav-dropdown-menu::before{display:none}
  .nav-dropdown-menu a{
    padding:11px 12px;
    font-size:12px;
  }
}



/* ---------- Trust & Documents v2 ---------- */
.trust-intro{
  max-width:780px;
  margin:0 auto 34px;
  text-align:center;
}
.trust-intro p{
  font-size:15px;
  line-height:1.75;
  color:#66716b;
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.trust-card{
  background:#fff;
  border:1px solid #eadcc5;
  border-radius:18px;
  padding:24px;
  box-shadow:0 10px 30px rgba(21,61,50,.06);
}
.trust-card .icon{
  width:46px;
  height:46px;
  border-radius:12px;
  background:#f7eee1;
  color:#d87517;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-bottom:14px;
}
.trust-card h3{
  margin:0 0 8px;
  font:700 26px/1.05 "Cormorant Garamond",serif;
  color:#173d32;
}
.trust-card p{
  margin:0;
  font-size:12.5px;
  line-height:1.7;
  color:#69746e;
}
.documents-shell{
  background:#f8f3ea;
  border:1px solid #eadcc5;
  border-radius:22px;
  padding:24px;
}
.document-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.document-card{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:16px;
  align-items:center;
  min-height:118px;
  background:#fff;
  border:1px solid #eadcc5;
  border-radius:15px;
  padding:18px;
  box-shadow:0 8px 24px rgba(21,61,50,.045);
}
.document-type{
  width:58px;
  height:70px;
  border-radius:11px;
  background:linear-gradient(180deg,#173d32,#102f27);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font:700 13px/1 Inter,sans-serif;
  box-shadow:0 8px 18px rgba(16,47,39,.15);
}
.document-type span{
  display:block;
  margin-top:5px;
  font-size:8px;
  opacity:.75;
  letter-spacing:.08em;
}
.document-info h4{
  margin:0 0 5px;
  color:#173d32;
  font:700 21px/1.08 "Cormorant Garamond",serif;
}
.document-info p{
  margin:0;
  color:#6b756f;
  font-size:11.5px;
  line-height:1.55;
}
.document-meta{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap;
}
.document-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border-radius:999px;
  background:#eef7f1;
  color:#256a49;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.document-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:stretch;
}
.doc-view-btn,
.doc-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:10px 12px;
  border-radius:9px;
  text-decoration:none;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:.2s ease;
}
.doc-view-btn{
  background:#d87517;
  color:#fff;
  border:1px solid #d87517;
}
.doc-view-btn:hover{
  background:#b85f0c;
  border-color:#b85f0c;
}
.doc-download-btn{
  background:#fff;
  color:#173d32;
  border:1px solid #d9cbb7;
}
.doc-download-btn:hover{
  background:#f8f1e7;
}
.documents-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:12px;
  background:#fff;
  border:1px dashed #d9cbb7;
  color:#6a756f;
  font-size:11.5px;
  line-height:1.65;
}
.verify-box{
  background:#12392e;
  color:#fff;
  border-radius:20px;
  padding:30px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
}
.verify-box h3{
  margin:0 0 8px;
  font:700 34px/1.05 "Cormorant Garamond",serif;
}
.verify-box p{
  margin:0;
  color:#d9e6e0;
  font-size:12.5px;
  line-height:1.7;
}

/* Trust document preview pages */
.document-preview-wrap{
  max-width:920px;
  margin:0 auto;
}
.document-preview-card{
  background:#fff;
  border:1px solid #eadcc5;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(21,61,50,.08);
}
.document-preview-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  background:#173d32;
  color:#fff;
}
.document-preview-toolbar strong{
  font:700 20px/1.1 "Cormorant Garamond",serif;
}
.document-preview-toolbar a{
  color:#fff;
  text-decoration:none;
  font:700 10px/1 Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:8px;
}
.document-paper{
  min-height:620px;
  padding:56px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(23,61,50,.035) 29px) border-box;
}
.document-paper .seal{
  width:86px;height:86px;border-radius:50%;
  border:2px solid #d87517;
  display:flex;align-items:center;justify-content:center;
  color:#d87517;
  font-weight:700;
  margin:0 auto 26px;
}
.document-paper h1{
  text-align:center;
  color:#173d32;
  font:700 38px/1.05 "Cormorant Garamond",serif;
  margin:0 0 14px;
}
.document-paper .ref{
  text-align:center;
  color:#7a847f;
  font-size:11px;
  margin-bottom:30px;
}
.document-paper p{
  color:#4f5f57;
  font-size:14px;
  line-height:1.9;
}
.document-paper .signature{
  margin-top:54px;
  display:flex;
  justify-content:space-between;
  gap:40px;
}
.document-paper .signature div{
  width:220px;
  border-top:1px solid #cfc1ae;
  padding-top:8px;
  color:#67736c;
  font-size:11px;
}

@media(max-width:950px){
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .document-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .trust-grid{grid-template-columns:1fr}
  .document-card{
    grid-template-columns:54px 1fr;
  }
  .document-actions{
    grid-column:1/-1;
    flex-direction:row;
  }
  .doc-view-btn,.doc-download-btn{flex:1}
  .verify-box{grid-template-columns:1fr}
  .document-paper{padding:30px 20px}
}

/* ---------- Homepage hero feature card alignment ---------- */
.hero-panel .features{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
}
.hero-panel .feature{
  min-height:105px;
}
@media(max-width:620px){
  .hero-panel .features{grid-template-columns:1fr!important}
}

.principal-photo img{object-position:center top!important;}


/* ===== V8 refinement: topbar social ===== */
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-contact{display:flex;gap:20px;align-items:center}
.topbar-right{display:flex;align-items:center;gap:18px}
.top-social{display:flex;gap:7px}
.top-social a{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);color:#f8e2b0;text-decoration:none;font:700 10px Inter,sans-serif;transition:.2s ease}
.top-social a:hover{background:#d87517;border-color:#d87517;color:#fff}

/* ===== Hero right card fix ===== */
.hero-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#eadfcf;margin:20px 0;border:1px solid #eadfcf}
.hero-feature-grid>div{background:#fffdf9;padding:16px 14px;min-height:88px}
.hero-feature-grid b{display:block;color:#c17719;font:700 13px Inter,sans-serif;margin-bottom:7px}
.hero-feature-grid span{display:block;color:#485850;font-size:12px;line-height:1.45}
.hero-trust-card{width:100%;max-width:430px}
.hero-trust-card .trust-card-head strong{max-width:290px}

/* ===== Home image slider section ===== */
.home-story-section{background:#fff}
.home-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.story-slider{position:relative;height:530px;border-radius:22px;overflow:hidden;box-shadow:0 24px 65px rgba(21,61,50,.14);background:#153d32}
.story-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}
.story-slide.active{opacity:1;visibility:visible}
.story-slide img{width:100%;height:100%;object-fit:cover}
.story-slide:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(8,31,25,.75))}
.story-caption{position:absolute;left:28px;bottom:28px;z-index:2;color:#fff}
.story-caption b{display:block;font:700 30px/1.05 "Cormorant Garamond",serif}
.story-caption span{font-size:12px;color:#e7eee9}
.story-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(15,51,41,.64);color:#fff;font-size:26px;cursor:pointer}
.story-prev{left:18px}.story-next{right:18px}
.story-dots{position:absolute;bottom:20px;right:24px;z-index:3;display:flex;gap:7px}.story-dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.45);padding:0}.story-dots button.active{width:25px;border-radius:8px;background:#d87517}
.home-story-copy h2{font:700 52px/1.02 "Cormorant Garamond",serif;color:#173d32;margin:10px 0 18px}
.story-points{display:grid;gap:12px;margin:25px 0}.story-points>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:13px 0;border-bottom:1px solid #eee1cf}.story-points i{font-style:normal;color:#d87517;font-weight:800}.story-points b{display:block;color:#173d32;font-size:14px}.story-points small{display:block;color:#707a75;font-size:12px;margin-top:3px}

/* ===== About leadership/team fixed ===== */
.about-leadership{overflow:hidden}
.leadership-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}
.leadership-photo{position:relative;min-width:0}
.leadership-photo img{width:100%;height:560px;object-fit:cover;object-position:center 20%;display:block;border-radius:22px;box-shadow:0 22px 60px rgba(21,61,50,.14)}
.leadership-name{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(16,47,39,.93);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:17px 19px;color:#fff;backdrop-filter:blur(10px)}
.leadership-name strong{display:block;font:700 24px/1.05 "Cormorant Garamond",serif}.leadership-name span{display:block;color:#dfe9e4;font-size:11px;margin-top:4px}
.leadership-copy h2{font:700 50px/1.02 "Cormorant Garamond",serif;color:#173d32;margin:10px 0 18px}
.leadership-copy p{color:#64716a;line-height:1.75;font-size:14px}
.leadership-copy blockquote{margin:24px 0;padding:18px 20px;border-left:3px solid #d87517;background:#fff;border-radius:0 12px 12px 0;color:#173d32;font:600 20px/1.4 "Cormorant Garamond",serif}
.leadership-sign{font-weight:700;color:#173d32}.leadership-sign span{display:block;font-size:11px;color:#a56d19;margin-top:3px}
.about-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.about-team-card{min-width:0;background:#fff;border:1px solid #eadcc5;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(21,61,50,.07)}
.about-team-card img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 25%}
.about-team-card .team-body{padding:19px}
.about-team-card .team-body>span{display:block;color:#d87517;font:700 10px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.about-team-card h3{font:700 25px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}
.about-team-card p{font-size:12px;color:#69746e;line-height:1.65;margin:0}

/* ===== Trust page alternate UI ===== */
.trust-confidence-section{background:#fff}
.trust-confidence-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:end;margin-bottom:36px}
.trust-confidence-head h2{font:700 52px/1 "Cormorant Garamond",serif;color:#173d32;margin:8px 0 0}
.trust-confidence-head p{margin:0;color:#65716b;line-height:1.75;font-size:14px}
.trust-confidence-list{border-top:1px solid #e7d9c6}
.trust-confidence-list article{display:grid;grid-template-columns:70px 56px 1fr;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid #e7d9c6}
.tc-number{color:#a79b8b;font:700 11px Inter,sans-serif}.tc-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#173d32;color:#f0c06b;font-weight:700}
.trust-confidence-list h3{font:700 28px/1 "Cormorant Garamond",serif;color:#173d32;margin:0 0 6px}.trust-confidence-list p{margin:0;color:#68736d;font-size:12.5px;line-height:1.65}

/* ===== Admission redesigned ===== */
.admission-overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.admission-overview h2{font:700 52px/1.02 "Cormorant Garamond",serif;color:#173d32;margin:8px 0 16px}
.admission-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:24px 0}.admission-checks span{font-size:12px;color:#526159;font-weight:600}
.admission-help-card{background:#173d32;color:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 50px rgba(21,61,50,.16)}.small-label{display:block;color:#efc477;font:700 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}.admission-help-card h3{font:700 34px/1.05 "Cormorant Garamond",serif;margin:9px 0 12px}.admission-help-card p{color:#d9e5df;font-size:12.5px;line-height:1.7}.admission-contact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:11px}.admission-help-card>a{display:flex;justify-content:space-between;margin-top:20px;color:#f0c36c;text-decoration:none;font-weight:700;font-size:11px;text-transform:uppercase}
.admission-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:18px}.admission-timeline:before{content:"";position:absolute;top:29px;left:7%;right:7%;height:1px;background:#d8c8b2}.admission-timeline article{position:relative;background:#fff;border:1px solid #e6d8c6;border-radius:16px;padding:22px;z-index:1}.step-num{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#173d32;color:#fff;font-weight:800;margin-bottom:20px}.admission-timeline small{color:#d87517;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.admission-timeline h3{font:700 25px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:5px 0 8px}.admission-timeline p{font-size:12px;color:#69746e;line-height:1.65}
.admission-two-col{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:start}.admission-two-col h2{font:700 46px/1.04 "Cormorant Garamond",serif;color:#173d32}.requirements-list{display:grid;gap:0}.requirements-list>div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eadcc5}.requirements-list i{font-style:normal;color:#d87517;font-weight:800}.requirements-list b{display:block;color:#173d32;font-size:13px}.requirements-list small{display:block;color:#707a75;font-size:11px;margin-top:3px}.international-box{background:#f8f3ea;border:1px solid #eadcc5;border-radius:18px;padding:28px}.international-box h3{font:700 34px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:8px 0 12px}.international-box p{font-size:13px;color:#68736d;line-height:1.75}

/* ===== Contact map new layout ===== */
.contact-location-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:stretch}.contact-map-frame{border-radius:19px;overflow:hidden;min-height:470px;border:1px solid #dfd2c0;background:#fff;box-shadow:0 14px 40px rgba(21,61,50,.08)}.contact-map-frame iframe{display:block;width:100%;height:100%;min-height:470px;border:0}.location-info-card{background:#173d32;color:#fff;border-radius:19px;padding:30px}.location-info-card h3{font:700 35px/1.04 "Cormorant Garamond",serif;margin:8px 0 10px}.location-info-card>p{font-size:12.5px;color:#d6e3dd;line-height:1.7}.location-detail{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.location-detail i{font-style:normal;color:#f0c36c}.location-detail b{display:block;font-size:12px}.location-detail small{display:block;color:#cddbd5;margin-top:3px}.location-info-card .btn{margin-top:22px;width:100%;text-align:center}

@media(max-width:980px){
  .topbar-right .dev{display:none}.home-story-grid,.leadership-grid,.trust-confidence-head,.admission-overview-grid,.admission-two-col,.contact-location-grid{grid-template-columns:1fr}
  .about-team-grid{grid-template-columns:repeat(2,1fr)}
  .admission-timeline{grid-template-columns:repeat(2,1fr)}.admission-timeline:before{display:none}
  .hero-trust-card{display:none}
}
@media(max-width:680px){
  .topbar-contact span:nth-child(3){display:none}.top-social{display:none}
  .story-slider{height:390px}.home-story-copy h2,.leadership-copy h2,.trust-confidence-head h2,.admission-overview h2{font-size:40px}
  .about-team-grid,.admission-timeline,.admission-checks{grid-template-columns:1fr}
  .leadership-photo img{height:440px}
  .trust-confidence-list article{grid-template-columns:45px 45px 1fr;gap:12px}
}


/* ===== V9 additional homepage sections ===== */
.join-benefits-section{background:linear-gradient(180deg,#fbfaf7 0%,#f6f3ec 100%);position:relative;overflow:hidden}
.join-benefits-section:before,.join-benefits-section:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid rgba(23,61,50,.05);background:radial-gradient(circle, rgba(23,61,50,.03) 0%, rgba(23,61,50,0) 72%)}
.join-benefits-section:before{left:-90px;top:40px}.join-benefits-section:after{right:-90px;bottom:20px}
.join-benefits-title{max-width:820px;margin:0 auto 38px;text-align:center}
.join-benefits-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid #eadcc5;border-bottom:1px solid #eadcc5;position:relative;z-index:1}
.join-benefit-card{padding:22px 18px 20px;border-right:1px solid #eadcc5;text-align:center;background:rgba(255,255,255,.38)}
.join-benefit-card:last-child{border-right:0}
.join-benefit-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#edf1e7;color:#173d32;margin:0 auto 14px;font-size:22px;font-weight:700}
.join-benefit-card h3{font:700 26px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}
.join-benefit-card p{margin:0;color:#66726b;font-size:12.5px;line-height:1.7}

.community-showcase-section{padding-top:85px;padding-bottom:85px}
.community-showcase-grid{background:#fff;border:1px solid #eadcc5;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(21,61,50,.08)}
.community-mini-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:22px 28px;border-bottom:1px solid #efe2cf;background:#fbf8f2}
.mini-stat{padding:0 16px;border-right:1px solid #ece1d0;text-align:center}
.mini-stat:last-child{border-right:0}
.mini-stat span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f3f0e8;color:#a56d19;margin:0 auto 10px;font-size:16px}
.mini-stat b{display:block;color:#173d32;font:700 11px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.mini-stat small{display:block;color:#69736e;font-size:11.5px;line-height:1.55}
.teacher-spotlight-block,.student-voice-block,.offer-card{padding:28px}
.community-block-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.community-block-head a{font-size:12px;font-weight:700;color:#a56d19;text-decoration:none}
.teacher-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.teacher-mini-card{text-align:center}
.teacher-mini-card img{width:100%;height:120px;border-radius:18px;object-fit:cover;display:block;margin-bottom:10px}
.teacher-mini-card h4{margin:0;color:#173d32;font:700 20px/1.05 "Cormorant Garamond",serif}
.teacher-mini-card span{display:block;color:#7c877f;font-size:11.5px;margin-top:4px}
.student-voice-block{border-top:1px solid #efe2cf;border-right:1px solid #efe2cf;border-left:1px solid #efe2cf}
.student-voice-block blockquote{margin:12px 0 14px;color:#173d32;font:600 24px/1.5 "Cormorant Garamond",serif}
.quote-author{font-size:11px;color:#7f786d;text-transform:uppercase;letter-spacing:.08em}.quote-dots{display:flex;gap:7px;margin-top:14px}.quote-dots span{width:8px;height:8px;border-radius:50%;background:#d7d3cc;display:block}.quote-dots .active{background:#d87517}
.offer-card{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;background:linear-gradient(90deg,#f5ede3 0%,#f7f4ee 50%,#efe7dc 100%);position:relative}
.offer-card:after{content:"";min-height:170px;border-radius:18px;background:url("assets/institute/practice-wide-2.jpg") center/cover no-repeat;display:block}
.offer-card h3{font:700 38px/1.02 "Cormorant Garamond",serif;color:#173d32;margin:6px 0 10px}.offer-card p{color:#6a726e;font-size:13px;line-height:1.75;margin:0 0 14px}

@media(max-width:1100px){.join-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.join-benefit-card:nth-child(3n){border-right:0}.join-benefit-card:nth-child(-n+3){border-bottom:1px solid #eadcc5}.community-mini-features,.teacher-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-mini-card:last-child{display:none}.offer-card{grid-template-columns:1fr}}
@media(max-width:820px){.join-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-benefit-card{border-bottom:1px solid #eadcc5}.join-benefit-card:nth-child(2n){border-right:0}.community-mini-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.mini-stat{padding:12px 10px;border-right:0;border-bottom:1px solid #ece1d0}.teacher-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-mini-card:last-child{display:block}.student-voice-block{border-left:0;border-right:0}.offer-card{grid-template-columns:1fr;padding:22px}.offer-card:after{min-height:210px}}
@media(max-width:560px){.join-benefits-grid{grid-template-columns:1fr}.join-benefit-card{border-right:0}.community-mini-features,.teacher-mini-grid{grid-template-columns:1fr}.mini-stat{border-bottom:1px solid #ece1d0}}

/* =======================================================================
   V10 PREMIUM FINAL LAYOUT
   ======================================================================= */
.premium-band{background:#102f27;color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.premium-band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.premium-band-item{padding:20px 24px;display:flex;gap:13px;align-items:center;border-right:1px solid rgba(255,255,255,.1)}
.premium-band-item:last-child{border-right:0}
.premium-band-item i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(216,117,23,.14);color:#f2c572;font-style:normal}
.premium-band-item b{display:block;font-size:12px;letter-spacing:.02em}.premium-band-item span{display:block;color:#cbd8d2;font-size:10.5px;margin-top:3px}

.section-kicker{display:inline-flex;align-items:center;gap:9px;color:#d87517;font:700 10px/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.section-kicker:before{content:"";width:30px;height:1px;background:#d87517}
.premium-heading{font:700 48px/1.03 "Cormorant Garamond",serif;color:#173d32;margin:10px 0 14px}
.premium-copy{color:#67736c;font-size:13.5px;line-height:1.8}

.premium-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.premium-card{background:#fff;border:1px solid #eadcc5;border-radius:18px;padding:25px;box-shadow:0 14px 36px rgba(21,61,50,.065)}
.premium-card .num{display:block;color:#d87517;font:700 11px Inter,sans-serif;letter-spacing:.1em;margin-bottom:14px}
.premium-card h3{font:700 28px/1.04 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}
.premium-card p{font-size:12.5px;color:#69746e;line-height:1.7;margin:0}

.page-final-cta{background:linear-gradient(135deg,#102f27,#173d32);color:#fff;position:relative;overflow:hidden}
.page-final-cta:before{content:"ॐ";position:absolute;right:5%;top:50%;transform:translateY(-50%);font:700 180px/1 "Noto Serif Devanagari",serif;color:rgba(255,255,255,.035)}
.page-final-cta .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.page-final-cta h2{font:700 46px/1.02 "Cormorant Garamond",serif;margin:0 0 8px}
.page-final-cta p{margin:0;color:#d6e2dc;font-size:13px;line-height:1.7;max-width:700px}
.page-final-cta .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-final-cta .btn-outline{border-color:rgba(255,255,255,.35);color:#fff}

.info-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.info-panel{background:#f8f3ea;border:1px solid #eadcc5;border-radius:18px;padding:28px}
.info-panel h3{font:700 32px/1.04 "Cormorant Garamond",serif;color:#173d32;margin:0 0 12px}
.info-list{display:grid;gap:0}.info-list>div{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #e8dccb}.info-list>div:last-child{border-bottom:0}.info-list i{font-style:normal;color:#d87517;font-weight:800}.info-list b{display:block;color:#173d32;font-size:12.5px}.info-list small{display:block;color:#727b76;font-size:11px;margin-top:3px;line-height:1.55}

.compare-table{overflow:auto;border:1px solid #eadcc5;border-radius:17px;background:#fff}
.compare-table table{width:100%;border-collapse:collapse;min-width:780px}
.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid #eee2d2;text-align:left;font-size:12px;color:#5f6c65}
.compare-table th{background:#173d32;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.compare-table tr:last-child td{border-bottom:0}.compare-table td:first-child{font-weight:700;color:#173d32}

.highlight-quote{padding:28px 30px;border-radius:18px;background:#fff;border-left:4px solid #d87517;box-shadow:0 12px 34px rgba(21,61,50,.05)}
.highlight-quote p{font:600 27px/1.45 "Cormorant Garamond",serif;color:#173d32;margin:0}.highlight-quote span{display:block;margin-top:12px;color:#9a6a32;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.icon-points{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.icon-point{padding:22px;border:1px solid #eadcc5;border-radius:16px;background:#fff}
.icon-point i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f4eee4;color:#d87517;font-style:normal;margin-bottom:13px}
.icon-point b{display:block;color:#173d32;font-size:13px}.icon-point p{margin:6px 0 0;color:#6b756f;font-size:11.5px;line-height:1.6}

.course-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience-card{background:#fff;border:1px solid #eadcc5;border-radius:16px;padding:22px}
.audience-card h4{font:700 24px/1.04 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}.audience-card p{font-size:12px;color:#68736d;line-height:1.65;margin:0}

.day-rhythm{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rhythm-card{position:relative;background:#173d32;color:#fff;border-radius:17px;padding:23px;min-height:160px}
.rhythm-card small{color:#efc67c;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.rhythm-card h4{font:700 25px/1.04 "Cormorant Garamond",serif;margin:7px 0 8px}.rhythm-card p{font-size:11.5px;color:#d3dfda;line-height:1.6;margin:0}

.blog-category-strip{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:0 0 30px}.blog-category-strip span{padding:8px 12px;border:1px solid #e1d5c4;border-radius:999px;background:#fff;color:#58675f;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

.faq-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.faq-help-card{background:#173d32;color:#fff;border-radius:18px;padding:28px}.faq-help-card h3{font:700 31px/1.04 "Cormorant Garamond",serif;margin:0 0 8px}.faq-help-card p{font-size:12px;color:#d4e0db;line-height:1.7}

.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.travel-card{padding:22px;border-radius:16px;background:#fff;border:1px solid #eadcc5}.travel-card h4{font:700 24px/1.04 "Cormorant Garamond",serif;color:#173d32;margin:0 0 7px}.travel-card p{font-size:11.5px;color:#6c7670;line-height:1.65;margin:0}

@media(max-width:980px){
  .premium-band .container{grid-template-columns:repeat(2,1fr)}
  .premium-band-item:nth-child(2){border-right:0}
  .premium-band-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .premium-card-grid,.course-audience{grid-template-columns:repeat(2,1fr)}
  .page-final-cta .container,.info-split,.faq-intro-grid{grid-template-columns:1fr}
  .icon-points,.day-rhythm,.travel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .premium-band .container,.premium-card-grid,.course-audience,.icon-points,.day-rhythm,.travel-grid{grid-template-columns:1fr}
  .premium-band-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .premium-band-item:last-child{border-bottom:0!important}
  .premium-heading{font-size:39px}
  .page-final-cta h2{font-size:38px}
}

/* =======================================================================
   V11 MOBILE-FIRST FINAL OVERRIDES
   These rules intentionally come last to override all older responsive CSS.
   ======================================================================= */

html,body{max-width:100%;overflow-x:hidden}
img,iframe,video{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}

@media(max-width:767px){

  /* ---------- Global spacing / typography ---------- */
  body{font-size:15px;line-height:1.6}
  .container{width:min(100% - 32px,1240px)!important}
  .section{padding:58px 0!important}
  .section-title{margin-bottom:28px!important}
  .section-title h2,.section-title .orn{font-size:clamp(2.25rem,10vw,3.05rem)!important;line-height:1.02!important}
  .section-title p,.muted,.premium-copy{font-size:14px!important;line-height:1.75!important}
  .eyebrow,.section-kicker{font-size:10px!important;letter-spacing:.11em!important}
  .premium-heading{font-size:clamp(2.3rem,10vw,3rem)!important;line-height:1.03!important}
  .btn{min-height:46px;padding:13px 18px!important;font-size:12px!important;border-radius:9px!important}

  /* ---------- Top bar ---------- */
  .topbar{padding:7px 0!important;min-height:34px}
  .topbar-inner,.topbar .container{display:flex!important;justify-content:center!important;align-items:center!important}
  .topbar-contact{gap:0!important}
  .topbar-contact span{display:none!important}
  .topbar-contact span:first-child{display:inline-flex!important;font-size:11px!important}
  .topbar-right{display:none!important}

  /* ---------- Header / mobile navigation ---------- */
  .header{position:relative!important;top:auto!important}
  .nav{min-height:72px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important}
  .brand{min-width:0!important;gap:9px!important}
  .brand img{width:48px!important;height:48px!important}
  .brand-title{font-size:22px!important;line-height:1!important}
  .brand-sub{font-size:11px!important;line-height:1.25!important}
  .menu-toggle{display:inline-flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid #e5d7c4!important;border-radius:10px!important;background:#fffdf8!important;color:#173d32!important;font-size:20px!important}
  .header-cta,.nav>.btn{display:none!important}

  .menu{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:16px!important;
    right:16px!important;
    width:auto!important;
    max-height:calc(100vh - 100px)!important;
    overflow-y:auto!important;
    padding:10px!important;
    background:#fffdf8!important;
    border:1px solid #eadcc5!important;
    border-radius:14px!important;
    box-shadow:0 22px 55px rgba(16,47,39,.18)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    z-index:99999!important;
  }
  .menu.open{display:flex!important}
  .nav-link,.nav-dropdown-toggle{
    min-height:0!important;
    width:100%!important;
    padding:13px 12px!important;
    justify-content:space-between!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  .nav-link:after,.nav-dropdown-toggle:after{display:none!important}
  .nav-link:hover,.nav-link.active,.nav-dropdown.active-parent .nav-dropdown-toggle{background:#f7eee2!important}
  .nav-dropdown{height:auto!important;display:block!important}
  .nav-dropdown-menu{
    position:static!important;
    width:100%!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:none!important;
    background:#f8f2e9!important;
    border:0!important;
    box-shadow:none!important;
    margin:3px 0 5px!important;
    padding:6px!important;
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block!important}
  .nav-dropdown-menu:before{display:none!important}
  .nav-dropdown-menu a{padding:11px 12px!important;font-size:12px!important}

  /* ---------- Homepage hero ---------- */
  .hero,.hero-premium{
    height:auto!important;
    min-height:680px!important;
  }
  .hero-inner,.hero-layout{
    min-height:680px!important;
    height:auto!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:72px 0 88px!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .hero h1,.hero-premium h1{
    font-size:clamp(3rem,14vw,4.05rem)!important;
    line-height:.94!important;
    max-width:100%!important;
    margin-bottom:16px!important;
  }
  .hero-copy p,.hero-premium .hero-copy p{font-size:14px!important;line-height:1.65!important;max-width:100%!important}
  .hero-copy .dev{font-size:18px!important;margin:14px 0 18px!important}
  .hero-kicker{font-size:10px!important;margin-bottom:10px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-actions .btn{width:100%!important;text-align:center!important}
  .hero-points{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;font-size:12px!important;margin:14px 0!important}
  .hero-trust-card{display:none!important}
  .hero-arrow{display:none!important}
  .hero-dots{bottom:45px!important}
  .hero-bottom-proof{display:none!important}
  .slide:after,.slide:nth-child(2):after,.slide:nth-child(3):after,.hero-premium .slide:after,.hero-premium .slide:nth-child(2):after,.hero-premium .slide:nth-child(3):after{
    background:linear-gradient(180deg,rgba(10,36,29,.25) 0%,rgba(10,36,29,.5) 28%,rgba(10,36,29,.91) 72%,rgba(10,36,29,.98) 100%)!important;
  }
  .hero h1,.hero-copy p,.hero-copy .dev,.hero-kicker,.slide:nth-child(2) h1,.slide:nth-child(2) .hero-copy p,.slide:nth-child(2) .hero-copy .dev,.slide:nth-child(2) .hero-kicker{color:#fff!important}

  /* ---------- Home stats / trust ---------- */
  .stats{margin-top:0!important}
  .stats-box,.trust-strip{grid-template-columns:repeat(2,1fr)!important;border-radius:0!important}
  .stat{padding:16px 8px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)!important}
  .stat:last-child{grid-column:auto!important}
  .stat b{font-size:18px!important}.stat span{font-size:10px!important}

  /* ---------- All two/three/four column layouts ---------- */
  .about-grid,.home-story-grid,.social-grid,.contact-grid,.journey-grid,.content-grid,.course-detail-hero,
  .contact-page,.principal-section,.leadership-grid,.trust-confidence-head,.admission-overview-grid,
  .admission-two-col,.contact-location-grid,.info-split,.faq-intro-grid,.page-final-cta .container,
  .community-showcase-grid,.offer-card{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .features-grid,.courses-grid,.experience-grid,.premium-card-grid,.course-audience,.icon-points,
  .day-rhythm,.travel-grid,.three-col,.two-col,.team-grid,.about-team-grid,.process-grid,
  .document-grid,.trust-grid,.blog-grid,.gallery-page,.video-grid{
    grid-template-columns:1fr!important;
  }

  /* ---------- About / image blocks ---------- */
  .image-card{min-height:340px!important;border-radius:18px!important}
  .image-badge{left:14px!important;bottom:14px!important;padding:12px 14px!important}
  .image-badge b{font-size:22px!important}
  .mini-features{grid-template-columns:1fr!important;gap:13px!important;margin-top:22px!important}
  .mini{padding:12px 0!important;border-bottom:1px solid #eee2d2!important}
  .mini:last-child{border-bottom:0!important}

  /* ---------- New split slider ---------- */
  .story-slider{height:360px!important;border-radius:18px!important}
  .story-caption{left:18px!important;bottom:22px!important}
  .story-caption b{font-size:25px!important}
  .story-arrow{width:38px!important;height:38px!important;font-size:22px!important}
  .story-prev{left:12px!important}.story-next{right:12px!important}
  .story-dots{right:18px!important;bottom:17px!important}
  .home-story-copy h2{font-size:clamp(2.45rem,11vw,3.1rem)!important}
  .story-points>div{grid-template-columns:35px 1fr!important}

  /* ---------- Why join benefits ---------- */
  .join-benefits-grid{grid-template-columns:1fr!important;border-left:1px solid #eadcc5!important;border-right:1px solid #eadcc5!important}
  .join-benefit-card{border-right:0!important;border-bottom:1px solid #eadcc5!important;padding:22px 18px!important}
  .join-benefit-card:last-child{border-bottom:0!important}
  .join-benefit-card h3{font-size:24px!important}

  /* ---------- Community / teacher showcase ---------- */
  .community-showcase-section{padding:58px 0!important}
  .community-showcase-grid{border-radius:18px!important}
  .community-mini-features{grid-template-columns:1fr!important;padding:10px 18px!important}
  .mini-stat{display:grid!important;grid-template-columns:44px 1fr!important;text-align:left!important;column-gap:12px!important;padding:14px 0!important}
  .mini-stat span{grid-row:1/3!important;margin:0!important}
  .mini-stat b,.mini-stat small{text-align:left!important}
  .teacher-spotlight-block,.student-voice-block,.offer-card{padding:20px!important}
  .teacher-mini-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .teacher-mini-card img{height:150px!important}
  .student-voice-block blockquote{font-size:21px!important}
  .offer-card:after{min-height:190px!important}

  /* ---------- Courses ---------- */
  .course{border-radius:15px!important}
  .course img{height:220px!important}
  .course h3{font-size:27px!important}
  .course p{font-size:12.5px!important}
  .course .body{padding:18px!important}
  .learn-grid{grid-template-columns:1fr 1fr!important}
  .learn{padding:18px 8px!important}
  .learn i{margin:auto!important}
  .compare-table{margin-left:-2px!important;margin-right:-2px!important}
  .compare-table table{min-width:720px!important}

  /* ---------- Campus / journey ---------- */
  .journey-card{min-height:340px!important}
  .gallery-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .gallery-grid img,.gallery-grid img:first-child{height:230px!important;grid-column:auto!important;grid-row:auto!important}

  /* ---------- Testimonials / batches ---------- */
  .testimonials,.batches{grid-template-columns:1fr!important}
  .quote,.batch{padding:16px!important}

  /* ---------- FAQ ---------- */
  .faq-wrap{grid-template-columns:1fr!important;gap:12px!important}
  .faq details summary{padding:15px 16px!important;font-size:13px!important}
  .faq details p{padding:0 16px 16px!important;font-size:12.5px!important}

  /* ---------- Forms ---------- */
  .form{grid-template-columns:1fr!important;padding:18px!important}
  .form textarea,.form .btn{grid-column:1!important}
  .form input,.form select,.form textarea{font-size:16px!important;min-height:46px!important}
  .contact-panel{padding:24px!important}
  .contact-panel h2{font-size:38px!important}

  /* ---------- Page heroes ---------- */
  .page-hero{min-height:360px!important}
  .page-hero .container{padding:58px 0!important}
  .page-hero h1{font-size:clamp(3rem,13vw,4rem)!important;line-height:.96!important;max-width:100%!important}
  .page-hero p{font-size:14px!important;line-height:1.7!important}
  .breadcrumb{font-size:10px!important;flex-wrap:wrap!important}

  /* ---------- Leadership / team ---------- */
  .leadership-photo img{height:410px!important;border-radius:18px!important}
  .leadership-name{left:14px!important;right:14px!important;bottom:14px!important;padding:14px!important}
  .leadership-copy h2{font-size:clamp(2.5rem,11vw,3.2rem)!important}
  .leadership-copy blockquote{font-size:19px!important;padding:16px!important}
  .about-team-card img{height:300px!important}
  .about-team-card h3{font-size:26px!important}

  /* ---------- Trust page ---------- */
  .trust-confidence-head{margin-bottom:22px!important}
  .trust-confidence-list article{grid-template-columns:38px 44px 1fr!important;gap:10px!important;padding:17px 0!important}
  .tc-icon{width:42px!important;height:42px!important}
  .trust-confidence-list h3{font-size:23px!important}
  .documents-shell{padding:12px!important;border-radius:16px!important}
  .document-card{grid-template-columns:52px 1fr!important;gap:12px!important;padding:14px!important}
  .document-type{width:50px!important;height:62px!important}
  .document-actions{grid-column:1/-1!important;flex-direction:row!important}
  .doc-view-btn,.doc-download-btn{width:100%!important;min-width:0!important}

  /* ---------- Admission page ---------- */
  .admission-overview h2{font-size:clamp(2.5rem,11vw,3.2rem)!important}
  .admission-checks{grid-template-columns:1fr!important}
  .admission-help-card{padding:22px!important}
  .admission-timeline{grid-template-columns:1fr!important;gap:12px!important}
  .admission-timeline:before{display:none!important}
  .admission-timeline article{padding:18px!important}
  .step-num{width:48px!important;height:48px!important;margin-bottom:14px!important}
  .requirements-list>div{grid-template-columns:34px 1fr!important}
  .international-box{padding:22px!important}

  /* ---------- Contact map ---------- */
  .contact-map-frame,.contact-map-frame iframe{min-height:330px!important;height:330px!important}
  .location-info-card{padding:22px!important}
  .location-info-card h3{font-size:31px!important}

  /* ---------- Gallery video ---------- */
  .gallery-tabs{gap:7px!important;margin-bottom:20px!important}
  .gallery-tab-btn{flex:1!important;min-width:0!important;padding:10px 12px!important}
  .gallery-page img,.gallery-page img:nth-child(4n+1){height:230px!important;grid-row:auto!important}
  .video-card .body{padding:15px!important}
  .video-card h3{font-size:24px!important}
  .video-modal{padding:12px!important}

  /* ---------- Premium band ---------- */
  .premium-band .container{grid-template-columns:1fr!important}
  .premium-band-item{padding:15px 4px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .premium-band-item:last-child{border-bottom:0!important}

  /* ---------- Final CTA ---------- */
  .page-final-cta{padding:52px 0!important}
  .page-final-cta:before{font-size:110px!important;right:-10px!important}
  .page-final-cta h2{font-size:clamp(2.35rem,10vw,3rem)!important}
  .page-final-cta .cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .page-final-cta .cta-actions .btn{width:100%!important;text-align:center!important}

  /* ---------- Footer ---------- */
  .footer{padding-top:50px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-grid>div{grid-column:auto!important}
  .footer .brand img{width:58px!important;height:58px!important}
  .footer .brand-title{font-size:24px!important}
  .footer .brand-sub{font-size:12px!important}
  .footer p,.footer li{font-size:12px!important}
  .footer h4{font-size:11px!important;margin-bottom:9px!important}
  .newsletter{display:grid!important;grid-template-columns:1fr auto!important}
  .newsletter input{min-height:44px!important;font-size:14px!important}
  .copyright{flex-direction:column!important;gap:8px!important;font-size:10px!important;padding-bottom:6px!important}

  /* ---------- Floating WhatsApp ---------- */
  .float-wa{width:48px!important;height:48px!important;right:14px!important;bottom:14px!important;font-size:20px!important}

  /* ---------- Avoid desktop sticky/oversized ---------- */
  .side-card{position:static!important;padding:20px!important}
  .course-detail-hero img{height:300px!important}
  .course-facts{grid-template-columns:1fr 1fr!important}
  .map-card iframe{height:330px!important}
  .map-meta{flex-direction:column!important;align-items:flex-start!important;padding:18px!important}
}

@media(max-width:420px){
  .container{width:min(100% - 24px,1240px)!important}
  .brand-title{font-size:20px!important}.brand-sub{font-size:10px!important}.brand img{width:44px!important;height:44px!important}
  .nav{min-height:66px!important}
  .hero,.hero-premium,.hero-inner,.hero-layout{min-height:640px!important}
  .hero-inner,.hero-layout{padding-top:58px!important;padding-bottom:78px!important}
  .hero h1,.hero-premium h1{font-size:clamp(2.75rem,14vw,3.55rem)!important}
  .page-hero h1{font-size:clamp(2.7rem,13vw,3.55rem)!important}
  .stats-box,.trust-strip{grid-template-columns:1fr 1fr!important}
  .learn-grid{grid-template-columns:1fr!important}
  .course-facts{grid-template-columns:1fr!important}
  .teacher-mini-grid{grid-template-columns:1fr!important}
  .story-slider{height:325px!important}
  .leadership-photo img{height:365px!important}
  .about-team-card img{height:270px!important}
  .gallery-page img,.gallery-page img:nth-child(4n+1){height:210px!important}
}

/* =======================================================================
   V12 SELECTED REAL INSTITUTE PHOTOGRAPHY
   ======================================================================= */
.institute-real-moments{background:#fff}
.real-moments-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr 1.35fr;gap:14px}
.real-moments-grid figure{position:relative;margin:0;height:290px;overflow:hidden;border-radius:17px;background:#173d32}
.real-moments-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.real-moments-grid figure:hover img{transform:scale(1.035)}
.real-moments-grid figure:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(7,31,24,.78))}
.real-moments-grid figcaption{position:absolute;left:17px;bottom:15px;z-index:2;color:#fff;font:700 16px/1 Inter,sans-serif}

.training-proof-grid,.institutional-proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.training-proof-photos{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}
.training-proof-photos img{width:100%;height:360px;object-fit:cover;border-radius:18px;box-shadow:0 16px 42px rgba(21,61,50,.09)}
.training-proof-photos img:last-child{height:300px;align-self:end}
.institutional-proof-photo img{width:100%;height:410px;object-fit:cover;border-radius:20px;box-shadow:0 18px 48px rgba(21,61,50,.1)}

.story-slide img{object-position:center center}
.gallery-page img{background:#eee}

@media(max-width:980px){
  .real-moments-grid{grid-template-columns:repeat(2,1fr)}
  .training-proof-grid,.institutional-proof-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .real-moments-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .real-moments-grid figure{height:190px!important;border-radius:13px!important}
  .real-moments-grid figcaption{font-size:12px!important;left:12px!important;bottom:11px!important}
  .training-proof-photos{grid-template-columns:1fr!important}
  .training-proof-photos img,.training-proof-photos img:last-child{height:250px!important}
  .institutional-proof-photo img{height:300px!important}
}
@media(max-width:430px){
  .real-moments-grid{grid-template-columns:1fr!important}
  .real-moments-grid figure{height:230px!important}
}

/* =======================================================================
   V13 REAL TEAM + REAL COURSE CATALOGUE
   ======================================================================= */
.real-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.real-team-grid .about-team-card img{object-position:center 22%;background:#eee}
.real-team-grid .about-team-card:first-child img{object-position:center center}
.teacher-mini-card img{object-position:center 20%}

.real-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.real-course-card{display:block;text-decoration:none;color:inherit}
.real-course-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(21,61,50,.11)}
.real-course-card .body p{font-size:12px;color:#65716b}
.courses-all-cta{text-align:center;margin-top:30px}

.courses-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:46px;align-items:start}
.courses-contact-box{margin-top:24px;padding:18px;border-radius:14px;background:#173d32;color:#fff;display:grid;gap:5px}
.courses-contact-box b{color:#f0c572;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.courses-contact-box span{font-size:12px;color:#d8e5df;line-height:1.5}
.course-notice-card{background:#fff;border:1px solid #eadcc5;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(21,61,50,.07)}
.course-notice-card img{display:block;width:100%;height:360px;object-fit:cover;object-position:top}
.course-notice-card>div{padding:20px}
.course-notice-card h3{font:700 28px/1.04 "Cormorant Garamond",serif;color:#173d32;margin:0 0 7px}
.course-notice-card p{color:#6a756f;font-size:12px;margin:0 0 14px}

.actual-course-table table{min-width:900px}
.actual-course-table td:nth-child(1){width:55px;text-align:center}
.actual-course-table td:nth-child(3){width:125px;white-space:nowrap}
.actual-course-table td:nth-child(4){width:150px}
.actual-course-table td{vertical-align:top}
.course-catalog-mobile{display:none}
.catalog-course-card{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px;background:#fff;border:1px solid #eadcc5;border-radius:13px}
.catalog-sl{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#173d32;color:#fff;font-weight:800;font-size:11px}
.catalog-course-card h3{font:700 22px/1.08 "Cormorant Garamond",serif;color:#173d32;margin:0 0 10px}
.catalog-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.catalog-meta span{display:block;padding:9px 10px;background:#f8f3ea;border-radius:8px;color:#68736d;font-size:11px}
.catalog-meta b{display:block;color:#a56d19;text-transform:uppercase;font-size:8px;letter-spacing:.07em;margin-bottom:3px}

.verified-document-card{border-color:#d6dfd7}
.verified-document-card .document-type{background:linear-gradient(180deg,#173d32,#0c2c23)}
.real-document-grid{grid-template-columns:1fr 1fr}

@media(max-width:980px){
  .real-team-grid,.real-courses-grid{grid-template-columns:repeat(2,1fr)}
  .courses-intro-grid{grid-template-columns:1fr}
  .course-notice-card img{height:480px}
}
@media(max-width:767px){
  .real-team-grid,.real-courses-grid,.real-document-grid{grid-template-columns:1fr!important}
  .real-team-grid .about-team-card img{height:320px!important;object-fit:cover!important}
  .real-team-grid .about-team-card:first-child img{object-position:center 35%!important}
  .course-catalog-desktop{display:none!important}
  .course-catalog-mobile{display:grid!important;gap:10px}
  .course-notice-card img{height:420px!important}
  .catalog-meta{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  .course-notice-card img{height:350px!important}
  .catalog-meta{grid-template-columns:1fr!important}
}


/* ===== V14 final real-image and header fixes ===== */
.topbar{padding:8px 0;background:#0d3a2f!important}
.topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
.topbar-contact{display:grid!important;grid-template-columns:auto auto minmax(320px,1fr);gap:14px 18px;align-items:start;min-width:0}
.topbar-contact span{display:flex;align-items:flex-start;line-height:1.35;color:#f7efdf}
.topbar-contact span:last-child{max-width:100%}
.topbar-right{display:flex!important;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.topbar-right .dev{white-space:nowrap;font-size:11px}
.top-social{display:flex;gap:8px;flex-wrap:nowrap}
.top-social a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,200,121,.55);color:#f7efdf;text-decoration:none}
.header{position:sticky;top:0;z-index:80}
.nav{gap:24px}
.menu{flex-wrap:nowrap;gap:22px}
.hero .slide-bg,.page-hero{background-color:#16372f}
.team-photo.portrait{object-fit:contain!important;object-position:center center!important;background:#f4efe7}
.team-photo.landscape{object-fit:cover!important;object-position:center 24%!important;background:#f4efe7}
.teacher-mini-card img{height:160px!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(17,51,41,.06)}
.teacher-mini-card .portrait,.teacher-mini-card img.portrait{object-fit:contain!important;object-position:center center!important;padding:0;background:#f4efe7}
.about-team-card img.portrait{object-fit:contain!important;object-position:center center!important;background:#f4efe7}
.about-team-card img.landscape{object-fit:cover!important;object-position:center 20%!important;background:#f4efe7}
.testimonials{grid-template-columns:1fr!important;gap:14px}
.quote{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;box-shadow:0 10px 25px rgba(17,51,41,.05)}
.quote-head{gap:12px}
.avatar{width:58px;height:58px;border:3px solid #f3e4ca;object-fit:cover;object-position:center center}
.quote p{font-size:12px}
.student-voice-block blockquote{font-size:clamp(1.85rem,3vw,2.5rem)}
@media(max-width:1180px){
  .topbar-inner{grid-template-columns:1fr}
  .topbar-right{justify-content:flex-start}
}
@media(max-width:860px){
  .topbar-contact{grid-template-columns:1fr!important}
  .topbar-right{display:none!important}
  .topbar-contact span{font-size:11px}
}
@media(max-width:760px){
  .topbar{padding:8px 0!important}
  .topbar-inner,.topbar .container{display:block!important}
  .topbar-contact{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .topbar-contact span{display:flex!important;font-size:11px!important;white-space:normal!important}
  .teacher-mini-card img{height:180px!important}
}


/* ===== V15 header, leadership, testimonials and bilingual selector ===== */
.topbar{padding:6px 0!important;min-height:42px!important}
.topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important}
.topbar-contact{display:flex!important;align-items:center!important;gap:22px!important;min-width:0!important;flex-wrap:nowrap!important}
.topbar-contact span{font-size:11px!important;line-height:1.25!important;white-space:nowrap!important}
.topbar-right{display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-end!important}
.topbar-right .dev{font-size:10px!important;white-space:nowrap!important}
.language-switcher-wrap{display:flex;align-items:center;gap:7px;color:#f0d597;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.language-switcher{height:29px;border:1px solid rgba(240,211,151,.48);border-radius:6px;background:#153f33;color:#fff;padding:0 24px 0 8px;font:600 10px Inter,sans-serif;outline:none;cursor:pointer}
.top-social a{width:27px!important;height:27px!important}
#google_translate_element{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame{display:none!important}
body{top:0!important}
.skiptranslate iframe{display:none!important}

.teacher-mini-grid{align-items:start!important}
.teacher-mini-card{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important}
.teacher-mini-card img,.teacher-mini-card .team-photo{width:100%!important;height:230px!important;border-radius:18px!important;background:#f4efe7!important;margin-bottom:12px!important}
.teacher-mini-card img.portrait,.teacher-mini-card .portrait{object-fit:contain!important;object-position:center center!important}
.teacher-mini-card img.landscape,.teacher-mini-card .landscape{object-fit:cover!important;object-position:center 18%!important}
.teacher-mini-card h4{font-size:22px!important;margin-top:2px!important}
.teacher-mini-card span{font-size:11px!important}

.about-team-card img,.about-team-card .team-photo{height:330px!important;background:#f4efe7!important}
.about-team-card img.portrait,.about-team-card .portrait{object-fit:contain!important;object-position:center center!important}
.about-team-card img.landscape,.about-team-card .landscape{object-fit:cover!important;object-position:center 18%!important}
.leadership-photo img{object-fit:contain!important;background:#f4efe7!important;object-position:center center!important}

.testimonials{grid-template-columns:1fr!important;gap:13px!important}
.quote{padding:18px 20px!important}
.avatar{width:70px!important;height:70px!important;object-fit:cover!important;object-position:center!important;border:3px solid #f0dfc1!important}
.quote p{font-size:12px!important;line-height:1.7!important}
.quote small{font-size:11px!important;color:#46584f!important}

.hero .slide-bg{filter:saturate(.92) contrast(.96)!important}
.hero-card-dark{background:rgba(13,56,45,.94)!important;backdrop-filter:blur(8px)!important}

@media(max-width:1250px){
 .topbar-inner{grid-template-columns:1fr!important}
 .topbar-right{justify-content:flex-start!important}
 .topbar-contact{flex-wrap:wrap!important;row-gap:6px!important}
}
@media(max-width:900px){
 .topbar-right{display:none!important}
 .topbar-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 14px!important}
 .topbar-contact span:last-child{grid-column:1/-1!important}
}
@media(max-width:767px){
 .topbar{padding:7px 0!important}
 .topbar-inner,.topbar .container{display:block!important}
 .topbar-contact{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
 .topbar-contact span{display:flex!important;white-space:normal!important;font-size:10px!important}
 .language-switcher-wrap{display:flex!important;margin-top:5px!important}
 .teacher-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .teacher-mini-card img,.teacher-mini-card .team-photo{height:220px!important}
 .about-team-card img,.about-team-card .team-photo{height:340px!important}
 .avatar{width:64px!important;height:64px!important}
}
@media(max-width:480px){
 .teacher-mini-grid{grid-template-columns:1fr!important}
 .teacher-mini-card img,.teacher-mini-card .team-photo{height:300px!important}
}


/* =======================================================================
   V16 FINAL AUDIT / CACHE-SAFE RESPONSIVE FIXES
   ======================================================================= */

/* Global */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.section-title h2,.premium-heading,.page-final-cta h2{word-break:normal;overflow-wrap:break-word}

/* Header visibility */
.topbar{position:relative;z-index:100;background:#0d3a2f!important}
.header{position:sticky!important;top:0!important;z-index:9990!important;background:#fffdf8!important}
.topbar-inner{width:100%}
.topbar-contact span,.topbar-right,.topbar-right .dev,.language-switcher-wrap{opacity:1!important;visibility:visible!important}
.nav-dropdown-menu{z-index:10000!important}

/* Courses page: desktop table only at desktop */
.course-catalog-desktop{display:block!important}
.course-catalog-mobile{display:none!important}
.actual-course-table{width:100%;overflow-x:auto;border-radius:18px}
.actual-course-table table{width:100%!important;min-width:880px!important;border-collapse:collapse}
.actual-course-table th{background:#173d32!important;color:#fff!important;padding:15px 16px!important}
.actual-course-table td{padding:15px 16px!important;background:#fff!important;color:#536159!important;border-bottom:1px solid #eadfce!important}
.actual-course-table tr:hover td{background:#fbf6ed!important}
.actual-course-table td strong{color:#173d32!important}
.course-catalog-section{overflow:hidden}
.courses-intro-grid{align-items:stretch!important}
.course-notice-card{height:100%;display:flex;flex-direction:column}
.course-notice-card img{flex:1;min-height:360px}
.courses-contact-box{box-shadow:0 12px 32px rgba(21,61,50,.09)}

/* Final CTA: force readable heading / buttons */
.page-final-cta{background:linear-gradient(135deg,#0b3027,#16483a)!important}
.page-final-cta h2,
.page-final-cta .premium-heading,
.page-final-cta .section-kicker,
.page-final-cta p{color:#fff!important}
.page-final-cta .section-kicker:before{background:#efc97a!important}
.page-final-cta .section-kicker{color:#efc97a!important}
.page-final-cta .btn-outline{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
.page-final-cta .btn-outline:hover{background:#fff!important;color:#173d32!important}

/* Footer contrast */
.footer{background:#0b3027!important;color:#e8f0ec!important}
.footer h4{color:#fff!important}
.footer p,.footer li,.footer a{color:#c7d8d0!important}
.footer a:hover{color:#f0c26c!important}
.footer .brand-title{color:#fff!important}
.footer .brand-sub{color:#e0b85e!important}
.footer .copyright,.copyright{color:#a9c0b5!important}
.footer .copyright span{color:#a9c0b5!important}
.newsletter input{color:#173d32!important;background:#fff!important}
.newsletter input::placeholder{color:#7d8882!important}
.newsletter button{color:#fff!important}

/* Leadership images: face visibility */
.teacher-mini-card img,
.teacher-mini-card .team-photo{height:270px!important;object-fit:contain!important;object-position:center center!important;background:#f4efe7!important}
.teacher-mini-card img.landscape,
.teacher-mini-card .landscape{object-fit:cover!important;object-position:center 22%!important}
.about-team-card img,
.about-team-card .team-photo{height:370px!important;object-fit:contain!important;object-position:center center!important;background:#f4efe7!important}
.about-team-card img.landscape,
.about-team-card .landscape{object-fit:cover!important;object-position:center 22%!important}
.leadership-photo img{height:600px!important;object-fit:contain!important;object-position:center center!important;background:#f4efe7!important}

/* Testimonials */
.quote-head{align-items:center!important}
.avatar{width:72px!important;height:72px!important;object-fit:cover!important;object-position:center!important}
.quote small{color:#44574e!important}
.quote p{color:#526159!important}

/* Footer should use real course catalogue, not obsolete YTTC links */
.footer-grid ul li{margin:4px 0}

/* Defensive visibility */
.real-course-card,.course,.premium-card,.info-card,.document-card,.catalog-course-card{min-width:0}

/* Tablet */
@media(max-width:1024px){
  .container{width:min(100% - 40px,1240px)!important}
  .topbar-inner{grid-template-columns:1fr!important}
  .topbar-right{justify-content:flex-start!important}
  .topbar-contact{flex-wrap:wrap!important;gap:6px 16px!important}
  .menu{gap:15px!important}
  .nav-link,.nav-dropdown-toggle{font-size:12px!important}
  .courses-intro-grid{grid-template-columns:1fr!important}
  .course-notice-card img{height:460px!important;min-height:0!important}
  .real-courses-grid,.about-team-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* Mobile */
@media(max-width:767px){
  .container{width:min(100% - 28px,1240px)!important}
  .section{padding:54px 0!important}

  /* topbar */
  .topbar{padding:7px 0!important}
  .topbar-inner{display:block!important}
  .topbar-contact{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .topbar-contact span{display:flex!important;white-space:normal!important;font-size:10px!important;line-height:1.45!important}
  .topbar-right{display:none!important}

  /* mobile header */
  .nav{min-height:70px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .brand img{width:46px!important;height:46px!important}
  .brand-title{font-size:21px!important}
  .brand-sub{font-size:10px!important}
  .menu-toggle{display:inline-flex!important}
  .header-cta{display:none!important}
  .menu{display:none!important;position:absolute!important;top:100%!important;left:14px!important;right:14px!important;background:#fffdf8!important;padding:10px!important;border:1px solid #eadcc5!important;border-radius:14px!important;box-shadow:0 20px 48px rgba(17,51,41,.18)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;max-height:calc(100vh - 95px)!important;overflow:auto!important}
  .menu.open{display:flex!important}
  .nav-link,.nav-dropdown-toggle{min-height:0!important;padding:12px 13px!important;width:100%!important;justify-content:space-between!important;border-radius:9px!important}
  .nav-link:after,.nav-dropdown-toggle:after{display:none!important}
  .nav-dropdown{height:auto!important;display:block!important}
  .nav-dropdown-menu{position:static!important;display:none!important;width:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;box-shadow:none!important;border:0!important;background:#f8f1e7!important;margin:4px 0!important}
  .nav-dropdown.open .nav-dropdown-menu{display:block!important}

  /* courses page: mobile cards only */
  .course-catalog-desktop{display:none!important}
  .course-catalog-mobile{display:grid!important;gap:11px!important}
  .catalog-course-card{display:grid!important;grid-template-columns:42px 1fr!important;gap:11px!important;padding:15px!important;border:1px solid #eadcc5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(21,61,50,.045)!important}
  .catalog-course-card h3{font-size:21px!important;line-height:1.08!important;margin:0 0 9px!important;color:#173d32!important}
  .catalog-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .catalog-meta span{padding:8px 9px!important}
  .catalog-sl{width:38px!important;height:38px!important}
  .course-notice-card img{height:340px!important}
  .courses-contact-box{font-size:12px!important}

  /* leadership */
  .teacher-mini-grid{grid-template-columns:1fr 1fr!important}
  .teacher-mini-card img,.teacher-mini-card .team-photo{height:220px!important}
  .about-team-grid,.real-team-grid{grid-template-columns:1fr!important}
  .about-team-card img,.about-team-card .team-photo{height:360px!important}
  .leadership-photo img{height:430px!important}

  /* final CTA */
  .page-final-cta .container{grid-template-columns:1fr!important}
  .page-final-cta .cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .page-final-cta .btn{width:100%!important;text-align:center!important}

  /* footer */
  .footer{padding:48px 0 18px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:26px!important}
  .footer-grid>div{grid-column:auto!important}
  .footer p,.footer li,.footer a{font-size:12px!important}
  .footer h4{font-size:12px!important}
  .copyright{flex-direction:column!important;gap:7px!important}

  /* map / tables / media */
  .contact-map-frame,.contact-map-frame iframe{min-height:320px!important;height:320px!important}
  .compare-table{overflow-x:auto!important}
  .gallery-page,.video-grid{grid-template-columns:1fr!important}
}

@media(max-width:480px){
  .container{width:min(100% - 22px,1240px)!important}
  .teacher-mini-grid{grid-template-columns:1fr!important}
  .teacher-mini-card img,.teacher-mini-card .team-photo{height:300px!important}
  .about-team-card img,.about-team-card .team-photo{height:330px!important}
  .leadership-photo img{height:390px!important}
  .catalog-meta{grid-template-columns:1fr!important}
  .course-notice-card img{height:300px!important}
}


/* V17 Membership, Donation & Registration */
.membership-grid,.impact-grid,.process-grid,.registration-highlights,.membership-benefit-grid,.donation-uses-grid{display:grid;gap:22px}
.membership-grid{grid-template-columns:repeat(3,1fr)}
.membership-card,.impact-card,.use-card,.info-panel{background:#fff;border:1px solid #eadcc8;border-radius:18px;box-shadow:0 12px 35px rgba(44,58,50,.05)}
.membership-card{padding:28px;position:relative;overflow:hidden}
.membership-card.featured{border-color:#d7a14a;box-shadow:0 20px 45px rgba(21,61,50,.12)}
.membership-card .badge{position:absolute;top:0;right:22px;background:#d77d17;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:0 0 12px 12px}
.membership-icon,.impact-icon,.use-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#173d32,#0f3329);display:grid;place-items:center;color:#f2c46e;font-size:26px;margin-bottom:18px}
.membership-card h3,.impact-card h3,.use-card h3,.split-panel h3,.info-panel h3{font:700 34px/1.03 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}
.membership-card p,.impact-card p,.use-card p,.split-panel p,.info-panel p,.benefit-list li,.custom-list li,.reg-note,.tiny{font-size:12.5px;line-height:1.75;color:#64716b}
.price-line{display:flex;align-items:baseline;gap:7px;margin:14px 0 16px;padding:12px 0;border-top:1px solid #efe5d7;border-bottom:1px solid #efe5d7}
.price-line strong{font:700 34px/1 "Cormorant Garamond",serif;color:#173d32}
.price-line span{font-size:12px;color:#8c7a64}
.benefit-list,.custom-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.benefit-list li,.custom-list li{position:relative;padding-left:22px}
.benefit-list li:before,.custom-list li:before{content:"✓";position:absolute;left:0;top:0;color:#d77d17;font-weight:800}
.membership-card .btn,.impact-card .btn,.use-card .btn{margin-top:18px;width:100%}
.membership-benefit-grid,.donation-uses-grid,.impact-grid,.process-grid{grid-template-columns:repeat(4,1fr)}
.benefit-tile,.process-tile{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:22px;text-align:center}
.benefit-tile i,.process-tile .num{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:0 auto 12px;background:#eef2e7;color:#916c26;font-style:normal;font-size:24px}
.benefit-tile h4,.process-tile h4{font:700 22px/1.05 "Cormorant Garamond",serif;color:#173d32;margin:0 0 8px}
.benefit-tile p,.process-tile p{font-size:11.5px;color:#67726c;line-height:1.65;margin:0}
.split-section{display:grid;grid-template-columns:1fr .92fr;gap:28px;align-items:start}
.split-panel,.info-panel{padding:30px}
.media-panel{border-radius:22px;overflow:hidden;min-height:420px;box-shadow:0 22px 55px rgba(17,51,41,.14);position:relative}
.media-panel img{width:100%;height:100%;object-fit:cover;min-height:420px}
.media-panel .overlay-card{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(255,251,245,.94);backdrop-filter:blur(8px);border:1px solid rgba(215,161,74,.26);border-radius:18px;padding:20px}
.impact-card,.use-card{padding:24px}
.registration-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start}
.registration-form{background:linear-gradient(180deg,#fff,#fffaf2);border:1px solid rgba(199,155,74,.24);box-shadow:0 18px 50px rgba(18,57,46,.08);border-radius:18px;padding:26px}
.registration-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.registration-form .field-full{grid-column:1/-1}
.registration-form label{display:block;font-size:11px;font-weight:700;color:#173d32;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.registration-form input,.registration-form select,.registration-form textarea{width:100%;padding:13px 14px;border:1px solid #dad5cb;border-radius:8px;background:#fff;font:inherit;font-size:12px;outline:none}
.registration-form input:focus,.registration-form select:focus,.registration-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,155,74,.1)}
.registration-form textarea{min-height:120px;resize:vertical}
.registration-form .check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#64716b}
.registration-form .check-row input{width:auto;min-height:0;margin-top:3px}
.registration-highlights{grid-template-columns:repeat(2,1fr);margin-top:18px}
.highlight-mini{background:#fff;border:1px solid #eadcc8;border-radius:14px;padding:18px}
.highlight-mini b{display:block;color:#173d32;font:700 20px/1.05 "Cormorant Garamond",serif;margin-bottom:6px}
.cta-band{padding:26px 0 0}
.cta-band .inner{background:linear-gradient(135deg,#173d32,#0d2f27);color:#fff;border-radius:18px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cta-band h3{font:700 42px/1 "Cormorant Garamond",serif;margin:0 0 8px;color:#fff}
.cta-band p{margin:0;color:#d9e5df;max-width:580px;line-height:1.7}
.hero-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#f1dca8;text-transform:uppercase;letter-spacing:.08em}
.hero-crumbs a{color:#f1dca8}
.page-hero p.hero-compact{max-width:620px}
.note-box{background:#fffaf1;border:1px solid #eadcc8;border-radius:14px;padding:16px 18px;color:#56655d;font-size:12px;line-height:1.7}
@media(max-width:1024px){.membership-grid,.membership-benefit-grid,.donation-uses-grid,.impact-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.split-section,.registration-shell{grid-template-columns:1fr}.media-panel,.media-panel img{min-height:360px}}
@media(max-width:760px){.membership-grid,.membership-benefit-grid,.donation-uses-grid,.impact-grid,.process-grid,.registration-highlights,.registration-form .form-grid{grid-template-columns:1fr}.registration-form .field-full{grid-column:1}.cta-band .inner{flex-direction:column;align-items:flex-start}.cta-band h3{font-size:34px}.membership-card,.impact-card,.use-card,.split-panel,.info-panel,.registration-form{padding:22px}.page-hero .hero-crumbs{font-size:10px}}


/* =======================================================================
   V18 MOBILE/TABLET NAVIGATION FINAL FIX
   One breakpoint (1040px) for menu visibility and dropdown interaction.
   ======================================================================= */
@media(max-width:1040px){
  .header{position:sticky!important;top:0!important;z-index:99990!important;background:#fffdf8!important}
  .nav{position:relative!important;min-height:74px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
  .brand{min-width:0!important;max-width:calc(100vw - 92px)!important}
  .brand img{flex:0 0 auto!important}
  .menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:1px solid #e2d4c1!important;border-radius:10px!important;background:#fffdf8!important;color:#173d32!important;cursor:pointer!important;position:relative!important;z-index:100002!important}
  .header-cta{display:none!important}
  .menu{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 105px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:2px!important;
    padding:10px!important;
    background:#fffdf8!important;
    border:1px solid #eadcc5!important;
    border-radius:14px!important;
    box-shadow:0 24px 60px rgba(13,48,39,.22)!important;
    z-index:100001!important;
  }
  .menu.open{display:flex!important}
  .menu>.nav-link,.menu>.nav-dropdown{width:100%!important;flex:0 0 auto!important}
  .nav-link,.nav-dropdown-toggle{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 13px!important;
    border-radius:9px!important;
    font-size:13px!important;
    line-height:1.25!important;
    color:#173d32!important;
    background:transparent!important;
  }
  .nav-link::after,.nav-dropdown-toggle::after{display:none!important}
  .nav-link.active,.nav-link:hover,.nav-dropdown.active-parent>.nav-dropdown-toggle,.nav-dropdown.open>.nav-dropdown-toggle{background:#f6ecde!important;color:#173d32!important}
  .nav-dropdown{height:auto!important;display:block!important;position:relative!important}
  .nav-dropdown-toggle{border:0!important;cursor:pointer!important}
  .nav-dropdown-toggle svg{width:12px!important;height:8px!important;flex:0 0 auto!important;margin-left:10px!important}
  .nav-dropdown.open>.nav-dropdown-toggle svg{transform:rotate(180deg)!important}
  .nav-dropdown-menu{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 7px!important;
    padding:6px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:#f5eee4!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  .nav-dropdown-menu::before{display:none!important}
  .nav-dropdown.open>.nav-dropdown-menu{display:block!important}
  .nav-dropdown-menu a{display:block!important;width:100%!important;padding:11px 12px!important;border-radius:8px!important;font-size:12px!important;color:#24453a!important;background:transparent!important}
  .nav-dropdown-menu a.active,.nav-dropdown-menu a:hover{background:#fff!important;color:#d87517!important}
  .menu-mobile-cta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px 2px 2px!important}
  .menu-mobile-cta a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;padding:10px!important;border-radius:9px!important;text-decoration:none!important;font-weight:700!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
  .menu-mobile-cta .member-btn{background:#d87517!important;color:#fff!important}
  .menu-mobile-cta .donate-btn{background:#173d32!important;color:#fff!important}
}
@media(min-width:1041px){.menu-mobile-cta{display:none!important}}
@media(max-width:520px){
  .nav{min-height:68px!important}
  .brand img{width:46px!important;height:46px!important}
  .brand-title{font-size:20px!important}.brand-sub{font-size:10px!important}
  .menu{left:8px!important;right:8px!important;max-height:calc(100vh - 92px)!important}
  .menu-mobile-cta{grid-template-columns:1fr!important}
}


/* =======================================================================
   V19 NAVIGATION RESET - CLEAN DESKTOP / TABLET / MOBILE
   ======================================================================= */
:root{--nav-break:1024px}
.header{position:sticky!important;top:0!important;z-index:9990!important;background:rgba(255,253,248,.98)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(199,155,74,.18)!important}
.nav{min-height:88px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;position:relative!important}
.brand{min-width:250px!important;max-width:310px!important;text-decoration:none!important}
.menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;min-width:0!important;height:88px!important;position:static!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;overflow:visible!important}
.menu>.nav-link,.nav-dropdown>.nav-dropdown-toggle{height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 1px!important;color:#263a32!important;font:600 12px/1 Inter,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;border:0!important;background:transparent!important;position:relative!important}
.menu>.nav-link::after,.nav-dropdown>.nav-dropdown-toggle::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;bottom:18px!important;width:0!important;height:2px!important;background:#d87517!important;transform:translateX(-50%)!important;transition:width .2s ease!important}
.menu>.nav-link:hover::after,.menu>.nav-link.active::after,.nav-dropdown:hover>.nav-dropdown-toggle::after,.nav-dropdown.active-parent>.nav-dropdown-toggle::after{width:100%!important}
.nav-dropdown{position:relative!important;height:88px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
.nav-dropdown-toggle{gap:7px!important;cursor:pointer!important}
.nav-dropdown-toggle svg{width:10px!important;height:7px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;transition:transform .2s ease!important}
.nav-dropdown:hover>.nav-dropdown-toggle svg,.nav-dropdown.open>.nav-dropdown-toggle svg{transform:rotate(180deg)!important}
.nav-dropdown-menu{display:block!important;position:absolute!important;top:calc(100% - 7px)!important;left:0!important;width:224px!important;padding:8px!important;background:#fffdf8!important;border:1px solid #eadcc5!important;border-radius:13px!important;box-shadow:0 18px 46px rgba(15,45,36,.15)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:.18s ease!important;z-index:10010!important}
.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
.nav-dropdown-menu::before{content:""!important;position:absolute!important;top:-6px!important;left:26px!important;width:11px!important;height:11px!important;background:#fffdf8!important;border-left:1px solid #eadcc5!important;border-top:1px solid #eadcc5!important;transform:rotate(45deg)!important}
.nav-dropdown-menu a{display:block!important;width:100%!important;padding:11px 12px!important;border-radius:8px!important;color:#24453a!important;background:transparent!important;text-decoration:none!important;font:600 12px/1.25 Inter,sans-serif!important;white-space:nowrap!important}
.nav-dropdown-menu a::before,.nav-dropdown-menu a::after{display:none!important;content:none!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#f6ecde!important;color:#d87517!important}
.menu-toggle{display:none!important}
.header-cta{white-space:nowrap!important;justify-self:end!important}
.menu-mobile-cta{display:none!important}

@media(max-width:1160px) and (min-width:1025px){
  .nav{gap:15px!important}.brand{min-width:215px!important}.brand img{width:56px!important;height:56px!important}.brand-title{font-size:27px!important}.brand-sub{font-size:13px!important}.menu{gap:14px!important}.menu>.nav-link,.nav-dropdown>.nav-dropdown-toggle{font-size:11px!important}.header-cta{padding-left:16px!important;padding-right:16px!important}
}

@media(max-width:1024px){
  .topbar{padding:6px 0!important}
  .topbar-inner{display:block!important}
  .topbar-contact{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
  .topbar-contact span{display:none!important}
  .topbar-contact span:first-child{display:inline-flex!important;font-size:11px!important;color:#fff!important}
  .topbar-right{display:none!important}
  .header{position:sticky!important;top:0!important}
  .nav{min-height:72px!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:12px!important}
  .brand{min-width:0!important;max-width:calc(100vw - 100px)!important;gap:9px!important}
  .brand img{width:48px!important;height:48px!important}
  .brand-title{font-size:22px!important}.brand-sub{font-size:10.5px!important}
  .header-cta{display:none!important}
  .menu-toggle{display:flex!important;width:44px!important;height:44px!important;border:1px solid #dfd2bf!important;border-radius:10px!important;background:#fffdf8!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;cursor:pointer!important;z-index:10020!important}
  .menu-toggle span{display:block!important;width:20px!important;height:2px!important;background:#173d32!important;border-radius:3px!important;transition:.2s ease!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
  .menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:10px!important;right:10px!important;width:auto!important;height:auto!important;max-height:calc(100svh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;padding:10px!important;background:#fffdf8!important;border:1px solid #eadcc5!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(13,48,39,.22)!important;z-index:10015!important}
  .menu.open{display:flex!important}
  .menu>.nav-link,.menu>.nav-dropdown{width:100%!important;height:auto!important;flex:0 0 auto!important}
  .menu>.nav-link,.nav-dropdown>.nav-dropdown-toggle{display:flex!important;width:100%!important;height:auto!important;min-height:46px!important;align-items:center!important;justify-content:space-between!important;padding:12px 13px!important;border-radius:9px!important;font-size:13px!important;line-height:1.25!important;color:#173d32!important;background:transparent!important;text-align:left!important}
  .menu>.nav-link::after,.nav-dropdown>.nav-dropdown-toggle::after{display:none!important;content:none!important}
  .menu>.nav-link:hover,.menu>.nav-link.active,.nav-dropdown.active-parent>.nav-dropdown-toggle,.nav-dropdown.open>.nav-dropdown-toggle{background:#f6ecde!important;color:#173d32!important}
  .nav-dropdown{display:block!important;height:auto!important;position:relative!important}
  .nav-dropdown-toggle svg{width:12px!important;height:8px!important;margin-left:10px!important;flex:0 0 auto!important}
  .nav-dropdown.open>.nav-dropdown-toggle svg{transform:rotate(180deg)!important}
  .nav-dropdown-menu{display:none!important;position:static!important;width:100%!important;margin:4px 0 6px!important;padding:6px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background:#f5eee4!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
  .nav-dropdown-menu::before{display:none!important}
  .nav-dropdown.open>.nav-dropdown-menu{display:block!important}
  .nav-dropdown-menu a{padding:11px 12px!important;font-size:12px!important;border-radius:8px!important;white-space:normal!important}
  .menu-mobile-cta{display:none!important}
}

@media(max-width:480px){
  .container{width:min(100% - 22px,1240px)!important}
  .nav{min-height:66px!important;grid-template-columns:minmax(0,1fr) 42px!important}
  .brand img{width:44px!important;height:44px!important}.brand-title{font-size:20px!important}.brand-sub{font-size:10px!important}
  .menu-toggle{width:42px!important;height:42px!important}
  .menu{left:7px!important;right:7px!important;top:calc(100% + 6px)!important;max-height:calc(100svh - 88px)!important}
}


/* =======================================================================
   V20 FINAL RESPONSIVE NAV + MEMBERSHIP PAGE OVERRIDES
   ======================================================================= */
:root{--v20nav:1024px}
.header{position:sticky!important;top:0!important;z-index:99990!important;background:#fffdf8!important;border-bottom:1px solid rgba(199,155,74,.18)!important}
.nav{position:relative!important}
.menu-toggle{appearance:none!important;-webkit-appearance:none!important}

/* Membership pages always receive full component styling */
.membership-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.membership-card{display:block!important;background:#fff!important;border:1px solid #eadcc8!important;border-radius:18px!important;padding:28px!important;box-shadow:0 12px 35px rgba(44,58,50,.06)!important;min-width:0!important;position:relative!important}
.membership-card.featured{border-color:#d7a14a!important;box-shadow:0 20px 45px rgba(21,61,50,.12)!important}
.membership-card h3{font:700 34px/1.03 "Cormorant Garamond",serif!important;color:#173d32!important;margin:0 0 8px!important}
.membership-card p{font-size:12.5px!important;line-height:1.75!important;color:#64716b!important}
.membership-card .benefit-list{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:8px!important}
.membership-card .benefit-list li{position:relative!important;padding-left:22px!important;font-size:12.5px!important;line-height:1.6!important;color:#64716b!important}
.membership-card .benefit-list li:before{content:"✓"!important;position:absolute!important;left:0!important;color:#d77d17!important;font-weight:800!important}
.registration-shell{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:28px!important;align-items:start!important}
.registration-form{display:block!important;background:linear-gradient(180deg,#fff,#fffaf2)!important;border:1px solid rgba(199,155,74,.24)!important;box-shadow:0 18px 50px rgba(18,57,46,.08)!important;border-radius:18px!important;padding:26px!important}
.registration-form .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.registration-form .field-full{grid-column:1/-1!important}
.registration-form label{display:block!important;font-size:11px!important;font-weight:700!important;color:#173d32!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:6px!important}
.registration-form input,.registration-form select,.registration-form textarea{display:block!important;width:100%!important;max-width:none!important;padding:13px 14px!important;min-height:46px!important;border:1px solid #dad5cb!important;border-radius:8px!important;background:#fff!important;font:400 14px/1.4 Inter,sans-serif!important;color:#263a32!important}
.registration-form textarea{min-height:115px!important;resize:vertical!important}
.registration-form .check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:12px!important;line-height:1.6!important;color:#64716b!important}
.registration-form .check-row input{width:18px!important;min-height:18px!important;flex:0 0 18px!important;margin-top:2px!important}
.info-panel{background:#fff!important;border:1px solid #eadcc8!important;border-radius:18px!important;padding:28px!important;box-shadow:0 12px 35px rgba(44,58,50,.05)!important}
.registration-highlights{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important}
.highlight-mini{background:#fff!important;border:1px solid #eadcc8!important;border-radius:14px!important;padding:18px!important}

@media(max-width:1024px){
  .topbar{padding:6px 0!important}
  .topbar-inner{display:block!important}
  .topbar-contact{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
  .topbar-contact span{display:none!important}
  .topbar-contact span:first-child{display:inline-flex!important;font-size:11px!important;color:#fff!important}
  .topbar-right{display:none!important}

  .nav{min-height:72px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:12px!important;align-items:center!important}
  .brand{min-width:0!important;max-width:calc(100vw - 100px)!important}
  .brand img{width:48px!important;height:48px!important}
  .brand-title{font-size:22px!important}.brand-sub{font-size:10.5px!important}
  .header-cta{display:none!important}

  .menu-toggle{display:flex!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;border:1px solid #dfd2bf!important;border-radius:10px!important;background:#fffdf8!important;z-index:100020!important;cursor:pointer!important}
  .menu-toggle span{display:block!important;width:20px!important;height:2px!important;background:#173d32!important;border-radius:3px!important;transition:.2s ease!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  .menu{display:none!important;position:absolute!important;top:calc(100% + 7px)!important;left:10px!important;right:10px!important;width:auto!important;height:auto!important;max-height:calc(100svh - 98px)!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;padding:10px!important;background:#fffdf8!important;border:1px solid #eadcc5!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(13,48,39,.22)!important;z-index:100010!important}
  .menu.open{display:flex!important}
  .menu>.nav-link,.menu>.nav-dropdown{display:block!important;width:100%!important;height:auto!important;flex:0 0 auto!important}
  .menu>.nav-link,.nav-dropdown>.nav-dropdown-toggle{display:flex!important;width:100%!important;height:auto!important;min-height:46px!important;align-items:center!important;justify-content:space-between!important;padding:12px 13px!important;border-radius:9px!important;font-size:13px!important;line-height:1.25!important;color:#173d32!important;background:transparent!important;border:0!important;text-align:left!important;position:relative!important}
  .menu>.nav-link::after,.nav-dropdown>.nav-dropdown-toggle::after{display:none!important;content:none!important}
  .menu>.nav-link.active,.nav-dropdown.active-parent>.nav-dropdown-toggle,.nav-dropdown.open>.nav-dropdown-toggle{background:#f6ecde!important;color:#173d32!important}
  .nav-dropdown{display:block!important;position:relative!important;width:100%!important;height:auto!important}
  .nav-dropdown-toggle svg{display:block!important;width:12px!important;height:8px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;flex:0 0 auto!important;transition:transform .18s ease!important}
  .nav-dropdown.open>.nav-dropdown-toggle svg{transform:rotate(180deg)!important}
  .nav-dropdown-menu{display:none!important;position:static!important;width:100%!important;height:auto!important;margin:4px 0 6px!important;padding:6px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background:#f5eee4!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
  .nav-dropdown-menu::before{display:none!important}
  .nav-dropdown.open>.nav-dropdown-menu{display:block!important}
  .nav-dropdown-menu a{display:block!important;width:100%!important;padding:11px 12px!important;border-radius:8px!important;font-size:12px!important;line-height:1.35!important;color:#24453a!important;background:transparent!important;white-space:normal!important;text-decoration:none!important}
  .nav-dropdown-menu a.active{background:#fff!important;color:#d87517!important}

  .membership-grid{grid-template-columns:1fr!important}
  .registration-shell{grid-template-columns:1fr!important}
  .registration-form .form-grid{grid-template-columns:1fr!important}
  .registration-form .field-full{grid-column:1!important}
}

@media(max-width:520px){
  .container{width:min(100% - 22px,1240px)!important}
  .nav{min-height:66px!important;grid-template-columns:minmax(0,1fr) 42px!important}
  .brand img{width:44px!important;height:44px!important}.brand-title{font-size:20px!important}.brand-sub{font-size:10px!important}
  .menu-toggle{width:42px!important;height:42px!important}
  .menu{left:7px!important;right:7px!important;top:calc(100% + 6px)!important;max-height:calc(100svh - 90px)!important}
  .registration-form,.info-panel,.membership-card{padding:20px!important}
  .registration-highlights{grid-template-columns:1fr!important}
}