:root{
  --paper:#fffaf0;
  --white:#ffffff;
  --ink:#090909;
  --ink-soft:#34302a;
  --muted:#766d5d;
  --gold:#d9a441;
  --gold-dark:#936315;
  --gold-light:#f5d486;
  --line:rgba(9,9,9,.12);
  --line-gold:rgba(217,164,65,.42);
  --panel:#ffffff;
  --black:#050505;
  --black-2:#101010;
  --shadow:0 28px 80px rgba(0,0,0,.13);
  --shadow-strong:0 36px 100px rgba(0,0,0,.22);
  --radius:28px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 4%,rgba(245,212,134,.34),transparent 28%),
    radial-gradient(circle at 92% 6%,rgba(217,164,65,.18),transparent 30%),
    linear-gradient(180deg,#fffdf7 0%,#fffaf0 35%,#ffffff 100%);
  font-family:Montserrat,Inter,Segoe UI,Arial,sans-serif;
  line-height:1.66;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:rgba(217,164,65,.34);color:#000}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--gold);color:#000;padding:10px 14px;border-radius:999px;z-index:9999}
.skip-link:focus{left:12px}
.container{width:min(100% - 38px,var(--max));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,9,9,.08);transition:box-shadow .25s ease,background .25s ease}
.site-header.scrolled{background:rgba(255,255,255,.92);box-shadow:0 16px 48px rgba(0,0,0,.08)}
.nav-shell{width:min(100% - 36px,1360px);margin:0 auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:14px;min-width:255px}
.brand-logo{height:58px;width:auto;object-fit:contain}
.brand-mark{height:56px;width:56px;border-radius:18px;background:linear-gradient(145deg,#000,#2c210f);border:1px solid rgba(217,164,65,.5);display:grid;place-items:center;box-shadow:0 15px 30px rgba(0,0,0,.14)}
.brand-mark img{width:47px;height:47px;object-fit:contain}
.brand-text strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.08rem;line-height:1;color:#111;letter-spacing:.02em}
.brand-text span{display:block;margin-top:4px;color:var(--gold-dark);font-size:.67rem;text-transform:uppercase;letter-spacing:.22em;font-weight:900}
.nav-links{display:flex;align-items:center;gap:5px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:900}
.nav-links a{color:#242018;padding:10px 10px;border-radius:999px;transition:color .2s ease,background .2s ease}
.nav-links a:hover,.nav-links a.active{color:#000;background:linear-gradient(135deg,rgba(245,212,134,.55),rgba(217,164,65,.18))}
.nav-cta{display:flex;align-items:center;gap:9px}
.menu-toggle{display:none;border:1px solid rgba(0,0,0,.15);background:#fff;color:#000;border-radius:999px;padding:10px 14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:999px;border:1px solid var(--line-gold);font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#080808;background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 16px 38px rgba(217,164,65,.25)}
.btn-secondary{color:#080808;background:#fff;border-color:rgba(0,0,0,.16);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.btn-ghost{color:#fff;background:#050505;border-color:#050505;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.btn-youtube{color:#fff;background:linear-gradient(135deg,#171717,#050505);border-color:rgba(217,164,65,.55)}
.section{position:relative;padding:96px 0}
.section.light{background:#fff}
.section.black{background:radial-gradient(circle at top left,rgba(217,164,65,.16),transparent 36%),linear-gradient(135deg,#060606,#141414);color:#fff}
.section.goldwash{background:linear-gradient(135deg,rgba(245,212,134,.24),rgba(255,255,255,.88))}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold-dark);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900;margin-bottom:15px}
.section.black .section-kicker{color:var(--gold-light)}
.section-kicker:before{content:'';width:34px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:999px}
.section-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.02;margin:0 0 20px;letter-spacing:-.035em;color:#090909}
.section.black .section-title{color:#fff}
.section-title.small{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.08}
.section-lead{color:var(--muted);font-size:clamp(1rem,1.3vw,1.16rem);max-width:780px;margin:0}
.section.black .section-lead{color:rgba(255,255,255,.78)}
.center{text-align:center}.center .section-lead{margin-left:auto;margin-right:auto}

.hero{position:relative;min-height:100svh;padding:116px 0 44px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fff8e9 56%,#fff 100%)}
.hero:before{pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(rgba(9,9,9,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,9,9,.035) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(circle at 55% 22%,black,transparent 78%)}
.hero-slider{position:relative;z-index:1;width:min(100% - 36px,1400px);margin:0 auto;border-radius:38px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-strong)}
.hero-track{position:relative;min-height:650px}
.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr .86fr;gap:28px;align-items:center;padding:72px 72px 52px;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .55s ease,transform .55s ease,visibility .55s ease;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,248,232,.92))}
.hero-slide.active{opacity:1;visibility:visible;transform:translateX(0)}
.hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3rem,6.8vw,7.6rem);line-height:.9;margin:0 0 24px;color:#050505;letter-spacing:-.055em}
.hero-copy h1 span{display:block;background:linear-gradient(135deg,#111,var(--gold-dark));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:clamp(1.08rem,1.5vw,1.36rem);max-width:760px;color:#4e4638;margin:0 0 28px;font-weight:500}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 28px}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-pill{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.28);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#231a08}
.hero-art{position:relative;min-height:520px;display:grid;place-items:center}
.hero-art:before{content:'';position:absolute;width:84%;aspect-ratio:1;border-radius:36px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));transform:rotate(7deg);box-shadow:0 34px 80px rgba(217,164,65,.26)}
.hero-art:after{content:'';position:absolute;width:72%;aspect-ratio:1;border:2px solid rgba(0,0,0,.18);border-radius:30px;transform:rotate(-5deg)}
.hero-art img{position:relative;z-index:2;max-height:490px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(0,0,0,.26))}
.hero-art .stage-img{border-radius:30px;width:min(100%,500px);height:430px;object-fit:cover;border:8px solid #fff;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.logo-feature{position:relative;z-index:2;display:grid;gap:18px;place-items:center;padding:22px}
.logo-feature img{max-width:430px;max-height:350px}
.hero-controls{position:absolute;left:72px;right:72px;bottom:34px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}
.slider-dots{display:flex;gap:10px;pointer-events:auto}.slider-dots button{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,.22);background:#fff;cursor:pointer}.slider-dots button.active{width:34px;background:var(--gold)}
.slider-arrows{display:flex;gap:10px;pointer-events:auto}.slider-arrows button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#fff;color:#000;font-weight:900;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.hero-heritage{position:relative;z-index:1;width:min(100% - 36px,1400px);margin:22px auto 0;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 28px;border:1px solid rgba(217,164,65,.34);border-radius:28px;background:linear-gradient(135deg,#0a0a0a,#1b160d);color:#fff;box-shadow:var(--shadow)}
.hero-heritage h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.35rem,2vw,2.1rem);margin:0;color:var(--gold-light)}
.hero-heritage p{margin:4px 0 0;color:rgba(255,255,255,.78);max-width:780px}

.trust-bar{padding:34px 0;background:#050505;color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(217,164,65,.28);border:1px solid rgba(217,164,65,.28);border-radius:24px;overflow:hidden}
.trust-item{background:#090909;padding:22px 18px;min-height:128px}.trust-item strong{display:block;color:var(--gold-light);font-family:'Playfair Display',Georgia,serif;font-size:1.08rem}.trust-item span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.45}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:1.1fr .9fr}
.media-frame{border-radius:32px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow);position:relative}.media-frame img{width:100%;height:100%;object-fit:cover}.media-frame.tall{height:590px}.frame-caption{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-radius:20px;padding:16px 18px;color:#000;box-shadow:0 18px 42px rgba(0,0,0,.14)}.frame-caption strong{display:block;color:#000}.frame-caption span{display:block;color:#5a5142;font-size:.9rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:28px;padding:28px;box-shadow:0 20px 56px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card.dark{background:linear-gradient(135deg,#070707,#18120a);border-color:rgba(217,164,65,.3);color:#fff}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;line-height:1.12;margin:14px 0 10px}.card p{color:#5f5648;margin:0}.card.dark p{color:rgba(255,255,255,.72)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:42px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111;font-weight:900;font-size:.78rem;letter-spacing:.08em}
.pathways{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:40px}.path-card{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;border-radius:34px;padding:36px;background:linear-gradient(135deg,#fff,#fff8e8);border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow)}.path-card.black{background:linear-gradient(135deg,#050505,#1a1307);color:#fff;border-color:rgba(217,164,65,.36)}.path-card h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.02;margin:14px 0}.path-card p{color:#5d5446;font-size:1.04rem}.path-card.black p{color:rgba(255,255,255,.72)}.tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(217,164,65,.13);border:1px solid rgba(217,164,65,.3);color:#261c07;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900}.path-card.black .tag,.section.black .tag{color:var(--gold-light)}
.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.research-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.research-card img{height:300px;width:100%;object-fit:cover;background:#eee}.research-body{padding:24px}.research-body h3{font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;line-height:1.1;margin:14px 0 10px}.research-body p{margin:0;color:#5f5648}
.mission-band{border-radius:38px;padding:54px;background:linear-gradient(135deg,#090909,#1d160a);color:#fff;box-shadow:var(--shadow-strong);border:1px solid rgba(217,164,65,.38);position:relative;overflow:hidden}.mission-band:after{content:'';position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(245,212,134,.28),transparent 70%)}.mission-band blockquote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.98;margin:0 0 18px;color:var(--gold-light)}.mission-band p{max-width:860px;color:rgba(255,255,255,.78);font-size:1.08rem}.education-statement{margin-top:26px;padding:22px 26px;border-left:4px solid var(--gold);background:rgba(255,255,255,.07);border-radius:20px;color:rgba(255,255,255,.82)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{background:#fff;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow)}.video-thumb{height:230px;background:linear-gradient(135deg,#0c0c0c,#211708);display:grid;place-items:center;position:relative;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.82}.video-thumb .yt-brand{width:160px;height:auto;object-fit:contain;opacity:1}.play-btn{position:absolute;width:78px;height:78px;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000;font-weight:900;font-size:1.5rem;cursor:pointer;box-shadow:0 18px 48px rgba(0,0,0,.26)}.video-body{padding:24px}.video-body strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.35rem}.video-body span{display:block;margin-top:8px;color:#62594a}
.accordion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}.accordion-item{border:1px solid rgba(0,0,0,.12);border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.07);overflow:hidden}.accordion-button{width:100%;border:0;background:transparent;color:#000;text-align:left;display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:24px;cursor:pointer}.source-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(217,164,65,.16);border:1px solid rgba(217,164,65,.48);color:var(--gold-dark);font-weight:900}.source-title{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.42rem;line-height:1.1;color:#111;font-weight:900}.source-subtitle{display:block;margin-top:5px;color:#756b5a;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.open-label{border:1px solid rgba(217,164,65,.45);border-radius:999px;padding:8px 12px;color:#111;font-size:.72rem;font-weight:900}.accordion-panel{display:none;padding:0 24px 26px 94px;color:#5f5648}.accordion-item.open .accordion-panel{display:block}.source-ref{margin:0 0 12px;color:#111;font-weight:800}.source-note{margin:0 0 14px}.source-note strong{color:#000}.footer{padding:64px 0;background:#050505;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px}.footer p{color:rgba(255,255,255,.68);max-width:680px}.footer .brand-text strong{color:#fff}.footer-links{display:grid;gap:12px;align-content:start}.footer-links a{color:rgba(255,255,255,.78)}.footer-links a:hover{color:var(--gold-light)}
.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:3000;display:none;align-items:center;justify-content:center;padding:24px}.video-modal.open{display:flex}.modal-close{position:absolute;top:22px;right:22px;border:1px solid rgba(255,255,255,.3);background:#fff;color:#000;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}.video-modal-box{width:min(100%,980px);aspect-ratio:16/9;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 28px 100px rgba(0,0,0,.55)}.video-modal-box iframe{width:100%;height:100%;border:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.nav-links,.nav-cta{display:none}.menu-toggle{display:inline-flex}.nav-links{position:fixed;top:86px;left:18px;right:18px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:26px;padding:22px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:16px 18px}.hero-slide{grid-template-columns:1fr;padding:56px 38px 90px}.hero-track{min-height:900px}.hero-art{min-height:390px}.hero-controls{left:38px;right:38px}.trust-grid{grid-template-columns:repeat(3,1fr)}.split,.split.reverse{grid-template-columns:1fr}.card-grid,.research-grid,.video-grid{grid-template-columns:1fr 1fr}.accordion-grid{grid-template-columns:1fr}}
@media(max-width:720px){.brand-logo{height:45px}.brand{min-width:0}.brand-text{display:none}.nav-shell{min-height:74px}.hero{padding-top:92px}.hero-slider{border-radius:26px}.hero-track{min-height:880px}.hero-slide{padding:38px 22px 86px}.hero-copy h1{font-size:clamp(2.7rem,13vw,4.6rem)}.hero-copy p{font-size:1rem}.hero-art{min-height:320px}.hero-art img{max-height:320px}.hero-art .stage-img{height:290px}.hero-controls{left:22px;right:22px;bottom:24px}.hero-heritage{flex-direction:column;align-items:flex-start;padding:22px}.trust-grid{grid-template-columns:1fr}.section{padding:74px 0}.card-grid,.research-grid,.video-grid,.pathways{grid-template-columns:1fr}.media-frame.tall{height:430px}.accordion-button{grid-template-columns:44px 1fr;gap:14px}.open-label{grid-column:2}.accordion-panel{padding:0 22px 24px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-slide{transition:none}.reveal{opacity:1;transform:none}}


/* [BETA V3] requested hero, slider and social refinements */
.hero-track{min-height:690px}
.hero-slide{padding:62px 72px 66px}
.hero-copy{max-width:680px}
.hero-copy h1{font-size:clamp(2.85rem,5.35vw,6.05rem);line-height:.96;letter-spacing:-.045em;margin-bottom:20px}
.hero-copy p{max-width:620px}
.hero-art{transform:translateY(-34px)}
.hero-art img{max-height:455px}
.hero-art .stage-img{height:390px}
.hero-controls{bottom:34px}
.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.video-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.trust-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.footer-social-text{color:rgba(255,255,255,.78);font-weight:700;letter-spacing:.02em}
@media(max-width:1100px){.hero-track{min-height:930px}.hero-slide{padding:48px 38px 96px}.hero-art{transform:translateY(-18px)}.hero-copy h1{font-size:clamp(3rem,10vw,5.3rem)}}
@media(max-width:720px){.hero-track{min-height:910px}.hero-slide{padding:32px 22px 92px}.hero-copy h1{font-size:clamp(2.55rem,11vw,4rem);line-height:1}.hero-art{transform:translateY(-8px);min-height:300px}.hero-art img{max-height:285px}.hero-art .stage-img{height:260px}.hero-meta{gap:8px}.hero-pill{font-size:.65rem;padding:7px 9px}}

/* [BETA V4] hero containment, image alignment, connect navigation and contact form */
.nav-links a[href="mentorship.html"]{min-width:86px;text-align:center}
.hero{padding:112px 0 42px;min-height:auto;align-items:start}
.hero-slider{overflow:hidden}
.hero-track{min-height:770px}
.hero-slide{grid-template-columns:minmax(0,1.02fr) minmax(420px,.9fr);gap:34px;align-items:center;padding:58px 64px 132px}
.hero-copy{max-width:640px;min-width:0;padding-bottom:34px;position:relative;z-index:4}
.hero-copy .section-kicker{margin-bottom:14px;white-space:normal}
.hero-copy h1{font-size:clamp(3rem,4.65vw,5.15rem);line-height:.98;letter-spacing:-.05em;max-width:640px;margin:0 0 18px;overflow-wrap:normal;text-wrap:balance}
.hero-copy h1 span{display:block}
.hero-copy p{font-size:clamp(1rem,1.14vw,1.16rem);line-height:1.55;max-width:575px;margin:0 0 24px;color:#3d3527}
.hero-actions{margin-top:0;gap:12px;flex-wrap:wrap}
.hero-meta{margin-top:18px;max-width:595px}
.hero-controls{left:64px;right:64px;bottom:42px;align-items:center}
.slider-dots{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:8px 10px;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.slider-dots button{width:10px;height:10px;background:#fff;border-color:rgba(0,0,0,.22)}
.slider-dots button.active{width:30px;background:var(--gold)}
.slider-arrows{display:flex;gap:10px;pointer-events:auto}
.hero-art{min-height:500px;align-self:center;transform:translateY(-58px);display:grid;place-items:center;z-index:2}
.hero-art:before{inset:34px 22px 16px;border-radius:34px;background:linear-gradient(145deg,rgba(245,212,134,.92),rgba(147,99,21,.96))}
.hero-art:after{inset:64px 52px 48px;border-radius:28px;border-color:rgba(78,55,18,.22)}
.hero-art img{max-height:430px;width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(0,0,0,.18))}
.hero-art .stage-img{width:min(100%,520px);height:390px;object-fit:cover;object-position:center;border-radius:28px;box-shadow:0 24px 58px rgba(0,0,0,.16)}
.hero-art.logo-feature img{max-width:360px;max-height:340px}
.hero-heritage{margin-top:22px}
.contact-form{display:grid;gap:18px}
.contact-form label{display:grid;gap:8px;color:#18140f;font-weight:800;font-size:.92rem;letter-spacing:.02em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;color:#090909;font:inherit;box-shadow:0 8px 22px rgba(0,0,0,.035)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(217,164,65,.25);border-color:rgba(217,164,65,.65)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-status{color:#5f5648;font-weight:800}
.form-note{margin:0;color:#766d5d;font-size:.92rem;line-height:1.6}
.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important;height:1px!important;width:1px!important}
@media(max-width:1240px){.hero-track{min-height:830px}.hero-slide{grid-template-columns:1fr .9fr;padding:52px 42px 126px}.hero-copy h1{font-size:clamp(3rem,5.25vw,4.7rem)}.hero-art{transform:translateY(-44px)}.hero-art .stage-img{height:360px}}
@media(max-width:1100px){.hero-track{min-height:1050px}.hero-slide{grid-template-columns:1fr;padding:44px 38px 112px}.hero-copy{max-width:760px;padding-bottom:0}.hero-copy h1{font-size:clamp(3rem,8vw,5rem);max-width:760px}.hero-copy p{max-width:680px}.hero-art{transform:translateY(0);min-height:390px}.hero-art img{max-height:360px}.hero-controls{left:38px;right:38px;bottom:34px}.form-grid{grid-template-columns:1fr}}
@media(max-width:720px){.hero{padding-top:92px}.hero-track{min-height:960px}.hero-slide{padding:34px 22px 98px}.hero-copy h1{font-size:clamp(2.25rem,10.2vw,3.75rem);line-height:1;letter-spacing:-.04em}.hero-copy p{font-size:.98rem;line-height:1.55}.hero-art{min-height:295px}.hero-art img{max-height:270px}.hero-art .stage-img{height:255px}.hero-actions .btn{width:100%;min-height:46px}.hero-controls{left:22px;right:22px;bottom:24px}.slider-dots{gap:7px;padding:7px 8px}.slider-dots button{width:9px;height:9px}.slider-dots button.active{width:24px}.hero-heritage{margin-top:16px}}


/* [BETA V5] Final hero revision: clean cards, no hero buttons, controls below content, visible Rathod Heritage bridge */
.hero {
  padding: 104px 0 34px;
  min-height: auto;
  align-items: start;
}
.hero-slider {
  width: min(100% - 36px, 1400px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 36px;
  background: #fffdf8;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 30px 90px rgba(0,0,0,.16);
}
.hero-track {
  position: relative;
  min-height: 680px;
}
.hero-slide {
  grid-template-columns: minmax(0,.94fr) minmax(430px,1.06fr);
  gap: 42px;
  align-items: center;
  padding: 58px 64px 52px;
  min-height: 680px;
  background:
    radial-gradient(circle at 88% 14%, rgba(245,212,134,.22), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,248,232,.92));
}
.hero-copy {
  max-width: 590px;
  padding-bottom: 0;
  align-self: center;
}
.hero-copy .section-kicker {
  margin-bottom: 14px;
  letter-spacing: .19em;
}
.hero-copy h1 {
  font-size: clamp(2.8rem, 4.25vw, 4.85rem);
  line-height: .98;
  max-width: 590px;
  margin: 0 0 20px;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.hero-copy h1 span {
  display: block;
}
.hero-copy p {
  max-width: 540px;
  margin: 0 0 18px;
  font-size: clamp(1rem, 1.08vw, 1.14rem);
  line-height: 1.58;
  color: #3f3729;
}
.hero-actions {
  display: none !important;
}
.hero-meta {
  margin-top: 18px;
  max-width: 560px;
  gap: 9px;
}
.hero-pill {
  padding: 8px 12px;
  font-size: .71rem;
  letter-spacing: .055em;
  background: rgba(217,164,65,.10);
}
.hero-root-card {
  margin: 20px 0 4px;
  padding: 18px 20px;
  max-width: 560px;
  border-radius: 22px;
  background: linear-gradient(135deg, #080808, #1b1509);
  border: 1px solid rgba(217,164,65,.36);
  box-shadow: 0 18px 42px rgba(0,0,0,.13);
  color: #fff;
}
.hero-root-card span {
  display: block;
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--gold-light);
  font-size: clamp(1.18rem, 1.5vw, 1.55rem);
  font-weight: 900;
  line-height: 1.1;
}
.hero-root-card p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.78);
  font-size: .92rem;
  line-height: 1.55;
}
.hero-root-card a {
  color: var(--gold-light);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hero-art.hero-photo-card {
  position: relative;
  min-height: 510px;
  transform: none;
  align-self: center;
  display: grid;
  place-items: center;
  padding: 26px;
}
.hero-art.hero-photo-card:before {
  content: '';
  position: absolute;
  inset: 36px 16px 26px 50px;
  width: auto;
  aspect-ratio: auto;
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(245,212,134,.72), rgba(147,99,21,.86));
  transform: rotate(4deg);
  box-shadow: 0 34px 76px rgba(217,164,65,.18);
}
.hero-art.hero-photo-card:after {
  content: '';
  position: absolute;
  inset: 58px 42px 50px 76px;
  width: auto;
  aspect-ratio: auto;
  border: 2px solid rgba(78,55,18,.20);
  border-radius: 28px;
  transform: rotate(-2deg);
}
.hero-art.hero-photo-card img {
  position: relative;
  z-index: 2;
  width: min(100%, 620px);
  height: 438px;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: 28px;
  border: 8px solid #fff;
  box-shadow: 0 26px 64px rgba(0,0,0,.18);
  filter: none;
}
.hero-art.hero-photo-card .image-credit {
  position: absolute;
  right: 44px;
  bottom: 42px;
  z-index: 4;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(0,0,0,.62);
  color: rgba(255,255,255,.88);
  font-size: .62rem;
  line-height: 1;
  letter-spacing: .04em;
  font-weight: 800;
}
.hero-controls {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 64px 30px;
  margin-top: -8px;
  pointer-events: auto;
  z-index: 12;
}
.slider-dots {
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 999px;
  padding: 8px 11px;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.slider-arrows button {
  background: #fff;
  border-color: rgba(0,0,0,.14);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.trust-bar {
  padding: 52px 0 44px;
}
.trust-heading {
  text-align: center;
  margin-bottom: 26px;
}
.trust-heading .section-kicker {
  color: var(--gold-light);
  margin-bottom: 10px;
}
.trust-heading h2 {
  margin: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(2rem, 3.6vw, 3.8rem);
  line-height: 1.05;
  color: #fff;
  letter-spacing: -.035em;
}
.trust-heading p {
  max-width: 820px;
  margin: 12px auto 0;
  color: rgba(255,255,255,.72);
  font-size: 1rem;
}
.trust-grid {
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 1240px) {
  .hero-track { min-height: 720px; }
  .hero-slide { grid-template-columns: minmax(0,1fr) minmax(370px,.92fr); padding: 52px 44px 46px; min-height: 720px; }
  .hero-copy h1 { font-size: clamp(2.7rem, 4.35vw, 4.45rem); }
  .hero-art.hero-photo-card { min-height: 470px; padding: 18px; }
  .hero-art.hero-photo-card img { height: 390px; }
  .trust-grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 980px) {
  .hero-track { min-height: 980px; }
  .hero-slide { grid-template-columns: 1fr; gap: 20px; padding: 42px 34px 38px; min-height: 980px; }
  .hero-copy { max-width: 760px; }
  .hero-copy h1 { max-width: 760px; font-size: clamp(2.7rem, 7.6vw, 4.6rem); }
  .hero-copy p { max-width: 690px; }
  .hero-art.hero-photo-card { min-height: 380px; }
  .hero-art.hero-photo-card img { width: 100%; height: 320px; }
  .hero-controls { padding: 0 34px 28px; }
  .trust-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  .hero { padding-top: 88px; }
  .hero-slider { width: min(100% - 22px, 1400px); border-radius: 26px; }
  .hero-track { min-height: 900px; }
  .hero-slide { padding: 30px 20px 30px; min-height: 900px; }
  .hero-copy h1 { font-size: clamp(2.12rem, 10.5vw, 3.35rem); line-height: 1; }
  .hero-copy p { font-size: .96rem; }
  .hero-root-card { padding: 15px 16px; }
  .hero-art.hero-photo-card { min-height: 300px; padding: 8px; }
  .hero-art.hero-photo-card:before { inset: 28px 8px 18px 26px; border-radius: 24px; }
  .hero-art.hero-photo-card:after { inset: 44px 24px 34px 42px; border-radius: 20px; }
  .hero-art.hero-photo-card img { height: 245px; border-radius: 20px; border-width: 5px; }
  .hero-art.hero-photo-card .image-credit { right: 20px; bottom: 26px; font-size: .55rem; }
  .hero-controls { padding: 0 20px 24px; flex-direction: column; align-items: stretch; }
  .slider-dots { justify-content: center; }
  .slider-arrows { justify-content: center; }
  .trust-grid { grid-template-columns: 1fr; }
}

/* [BETA V6] Human premium refinement, hero containment, globe markers, footer icons and legal notes */
.brand-with-beta{position:relative;gap:10px}
.beta-version-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#120d05;font-size:.56rem;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 18px rgba(217,164,65,.24);white-space:nowrap}
.footer-beta{margin-left:8px;align-self:center}
.nav-shell{gap:20px}
.nav-links{gap:8px}
.nav-links a{font-size:.74rem;padding:13px 14px}
.nav-cta .btn{padding:15px 26px}

.section-kicker:before{content:'';width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff8d8 0 22%,transparent 24%),radial-gradient(circle at center,transparent 36%,rgba(255,255,255,.9) 37% 40%,transparent 41%),conic-gradient(from 30deg,var(--gold-light),var(--gold-dark),var(--gold-light));box-shadow:0 0 0 1px rgba(217,164,65,.5),0 8px 20px rgba(217,164,65,.22)}
.section.black .section-kicker:before{box-shadow:0 0 0 1px rgba(245,212,134,.65),0 0 28px rgba(217,164,65,.2)}

.hero-v6{padding:102px 0 34px;background:linear-gradient(135deg,#fff 0%,#fff8ed 48%,#fff 100%)}
.hero-v6 .hero-slider{width:min(100% - 36px,1400px);border-radius:34px;background:#fffdf8;box-shadow:0 25px 76px rgba(36,27,12,.13)}
.hero-v6 .hero-track{min-height:570px}
.hero-v6 .hero-slide{grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);min-height:570px;padding:46px 64px 36px;gap:38px;align-items:center;background:radial-gradient(circle at 88% 12%,rgba(245,212,134,.26),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,250,240,.95))}
.hero-v6 .hero-copy{max-width:570px;align-self:center;padding-bottom:0}
.hero-v6 .hero-copy h1{font-size:clamp(2.55rem,3.92vw,4.55rem);line-height:.98;letter-spacing:-.05em;max-width:570px;margin-bottom:18px}
.hero-v6 .hero-copy p{font-size:clamp(.98rem,1.04vw,1.12rem);line-height:1.6;max-width:535px;margin-bottom:0}
.hero-v6 .hero-art.hero-photo-card{min-height:430px;padding:18px;align-self:center}
.hero-v6 .hero-art.hero-photo-card:before{inset:28px 10px 18px 46px;border-radius:32px;transform:rotate(4deg)}
.hero-v6 .hero-art.hero-photo-card:after{inset:50px 36px 38px 70px;border-radius:26px;transform:rotate(-2deg)}
.hero-v6 .hero-art.hero-photo-card img{width:min(100%,650px);height:360px;border-radius:24px;border-width:7px;object-fit:cover;object-position:center;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.hero-v6 .hero-art.hero-photo-card.hero-portrait-card img{object-position:center 18%}
.hero-v6 .hero-art.hero-photo-card .image-credit{right:34px;bottom:30px;font-size:.58rem}
.hero-v6 .hero-controls{padding:0 64px 22px;margin-top:0;align-items:center}
.hero-v6 .slider-dots{display:flex;align-items:center;gap:9px;max-width:100%;overflow:hidden}
.hero-v6 .slider-arrows{display:flex;gap:10px;white-space:nowrap}
.hero-v6 .hero-heritage-v6{width:min(100% - 36px,1400px);margin:18px auto 0;padding:24px 30px;border-radius:28px;background:linear-gradient(135deg,#070707 0%,#171109 100%);border:1px solid rgba(217,164,65,.45);box-shadow:0 24px 70px rgba(0,0,0,.26);display:flex;gap:24px;align-items:center;justify-content:space-between;color:#fff}
.hero-v6 .hero-heritage-v6 h2{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:clamp(1.5rem,2.15vw,2.5rem);line-height:1.05;margin:0 0 8px}
.hero-v6 .hero-heritage-v6 p{margin:0;color:rgba(255,255,255,.78);max-width:880px;line-height:1.65}
.hero-v6 .hero-heritage-v6 strong{color:var(--gold-light)}

.hero-root-card,.hero-meta{display:none!important}

.path-card.has-visual{overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:0}
.path-card.has-visual>div{padding:24px 28px 0}
.path-card.has-visual>.btn{margin:24px 28px 28px;justify-self:start}
.path-card-img{width:100%;height:210px;object-fit:cover;object-position:center;display:block;border-bottom:1px solid rgba(217,164,65,.22)}
.path-card.black .path-card-img{border-bottom-color:rgba(245,212,134,.2)}

.mission-visual-section{position:relative;overflow:hidden}
.mission-band-image{isolation:isolate;background:linear-gradient(135deg,rgba(9,9,9,.88),rgba(29,22,10,.86));min-height:520px;display:flex;flex-direction:column;justify-content:center}
.mission-background-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(1.05) contrast(.95);z-index:-2}
.mission-band-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.35));z-index:-1}

.book-slider{margin-top:34px;position:relative;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow)}
.book-slide{display:none;grid-template-columns:minmax(240px,.7fr) 1fr;gap:32px;align-items:center;padding:34px;background:linear-gradient(135deg,#fff,#fff8e9)}
.book-slide.active{display:grid}
.book-slide img{width:100%;height:430px;object-fit:cover;border-radius:24px;box-shadow:0 22px 50px rgba(0,0,0,.14);background:#eee}
.book-slide h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,3vw,3.6rem);line-height:1;margin:14px 0;color:#090909}
.book-slide p{font-size:1.08rem;color:#5d5242;line-height:1.7;max-width:760px}
.book-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 0 28px}
.book-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(217,164,65,.4);background:#fff;color:#111;font-size:1.5rem;font-weight:900;cursor:pointer}
.book-dots{display:flex;gap:8px;align-items:center}
.book-dots button{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.2);background:#fff;padding:0}
.book-dots button.active{width:30px;background:var(--gold);border-color:var(--gold)}
.article-placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:34px}
.article-slot{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 12px 34px rgba(0,0,0,.06)}
.article-slot span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(217,164,65,.15);border:1px solid rgba(217,164,65,.4);font-weight:900;color:var(--gold-dark)}
.article-slot h3{font-family:'Playfair Display',Georgia,serif;margin:14px 0 8px;color:#111;font-size:1.25rem}
.article-slot p{margin:0;color:#665c4d;font-size:.92rem;line-height:1.55}

.footer-grid-v6{grid-template-columns:1.25fr .75fr}
.footer-connect h3{font-family:'Playfair Display',Georgia,serif;font-size:1.65rem;margin:0 0 18px;color:var(--gold-light)}
.footer-social-icons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.social-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));box-shadow:0 14px 32px rgba(217,164,65,.2);transition:transform .2s ease, box-shadow .2s ease}
.social-icon:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(217,164,65,.35)}
.social-icon svg{width:24px;height:24px;fill:#080808}
.social-handle{margin:4px 0 0;color:rgba(255,255,255,.72)!important;font-size:.92rem}
.footer-legal-notes{margin-top:38px;padding-top:28px;border-top:1px solid rgba(217,164,65,.24);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.footer-legal-notes div{padding:18px;border:1px solid rgba(217,164,65,.18);border-radius:18px;background:rgba(255,255,255,.035)}
.footer-legal-notes strong{display:block;color:var(--gold-light);margin-bottom:8px;font-size:.95rem}
.footer-legal-notes p{font-size:.78rem;line-height:1.65;margin:0;color:rgba(255,255,255,.62)!important}
.footer-bottomline{margin-top:24px;color:rgba(255,255,255,.55);font-size:.82rem}

@media(max-width:1100px){
  .nav-links a{font-size:.78rem;padding:14px 18px}
  .hero-v6 .hero-track{min-height:880px}
  .hero-v6 .hero-slide{grid-template-columns:1fr;min-height:880px;padding:40px 36px 30px;gap:18px}
  .hero-v6 .hero-copy{max-width:780px}
  .hero-v6 .hero-copy h1{font-size:clamp(2.7rem,7.5vw,4.5rem);max-width:780px}
  .hero-v6 .hero-copy p{max-width:720px}
  .hero-v6 .hero-art.hero-photo-card{min-height:330px;padding:10px}
  .hero-v6 .hero-art.hero-photo-card img{height:300px;width:100%}
  .hero-v6 .hero-controls{padding:0 36px 24px}
  .hero-v6 .hero-heritage-v6{flex-direction:column;align-items:flex-start}
  .book-slide{grid-template-columns:1fr}.book-slide img{height:360px}
  .footer-legal-notes{grid-template-columns:1fr}
}
@media(max-width:720px){
  .beta-version-badge{font-size:.48rem;padding:4px 6px}.brand-with-beta{gap:6px}.nav-shell{gap:12px}
  .hero-v6{padding-top:88px}.hero-v6 .hero-slider{width:min(100% - 22px,1400px);border-radius:24px}.hero-v6 .hero-track{min-height:790px}.hero-v6 .hero-slide{min-height:790px;padding:28px 18px 24px}.hero-v6 .hero-copy h1{font-size:clamp(2rem,9.6vw,3.1rem);letter-spacing:-.04em}.hero-v6 .hero-art.hero-photo-card{min-height:270px}.hero-v6 .hero-art.hero-photo-card img{height:225px;border-radius:18px;border-width:5px}.hero-v6 .hero-art.hero-photo-card:before{inset:24px 6px 14px 24px}.hero-v6 .hero-art.hero-photo-card:after{inset:38px 20px 28px 40px}.hero-v6 .hero-controls{padding:0 18px 20px;flex-direction:column;align-items:stretch}.hero-v6 .slider-dots{justify-content:center}.hero-v6 .slider-arrows{justify-content:center}.hero-v6 .hero-heritage-v6{width:min(100% - 22px,1400px);padding:20px;border-radius:22px}.hero-v6 .hero-heritage-v6 .btn{width:100%}
  .path-card-img{height:170px}.book-slide{padding:22px}.book-slide img{height:280px}.book-slide h3{font-size:2rem}.footer-grid-v6{grid-template-columns:1fr}.footer-social-icons{gap:10px}.social-icon{width:44px;height:44px}
}


/* [BETA V7] Research and life slider refinements */
.book-slider-top {
  min-height: 520px;
  width: 100%;
  align-self: stretch;
  box-shadow: 0 30px 80px rgba(35,24,6,.12);
}
.book-slider-top .book-slide {
  min-height: 440px;
}
.book-slider-top .book-slide img {
  height: 430px;
  object-fit: cover;
}
.article-placeholder-grid .article-slot p strong {
  color: var(--gold-dark);
  font-weight: 900;
}
.life-slider {
  position: relative;
  overflow: hidden;
}
.life-slide {
  display: none;
  height: 100%;
}
.life-slide.active {
  display: block;
}
.life-slider img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  border-radius: 26px;
}
.life-controls {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  z-index: 4;
}
.life-controls button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(214,164,55,.55);
  background: rgba(255,255,255,.92);
  color: var(--ink);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.life-dots {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(214,164,55,.35);
  box-shadow: 0 12px 30px rgba(0,0,0,.14);
}
.life-dots button {
  width: 28px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,28,8,.25);
  background: #fff;
  padding: 0;
  box-shadow: none;
}
.life-dots button.active {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  border-color: var(--gold-dark);
}
@media (max-width: 820px) {
  .book-slider-top { min-height: auto; }
  .book-slider-top .book-slide { min-height: auto; }
  .book-slider-top .book-slide img { height: 300px; }
  .life-slider img { min-height: 360px; }
}


/* [BETA V8] Visibility, research slider containment and footer/contact refinements */
.path-card.has-visual:not(.black) > div{
  background:linear-gradient(135deg,#080808 0%,#171008 100%);
  color:#fff;
  padding:24px 28px 26px;
  margin:0;
}
.path-card.has-visual:not(.black) h3{
  color:var(--gold-light)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.path-card.has-visual:not(.black) p{
  color:rgba(255,255,255,.76)!important;
}
.path-card.has-visual:not(.black) .tag{
  background:#080808;
  border-color:rgba(217,164,65,.58);
  color:var(--gold-light)!important;
}
.path-card.has-visual:not(.black) .btn-secondary{
  background:#080808;
  border-color:rgba(217,164,65,.48);
  color:var(--gold-light);
}
.book-slider-top{
  overflow:hidden;
}
.book-slider-top .book-slide{
  grid-template-columns:minmax(210px,.56fr) minmax(0,1fr);
  gap:26px;
  overflow:hidden;
}
.book-slider-top .book-slide > div{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.book-slider-top .book-slide h3{
  font-size:clamp(1.5rem,2.2vw,2.55rem);
  line-height:1.02;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.book-slider-top .book-slide p{
  max-width:100%;
}
.article-slot .article-context{
  margin:8px 0 10px;
}
.article-slot .project-marker{
  display:inline-block;
  width:fit-content;
  max-width:100%;
  margin:8px 0 12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(217,164,65,.13);
  border:1px solid rgba(217,164,65,.35);
  color:var(--gold-dark);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.25;
  text-transform:uppercase;
}
.contact-form .form-note{
  color:#665c4d;
}
@media(max-width:900px){
  .book-slider-top .book-slide{grid-template-columns:1fr;}
  .book-slider-top .book-slide h3{font-size:clamp(1.7rem,5.8vw,2.35rem);}
}

.split.split-start{align-items:start}
.core-message-frame img{object-position:center top}
.mission-human-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.mission-human-card{margin:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.mission-human-card img{width:100%;height:260px;object-fit:cover;display:block}
.mission-human-card figcaption{padding:16px 18px;color:#5d5446}
.mission-human-card figcaption strong{display:block;color:#111;font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;margin-bottom:6px}
@media(max-width:960px){.mission-human-grid{grid-template-columns:1fr}}

/* [BETA V10] final visual QA refinements */
.trust-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.hero-v6 .hero-copy h1,.section-title,.book-slide h3{overflow-wrap:normal;word-break:normal}
.hero-v6 .hero-copy p{max-width:620px}
@media(max-width:1100px){
  .hero-v6 .hero-copy p{max-width:760px}
}
@media(max-width:720px){
  .section-title{font-size:clamp(2rem,9.5vw,3rem)}
  .section-title.small{font-size:clamp(1.85rem,8vw,2.55rem)}
  .section-kicker{font-size:.68rem;letter-spacing:.14em}
  .trust-heading{text-align:center}
  .trust-grid{grid-template-columns:1fr}
  .article-slot h3{font-size:1.12rem}
  .article-slot{padding:18px}
  .mission-human-card img{height:220px}
}

/* [BETA V11] Final requested refinements */
.hero-art.hero-photo-card .image-credit{letter-spacing:.02em;}
.core-message-visual-stack{display:grid;gap:20px;align-self:start;}
.core-message-visual-stack .media-frame.tall{height:620px;}
.core-support-image{margin:0;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:28px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.10)}
.core-support-image img{width:100%;height:280px;display:block;object-fit:cover;object-position:center;}
.core-support-image figcaption{padding:14px 18px;color:#6b6254;font-size:.98rem;}
.book-slider-top .book-slide img{object-fit:contain;object-position:center top;background:#f8f3e7;padding:8px;}
.book-slider .book-slide img[src*="book-mobile-object-photo"]{object-fit:contain;object-position:center top;background:#f8f3e7;padding:8px;}
.video-thumb a.play-btn{display:grid;place-items:center;text-decoration:none;}
.about-visual-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px;}
.about-visual-journey-grid figure{margin:0;border-radius:30px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow);}
.about-visual-journey-grid img{width:100%;height:430px;object-fit:cover;display:block;}
.about-visual-journey-grid figcaption{padding:18px 20px;color:#5d5242;line-height:1.5;}
.about-visual-journey-grid figcaption strong{display:block;color:#0b0b0b;font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;margin-bottom:6px;}
.about-visual-journey-grid figcaption span{display:block;}
.family-rathod-heritage-banner-section{padding:0 0 34px;background:var(--cream);}
.family-rathod-heritage-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#070707 0%,#171109 100%);border:1px solid rgba(217,164,65,.45);border-radius:30px;padding:26px 30px;color:#fff;box-shadow:var(--shadow);}
.family-rathod-heritage-banner h2{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:clamp(1.6rem,2.5vw,2.6rem);margin:6px 0 8px;line-height:1.05;}
.family-rathod-heritage-banner p{margin:0;color:rgba(255,255,255,.78);max-width:820px;line-height:1.65;}
@media(max-width:1050px){.about-visual-journey-grid{grid-template-columns:1fr}.about-visual-journey-grid img{height:auto;max-height:none}.core-message-visual-stack .media-frame.tall{height:480px}.family-rathod-heritage-banner{flex-direction:column;align-items:flex-start}.family-rathod-heritage-banner .btn{width:100%;}}


/* Beta v12 refinement overrides */
.heritage-sync-copy p{margin:0;color:inherit;line-height:inherit;font:inherit;}
.core-message-visual-stack{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.core-message-visual-stack .media-frame.tall,
.core-message-visual-stack .core-support-image{aspect-ratio:1 / 1;height:auto;min-height:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 74px rgba(0,0,0,.16);}
.core-message-visual-stack .media-frame.tall img,
.core-message-visual-stack .core-support-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.core-message-visual-stack .core-support-image{margin:0;position:relative;border:1px solid rgba(217,164,65,.35);background:#0c0a07;}
.core-message-visual-stack .core-support-image figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(0,0,0,.82),rgba(70,48,9,.78));color:#fff;font-weight:700;line-height:1.35;}
.core-message-frame .frame-caption{left:14px;right:14px;bottom:14px;}
.about-visual-journey-grid{align-items:stretch;}
.about-visual-journey-grid figure{background:linear-gradient(145deg,#070604 0%,#1a1205 42%,#d9a441 100%);border:1px solid rgba(217,164,65,.42);padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.22);}
.about-visual-journey-grid img{width:100%;height:560px;object-fit:contain;background:#050505;border-radius:22px;}
.about-visual-journey-grid figcaption{background:linear-gradient(135deg,rgba(0,0,0,.92),rgba(62,42,8,.9));border-radius:0 0 20px 20px;margin-top:10px;color:rgba(255,255,255,.8);}
.about-visual-journey-grid figcaption strong{color:var(--gold-light);}
.mission-credit{display:block;margin-top:8px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:900;}
@media(max-width:1050px){.core-message-visual-stack{grid-template-columns:1fr 1fr}.about-visual-journey-grid img{height:auto;}}
@media(max-width:760px){.core-message-visual-stack{grid-template-columns:1fr}.core-message-visual-stack .media-frame.tall,.core-message-visual-stack .core-support-image{aspect-ratio:1 / 1}.about-visual-journey-grid img{height:auto;}}

/* [BETA V13] Responsive integrity patch for iPhone Safari, mobile navigation, footer visibility and symmetrical hero media */
:root{--cream:#fffaf0;--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
img,svg,video,canvas{max-width:100%;height:auto}
.site-header{width:100%;max-width:100vw}
.nav-shell,.container,.hero-slider,.hero-heritage{max-width:100%}

/* Hero media: larger, equal and stable across all slides */
.hero-v6 .hero-slider{overflow:hidden}
.hero-v6 .hero-track{min-height:660px;height:auto}
.hero-v6 .hero-slide{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:44px;min-height:660px;padding:52px 64px 42px;align-items:center}
.hero-v6 .hero-copy{min-width:0;max-width:600px}
.hero-v6 .hero-copy h1{font-size:clamp(2.65rem,4.08vw,4.75rem);max-width:600px;text-wrap:balance}
.hero-v6 .hero-copy p{max-width:560px}
.hero-v6 .hero-art.hero-photo-card{min-height:535px;padding:18px;width:100%}
.hero-v6 .hero-art.hero-photo-card:before{inset:26px 8px 18px 44px;border-radius:34px}
.hero-v6 .hero-art.hero-photo-card:after{inset:48px 34px 38px 68px;border-radius:28px}
.hero-v6 .hero-art.hero-photo-card img{width:100%;max-width:760px;height:460px;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:28px;border-width:8px}
.hero-v6 .hero-art.hero-photo-card.hero-portrait-card img{object-position:center 22%}
.hero-v6 .hero-art.hero-photo-card .image-credit{right:38px;bottom:38px}
.hero-v6 .hero-controls{padding:0 64px 30px;gap:16px}
.hero-slide:not(.active){pointer-events:none}

/* Stabilise section images on narrow screens */
.media-frame,.research-card,.video-card,.path-card,.mission-human-card,.life-slider{max-width:100%;overflow:hidden}
.media-frame img,.research-card img,.path-card-img,.mission-human-card img,.life-slider img{max-width:100%}
.core-message-visual-stack .media-frame.tall,
.core-message-visual-stack .core-support-image{min-width:0}

/* Mobile and tablet layout */
@media(max-width:1240px){
  .nav-shell{width:min(100% - 28px,1360px)}
  .hero-v6 .hero-track{min-height:690px}
  .hero-v6 .hero-slide{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);min-height:690px;padding:46px 44px 40px}
  .hero-v6 .hero-art.hero-photo-card{min-height:500px}
  .hero-v6 .hero-art.hero-photo-card img{height:420px;max-width:680px}
}
@media(max-width:1100px){
  .site-header{position:fixed}
  .nav-shell{min-height:78px}
  .brand{min-width:0;max-width:calc(100% - 96px)}
  .brand-logo{max-width:175px;height:auto;max-height:58px}
  .beta-version-badge{font-size:.52rem;padding:5px 8px}
  .menu-toggle{display:inline-flex;position:relative;z-index:1002}
  .nav-links{position:fixed;top:86px;left:14px;right:14px;bottom:max(14px,var(--safe-bottom));max-height:calc(100svh - 108px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(255,255,255,.98);border:1px solid rgba(0,0,0,.12);border-radius:24px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.20);display:none;flex-direction:column;align-items:stretch;z-index:1001}
  .nav-links.open{display:flex}
  .nav-links a{width:100%;padding:15px 18px;text-align:left;border-radius:16px;color:#111}
  .nav-cta{display:none!important}
  .hero-v6{padding-top:96px}
  .hero-v6 .hero-track{min-height:0}
  .hero-v6 .hero-slide{grid-template-columns:1fr;gap:20px;min-height:auto;padding:40px 36px 30px;align-items:start}
  .hero-v6 .hero-copy{max-width:760px;width:100%}
  .hero-v6 .hero-copy h1{font-size:clamp(2.55rem,7.2vw,4.65rem);max-width:760px}
  .hero-v6 .hero-copy p{max-width:720px}
  .hero-v6 .hero-art.hero-photo-card{min-height:0;padding:12px;margin-top:8px}
  .hero-v6 .hero-art.hero-photo-card img{height:clamp(320px,48vw,430px);width:100%;max-width:100%}
  .hero-v6 .hero-controls{padding:0 36px 28px;margin-top:0}
  .hero-v6 .hero-heritage-v6{flex-direction:column;align-items:flex-start}
  .split,.split.reverse{grid-template-columns:1fr;gap:34px}
  .card-grid,.research-grid,.video-grid,.pathways{grid-template-columns:1fr 1fr}
  .footer-grid,.footer-grid-v6{grid-template-columns:1fr!important;gap:34px}
  .footer-connect{display:block;width:100%;min-width:0}
  .footer-social-icons{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;overflow:visible}
  .footer-legal-notes{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .container{width:min(100% - 24px,var(--max))}
  .site-header{min-height:74px}
  .nav-shell{min-height:74px;width:min(100% - 22px,1360px);gap:10px}
  .brand-with-beta{gap:7px}
  .brand-logo{max-width:128px;max-height:48px}
  .brand-mark{height:46px;width:46px;border-radius:14px}
  .brand-mark img{width:39px;height:39px}
  .beta-version-badge{font-size:.48rem;padding:4px 7px;letter-spacing:.04em}
  .menu-toggle{padding:9px 12px;font-size:.72rem}
  .nav-links{top:78px;left:10px;right:10px;bottom:max(10px,var(--safe-bottom));max-height:calc(100svh - 90px);border-radius:22px}
  .hero-v6{padding-top:88px;padding-bottom:24px}
  .hero-v6 .hero-slider{width:min(100% - 16px,1400px);border-radius:24px}
  .hero-v6 .hero-track{min-height:0!important}
  .hero-v6 .hero-slide{min-height:auto!important;padding:28px 18px 24px;gap:18px}
  .hero-v6 .hero-copy h1{font-size:clamp(2.05rem,10.4vw,3.25rem);line-height:1;letter-spacing:-.045em;margin-bottom:14px}
  .hero-v6 .hero-copy p{font-size:.96rem;line-height:1.55}
  .hero-v6 .section-kicker{font-size:.64rem;letter-spacing:.13em;line-height:1.4}
  .hero-v6 .hero-art.hero-photo-card{padding:7px;width:100%}
  .hero-v6 .hero-art.hero-photo-card:before{inset:22px 6px 12px 18px;border-radius:22px}
  .hero-v6 .hero-art.hero-photo-card:after{inset:34px 18px 24px 32px;border-radius:18px}
  .hero-v6 .hero-art.hero-photo-card img{height:auto;min-height:230px;aspect-ratio:16/10;border-radius:18px;border-width:5px;object-fit:cover;width:100%}
  .hero-v6 .hero-art.hero-photo-card .image-credit{right:17px;bottom:22px;font-size:.5rem;max-width:70%;white-space:normal;line-height:1.1;text-align:right}
  .hero-v6 .hero-controls{padding:0 18px 22px;display:grid;grid-template-columns:1fr;gap:12px}
  .hero-v6 .slider-dots{justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;padding:8px 9px}
  .hero-v6 .slider-dots button{flex:0 0 auto;width:9px;height:9px}
  .hero-v6 .slider-dots button.active{width:24px}
  .hero-v6 .slider-arrows{justify-content:center}
  .hero-v6 .slider-arrows button{width:42px;height:42px}
  .hero-v6 .hero-heritage-v6{width:min(100% - 16px,1400px);padding:20px;border-radius:22px;margin-top:14px}
  .hero-v6 .hero-heritage-v6 .btn{width:100%}
  .section{padding:68px 0}
  .section-title{font-size:clamp(2rem,9.5vw,3.05rem)}
  .section-title.small{font-size:clamp(1.82rem,8.4vw,2.6rem)}
  .card-grid,.research-grid,.video-grid,.pathways,.mission-human-grid{grid-template-columns:1fr!important}
  .path-card{border-radius:26px;min-height:auto}
  .path-card-img{height:210px}
  .media-frame.tall{height:auto;min-height:360px;aspect-ratio:4/5}
  .core-message-visual-stack{grid-template-columns:1fr!important}
  .core-message-visual-stack .media-frame.tall,.core-message-visual-stack .core-support-image{aspect-ratio:1/1;height:auto;min-height:0}
  .book-slider-top .book-slide{grid-template-columns:1fr!important;padding:18px;gap:18px}
  .book-slider-top .book-slide img{height:auto;max-height:330px;object-fit:contain}
  .book-slider-top .book-slide h3{font-size:clamp(1.55rem,7.4vw,2.25rem)}
  .article-placeholder-grid{grid-template-columns:1fr!important}
  .article-slot{padding:18px;border-radius:22px}
  .accordion-button{grid-template-columns:38px 1fr;gap:12px;padding:18px}
  .source-title{font-size:1.16rem}
  .source-subtitle{font-size:.62rem;letter-spacing:.08em}
  .accordion-panel{padding:0 18px 22px}
  .footer{padding:46px 0 calc(70px + var(--safe-bottom));overflow:visible}
  .footer .brand,.footer-brand{min-width:0;width:100%;align-items:center;flex-wrap:wrap}
  .footer .brand-text{display:block}
  .footer-connect h3{margin-top:8px}
  .footer-social-icons{display:grid;grid-template-columns:repeat(4,44px);justify-content:start;align-items:center;gap:12px;overflow:visible;margin:14px 0 18px}
  .social-icon{width:44px;height:44px;min-width:44px;min-height:44px}
  .social-icon svg{width:23px;height:23px}
  .social-handle{font-size:.9rem;overflow-wrap:anywhere}
  .footer-legal-notes{gap:14px;margin-top:28px}
  .footer-legal-notes div{padding:16px}
  .footer-bottomline{padding-bottom:var(--safe-bottom)}
}
@media(max-width:420px){
  .brand-logo{max-width:118px}
  .beta-version-badge{font-size:.44rem;padding:4px 6px}
  .hero-v6 .hero-copy h1{font-size:clamp(1.95rem,11vw,2.85rem)}
  .hero-v6 .hero-art.hero-photo-card img{min-height:210px}
  .footer-social-icons{grid-template-columns:repeat(4,42px);gap:10px}
  .social-icon{width:42px;height:42px;min-width:42px;min-height:42px}
}

/* [BETA V14] Final hero spacing and premium gold-frame harmonisation */
.hero-v6{
  padding-top:96px!important;
  padding-bottom:18px!important;
}
.hero-v6 .hero-slider{
  border-radius:34px!important;
  overflow:hidden!important;
}
.hero-v6 .hero-track{
  min-height:0!important;
}
.hero-v6 .hero-slide{
  min-height:auto!important;
  padding:36px 64px 28px!important;
  gap:42px!important;
  align-items:center!important;
}
.hero-v6 .hero-copy{
  padding-bottom:0!important;
}
.hero-v6 .hero-copy h1{
  margin-bottom:16px!important;
}
.hero-v6 .hero-copy p{
  margin-bottom:0!important;
}
.hero-v6 .hero-art.hero-photo-card{
  transform:none!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.hero-v6 .hero-art.hero-photo-card:before,
.hero-v6 .hero-art.hero-photo-card:after{
  content:none!important;
  display:none!important;
}
.hero-v6 .hero-art.hero-photo-card img{
  width:100%!important;
  max-width:790px!important;
  height:470px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  border:6px solid var(--gold-light)!important;
  outline:2px solid #0b0b0b!important;
  box-shadow:
    0 0 0 8px #0b0b0b,
    0 0 0 10px rgba(217,164,65,.82),
    0 30px 80px rgba(0,0,0,.18)!important;
  background:#080808!important;
  filter:none!important;
}
.hero-v6 .hero-art.hero-photo-card.hero-portrait-card img{
  object-position:center 20%!important;
}
.hero-v6 .hero-art.hero-photo-card .image-credit{
  right:20px!important;
  bottom:14px!important;
  z-index:5!important;
}
.hero-v6 .hero-controls{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  padding:0 64px 22px!important;
  margin-top:0!important;
}
.hero-v6 .hero-heritage-v6{
  margin-top:14px!important;
}
@media(max-width:1240px){
  .hero-v6 .hero-slide{padding:34px 44px 26px!important;gap:32px!important;}
  .hero-v6 .hero-art.hero-photo-card img{height:420px!important;max-width:690px!important;}
  .hero-v6 .hero-controls{padding:0 44px 20px!important;}
}
@media(max-width:1100px){
  .hero-v6{padding-top:92px!important;padding-bottom:18px!important;}
  .hero-v6 .hero-slide{grid-template-columns:1fr!important;padding:34px 36px 24px!important;gap:24px!important;}
  .hero-v6 .hero-art.hero-photo-card img{height:clamp(340px,48vw,460px)!important;max-width:100%!important;}
  .hero-v6 .hero-controls{padding:0 36px 20px!important;}
}
@media(max-width:760px){
  .hero-v6{padding-top:86px!important;padding-bottom:16px!important;}
  .hero-v6 .hero-slider{width:min(100% - 16px,1400px)!important;border-radius:22px!important;}
  .hero-v6 .hero-slide{padding:24px 16px 18px!important;gap:18px!important;}
  .hero-v6 .hero-copy h1{font-size:clamp(2rem,10.2vw,3.15rem)!important;line-height:1!important;margin-bottom:12px!important;}
  .hero-v6 .hero-copy p{font-size:.95rem!important;line-height:1.5!important;}
  .hero-v6 .hero-art.hero-photo-card img{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    border-radius:14px!important;
    border-width:4px!important;
    box-shadow:
      0 0 0 5px #0b0b0b,
      0 0 0 7px rgba(217,164,65,.82),
      0 20px 45px rgba(0,0,0,.16)!important;
  }
  .hero-v6 .hero-art.hero-photo-card .image-credit{right:12px!important;bottom:10px!important;font-size:.48rem!important;}
  .hero-v6 .hero-controls{padding:0 16px 16px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .hero-v6 .slider-arrows{justify-content:center!important;}
  .hero-v6 .hero-heritage-v6{margin-top:12px!important;}
}
@media(max-width:420px){
  .hero-v6 .hero-slide{padding:22px 14px 16px!important;}
  .hero-v6 .hero-copy h1{font-size:clamp(1.9rem,10.7vw,2.75rem)!important;}
}


/* ============================================================
   [BETA V15] HERO RECOVERY AND FRAME HARMONISATION PATCH
   Purpose: keep the hero slider visible, compact, symmetrical and mobile-safe.
   Scope: only the hero slider, hero image frame and slider controls.
   ============================================================ */

/* Keep the hero close to the fixed header without adding unnecessary vertical gaps. */
.hero-v6{
  padding-top:92px!important;
  padding-bottom:16px!important;
  min-height:auto!important;
}

/* Keep the hero card visible and clean. */
.hero-v6 .hero-slider{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:34px!important;
}

/* Allow the active slide to control the actual height of the hero. */
.hero-v6 .hero-track{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
}

/* Keep inactive slides layered without contributing random spacing. */
.hero-v6 .hero-slide{
  position:absolute!important;
  inset:0!important;
  min-height:auto!important;
  height:auto!important;
  padding:34px 64px 26px!important;
  gap:42px!important;
  align-items:center!important;
}

/* Make the active slide visible in normal page flow so the hero never collapses. */
.hero-v6 .hero-slide.active{
  position:relative!important;
  inset:auto!important;
  min-height:auto!important;
  height:auto!important;
}

/* Keep the text side compact and balanced with the image side. */
.hero-v6 .hero-copy{
  padding-bottom:0!important;
  max-width:610px!important;
}

/* Keep the main hero title large but contained inside the frame. */
.hero-v6 .hero-copy h1{
  font-size:clamp(2.65rem,4.2vw,4.9rem)!important;
  line-height:.98!important;
  margin-bottom:16px!important;
  text-wrap:balance!important;
}

/* Keep the intro paragraph readable and avoid bottom overflow. */
.hero-v6 .hero-copy p{
  max-width:575px!important;
  margin-bottom:0!important;
}

/* Remove the old golden background block behind images. */
.hero-v6 .hero-art.hero-photo-card:before,
.hero-v6 .hero-art.hero-photo-card:after{
  content:none!important;
  display:none!important;
}

/* Keep the image holder compact and centred. */
.hero-v6 .hero-art.hero-photo-card{
  min-height:auto!important;
  transform:none!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

/* Apply the harmonised black and golden archive-style image frame. */
.hero-v6 .hero-art.hero-photo-card img{
  width:100%!important;
  max-width:790px!important;
  height:470px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  border:6px solid var(--gold-light)!important;
  outline:2px solid #0b0b0b!important;
  box-shadow:0 0 0 8px #0b0b0b,0 0 0 10px rgba(217,164,65,.82),0 28px 74px rgba(0,0,0,.18)!important;
  background:#080808!important;
  filter:none!important;
}

/* Keep portrait-oriented hero images naturally focused. */
.hero-v6 .hero-art.hero-photo-card.hero-portrait-card img{
  object-position:center 20%!important;
}

/* Keep photo credit attached to the framed image. */
.hero-v6 .hero-art.hero-photo-card .image-credit{
  right:14px!important;
  bottom:10px!important;
  z-index:5!important;
}

/* Place dots and arrows under the active slide without overlaying the text or image. */
.hero-v6 .hero-controls{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  padding:0 64px 22px!important;
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* Keep the Rathod heritage banner close to the hero as part of the hero experience. */
.hero-v6 .hero-heritage-v6{
  margin-top:14px!important;
}

/* Tablet layout: single column, active slide remains visible and compact. */
@media(max-width:1100px){
  .hero-v6{padding-top:90px!important;padding-bottom:14px!important;}
  .hero-v6 .hero-slide{grid-template-columns:1fr!important;padding:32px 36px 24px!important;gap:24px!important;}
  .hero-v6 .hero-copy{max-width:780px!important;}
  .hero-v6 .hero-copy h1{font-size:clamp(2.55rem,7vw,4.55rem)!important;max-width:780px!important;}
  .hero-v6 .hero-copy p{max-width:720px!important;}
  .hero-v6 .hero-art.hero-photo-card img{height:clamp(330px,46vw,455px)!important;max-width:100%!important;}
  .hero-v6 .hero-controls{padding:0 36px 20px!important;}
}

/* Mobile layout: no collapse, no random image gaps, no horizontal overflow. */
@media(max-width:760px){
  .hero-v6{padding-top:84px!important;padding-bottom:12px!important;}
  .hero-v6 .hero-slider{width:min(100% - 16px,1400px)!important;border-radius:22px!important;}
  .hero-v6 .hero-slide{padding:24px 16px 18px!important;gap:18px!important;}
  .hero-v6 .hero-copy h1{font-size:clamp(2rem,10vw,3.1rem)!important;line-height:1!important;margin-bottom:12px!important;}
  .hero-v6 .hero-copy p{font-size:.95rem!important;line-height:1.5!important;}
  .hero-v6 .hero-art.hero-photo-card img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:14px!important;border-width:4px!important;box-shadow:0 0 0 5px #0b0b0b,0 0 0 7px rgba(217,164,65,.82),0 18px 42px rgba(0,0,0,.16)!important;}
  .hero-v6 .hero-art.hero-photo-card .image-credit{right:10px!important;bottom:8px!important;font-size:.48rem!important;max-width:70%;white-space:normal;line-height:1.1;text-align:right;}
  .hero-v6 .hero-controls{padding:0 16px 16px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .hero-v6 .slider-dots{justify-content:center!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;}
  .hero-v6 .slider-arrows{justify-content:center!important;}
  .hero-v6 .hero-heritage-v6{margin-top:12px!important;}
}

/* Small phone layout: preserve title readability and frame proportion. */
@media(max-width:420px){
  .hero-v6 .hero-slide{padding:22px 14px 16px!important;}
  .hero-v6 .hero-copy h1{font-size:clamp(1.9rem,10.7vw,2.75rem)!important;}
}


/* ============================================================
   [BETA V16] IPHONE SAFARI AND CHROME FINAL RESPONSIVE PATCH
   Purpose:
   1. Force new cache-busted CSS to load on phones.
   2. Remove every old golden hero background shape.
   3. Keep all hero slide images bigger, symmetrical and visible.
   4. Keep footer Connect social icons visible on iPhone Safari and Chrome.
   ============================================================ */

/* Global mobile safety: no horizontal bleed, no clipped footer icons. */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
}

/* Header and body should never create a side-scroll that hides footer icons. */
.site-header,
.nav-shell,
.page,
.footer,
.container{
  max-width:100vw!important;
}

/* Hero section compact vertical rhythm. */
.hero-v6{
  min-height:auto!important;
  height:auto!important;
  padding-top:88px!important;
  padding-bottom:14px!important;
  overflow:hidden!important;
}

/* Hero slider remains a real visible card. */
.hero-v6 .hero-slider{
  display:flex!important;
  flex-direction:column!important;
  width:min(100% - 36px,1400px)!important;
  margin-inline:auto!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:34px!important;
}

/* The track must not lock to old fixed heights. */
.hero-v6 .hero-track{
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}

/* Inactive slides stay layered but do not add random height. */
.hero-v6 .hero-slide{
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  min-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;
  align-items:center!important;
  gap:44px!important;
  padding:34px 64px 26px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,250,240,.94))!important;
}

/* Active slide controls the real hero height. */
.hero-v6 .hero-slide.active{
  position:relative!important;
  inset:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Hero text remains contained and balanced. */
.hero-v6 .hero-copy{
  min-width:0!important;
  max-width:620px!important;
  padding:0!important;
}

/* Hero title stays powerful without causing mobile overflow. */
.hero-v6 .hero-copy h1{
  max-width:620px!important;
  font-size:clamp(2.65rem,4.15vw,4.85rem)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  margin:0 0 16px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Hero paragraph stays readable and does not push controls down unnecessarily. */
.hero-v6 .hero-copy p{
  max-width:580px!important;
  margin:0!important;
  line-height:1.58!important;
}

/* Remove all previous golden background plates from the hero image area. */
.hero-v6 .hero-art,
.hero-v6 .hero-art.hero-photo-card{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:auto!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  background:transparent!important;
  overflow:visible!important;
}

/* Hard kill old decorative layers from every earlier Beta. */
.hero-v6 .hero-art:before,
.hero-v6 .hero-art:after,
.hero-v6 .hero-art.hero-photo-card:before,
.hero-v6 .hero-art.hero-photo-card:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Bigger symmetrical hero image frame: black archive frame with gold edge only. */
.hero-v6 .hero-art.hero-photo-card img,
.hero-v6 .hero-art img.stage-img{
  display:block!important;
  width:100%!important;
  max-width:800px!important;
  height:480px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  border:6px solid var(--gold-light)!important;
  outline:2px solid #070707!important;
  box-shadow:
    0 0 0 8px #070707,
    0 0 0 10px rgba(217,164,65,.88),
    0 28px 74px rgba(0,0,0,.18)!important;
  background:#070707!important;
  filter:none!important;
}

/* Keep portrait source images composed cleanly within the same frame size. */
.hero-v6 .hero-art.hero-photo-card.hero-portrait-card img{
  object-position:center 18%!important;
}

/* Photo credit stays attached to the image frame. */
.hero-v6 .hero-art.hero-photo-card .image-credit{
  position:absolute!important;
  right:14px!important;
  bottom:10px!important;
  z-index:6!important;
}

/* Slider controls stay below the content, not over text or images. */
.hero-v6 .hero-controls{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  padding:0 64px 22px!important;
  margin:0!important;
  pointer-events:auto!important;
}

.hero-v6 .slider-dots,
.hero-v6 .slider-arrows{
  display:flex!important;
  align-items:center!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Rathod heritage banner stays close to the hero and remains readable. */
.hero-v6 .hero-heritage-v6{
  width:min(100% - 36px,1400px)!important;
  margin:14px auto 0!important;
}

/* Tablet hero: single column, larger image, no old background plate. */
@media(max-width:1100px){
  .hero-v6{
    padding-top:88px!important;
    padding-bottom:12px!important;
  }

  .hero-v6 .hero-slide{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:32px 36px 24px!important;
  }

  .hero-v6 .hero-copy{
    max-width:780px!important;
  }

  .hero-v6 .hero-copy h1{
    max-width:780px!important;
    font-size:clamp(2.55rem,7vw,4.55rem)!important;
  }

  .hero-v6 .hero-copy p{
    max-width:720px!important;
  }

  .hero-v6 .hero-art.hero-photo-card img,
  .hero-v6 .hero-art img.stage-img{
    max-width:100%!important;
    height:clamp(330px,48vw,460px)!important;
  }

  .hero-v6 .hero-controls{
    padding:0 36px 20px!important;
  }
}

/* iPhone/mobile hero: same-size image cards, no decorative background and no collapse. */
@media(max-width:760px){
  .hero-v6{
    padding-top:82px!important;
    padding-bottom:10px!important;
  }

  .hero-v6 .hero-slider{
    width:min(100% - 16px,1400px)!important;
    border-radius:22px!important;
  }

  .hero-v6 .hero-slide{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:22px 14px 16px!important;
    gap:16px!important;
    background:linear-gradient(135deg,#fff 0%,#fffaf0 100%)!important;
  }

  .hero-v6 .hero-copy h1{
    font-size:clamp(1.95rem,10vw,3.05rem)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    margin-bottom:12px!important;
  }

  .hero-v6 .hero-copy p{
    font-size:.95rem!important;
    line-height:1.5!important;
  }

  .hero-v6 .hero-art.hero-photo-card img,
  .hero-v6 .hero-art img.stage-img{
    width:100%!important;
    height:clamp(235px,58vw,305px)!important;
    min-height:235px!important;
    aspect-ratio:16/10!important;
    border-radius:14px!important;
    border-width:4px!important;
    object-fit:cover!important;
    object-position:center!important;
    box-shadow:
      0 0 0 5px #070707,
      0 0 0 7px rgba(217,164,65,.88),
      0 18px 42px rgba(0,0,0,.16)!important;
  }

  .hero-v6 .hero-art.hero-photo-card .image-credit{
    right:9px!important;
    bottom:7px!important;
    max-width:72%!important;
    font-size:.47rem!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:right!important;
  }

  .hero-v6 .hero-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0 14px 16px!important;
  }

  .hero-v6 .slider-dots{
    justify-content:center!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:8px 9px!important;
  }

  .hero-v6 .slider-dots button{
    flex:0 0 auto!important;
  }

  .hero-v6 .slider-arrows{
    justify-content:center!important;
  }

  .hero-v6 .hero-heritage-v6{
    width:min(100% - 16px,1400px)!important;
    margin-top:12px!important;
    padding:20px!important;
    border-radius:22px!important;
  }

  .hero-v6 .hero-heritage-v6 .btn{
    width:100%!important;
    text-align:center!important;
  }
}

/* Footer Connect icons: force visible on mobile Safari and Chrome. */
.footer,
.footer *{
  overflow:visible!important;
}

.footer-grid,
.footer-grid-v6{
  align-items:start!important;
}

.footer-connect{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}

.footer-social-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:48px!important;
  max-height:none!important;
  margin:14px 0 18px!important;
  padding:0!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}

.social-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none;
}

.social-icon svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  fill:#070707!important;
  color:#070707!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:760px){
  .footer{
    padding:46px 0 calc(76px + env(safe-area-inset-bottom,0px))!important;
  }

  .footer-grid,
  .footer-grid-v6{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  .footer .brand,
  .footer-brand{
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
  }

  .footer .brand-text{
    display:block!important;
  }

  .footer-social-icons{
    display:grid!important;
    grid-template-columns:repeat(4,48px)!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:center!important;
  }

  .social-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  .social-icon svg{
    width:24px!important;
    height:24px!important;
  }
}

@media(max-width:420px){
  .footer-social-icons{
    grid-template-columns:repeat(4,44px)!important;
    gap:10px!important;
  }

  .social-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex-basis:44px!important;
  }

  .social-icon svg{
    width:22px!important;
    height:22px!important;
  }
}


/* ============================================================
   [BETA V17] FINAL IPHONE MOBILE OVERRIDE
   Added as the final stylesheet block so it wins over every older beta rule.
   ============================================================ */
html,body{max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important}.hero-v6{min-height:auto!important;height:auto!important;padding-top:88px!important;padding-bottom:12px!important;overflow:hidden!important}.hero-v6 .hero-slider{display:flex!important;flex-direction:column!important;width:min(100% - 36px,1400px)!important;margin-inline:auto!important;background:#fff!important;border-radius:34px!important;overflow:hidden!important}.hero-v6 .hero-track{position:relative!important;display:block!important;min-height:0!important;height:auto!important;overflow:visible!important}.hero-v6 .hero-slide{position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;gap:44px!important;align-items:center!important;padding:34px 64px 26px!important;background:linear-gradient(135deg,#fff,#fffaf0)!important}.hero-v6 .hero-slide.active{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.hero-v6 .hero-art,.hero-v6 .hero-art.hero-photo-card{background:transparent!important;transform:none!important;min-height:auto!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;overflow:visible!important}.hero-v6 .hero-art:before,.hero-v6 .hero-art:after,.hero-v6 .hero-art.hero-photo-card:before,.hero-v6 .hero-art.hero-photo-card:after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important}.hero-v6 .hero-art.hero-photo-card img,.hero-v6 .hero-art img.stage-img{display:block!important;width:100%!important;max-width:800px!important;height:480px!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;border-radius:18px!important;border:6px solid var(--gold-light)!important;outline:2px solid #070707!important;box-shadow:0 0 0 8px #070707,0 0 0 10px rgba(217,164,65,.88),0 28px 74px rgba(0,0,0,.18)!important;background:#070707!important;filter:none!important}.hero-v6 .hero-controls{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;padding:0 64px 22px!important;margin:0!important;pointer-events:auto!important}.footer,.footer *{overflow:visible!important}.footer-grid-v6,.footer-grid{align-items:start!important}.footer-connect{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;visibility:visible!important;opacity:1!important}.footer-social-icons{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;max-width:100%!important;min-height:48px!important;height:auto!important;max-height:none!important;margin:14px 0 18px!important;padding:0!important;overflow:visible!important;visibility:visible!important;opacity:1!important}.social-icon{display:inline-grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;flex:0 0 48px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))!important;visibility:visible!important;opacity:1!important;transform:none!important}.social-icon svg{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;fill:#070707!important;color:#070707!important;visibility:visible!important;opacity:1!important}@media(max-width:1100px){.hero-v6 .hero-slide{grid-template-columns:1fr!important;gap:24px!important;padding:32px 36px 24px!important}.hero-v6 .hero-art.hero-photo-card img,.hero-v6 .hero-art img.stage-img{max-width:100%!important;height:clamp(330px,48vw,460px)!important}.hero-v6 .hero-controls{padding:0 36px 20px!important}.footer-grid-v6,.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:34px!important}}@media(max-width:760px){.hero-v6{padding-top:82px!important;padding-bottom:10px!important}.hero-v6 .hero-slider{width:min(100% - 16px,1400px)!important;border-radius:22px!important}.hero-v6 .hero-slide{padding:22px 14px 16px!important;gap:16px!important}.hero-v6 .hero-copy h1{font-size:clamp(1.95rem,10vw,3.05rem)!important;line-height:1!important;margin-bottom:12px!important}.hero-v6 .hero-copy p{font-size:.95rem!important;line-height:1.5!important}.hero-v6 .hero-art.hero-photo-card img,.hero-v6 .hero-art img.stage-img{height:clamp(235px,58vw,305px)!important;min-height:235px!important;aspect-ratio:16/10!important;border-radius:14px!important;border-width:4px!important;box-shadow:0 0 0 5px #070707,0 0 0 7px rgba(217,164,65,.88),0 18px 42px rgba(0,0,0,.16)!important}.hero-v6 .hero-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0 14px 16px!important}.hero-v6 .slider-dots{justify-content:center!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;padding:8px 9px!important}.hero-v6 .slider-arrows{justify-content:center!important}.footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.footer-social-icons{display:grid!important;grid-template-columns:repeat(4,48px)!important;gap:12px!important;justify-content:start!important}}


/* ============================================================
   [BETA V18] FINAL MOBILE NAVIGATION DRAWER FIX
   Problem fixed:
   On iPhone Safari and Chrome the hamburger button changed to CLOSE,
   but the menu links were not visible because older fixed-menu rules,
   body scroll locking and mobile viewport calculations fought each other.
   This patch makes the opened mobile menu a clean, high-z-index drawer.
   ============================================================ */
@media (max-width:1100px){
  /* Header must allow the fixed drawer to sit above the hero. */
  .site-header{
    overflow:visible!important;
    z-index:99990!important;
  }

  /* Header inner shell stays compact and above the drawer. */
  .nav-shell{
    position:relative!important;
    z-index:99992!important;
  }

  /* Mobile menu button remains visible and tappable. */
  .menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:99995!important;
    min-width:76px!important;
    min-height:42px!important;
    border:1px solid rgba(0,0,0,.15)!important;
    background:#fff!important;
    color:#050505!important;
    box-shadow:0 10px 26px rgba(0,0,0,.08)!important;
  }

  /* Closed mobile navigation is completely hidden. */
  .nav-links{
    display:none!important;
  }

  /* Open mobile navigation is a real drawer, not a tiny clipped strip. */
  body.menu-open .nav-links,
  html.menu-open .nav-links,
  .site-header.mobile-open .nav-links,
  .nav-links.open{
    display:flex!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:calc(76px + env(safe-area-inset-top,0px))!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:auto!important;
    max-height:calc(100dvh - 96px - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:14px!important;
    border-radius:22px!important;
    border:1px solid rgba(217,164,65,.55)!important;
    background:linear-gradient(145deg,#070707 0%,#151007 100%)!important;
    box-shadow:0 34px 90px rgba(0,0,0,.42)!important;
    z-index:99994!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  /* Every mobile menu link is visible, readable and touch-friendly. */
  body.menu-open .nav-links a,
  html.menu-open .nav-links a,
  .site-header.mobile-open .nav-links a,
  .nav-links.open a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:46px!important;
    padding:13px 16px!important;
    margin:0!important;
    border-radius:16px!important;
    border:1px solid rgba(245,212,134,.28)!important;
    background:rgba(255,255,255,.045)!important;
    color:#fffaf0!important;
    font-size:.86rem!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    text-align:left!important;
    text-transform:uppercase!important;
    font-weight:900!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Active and hover state matches the brand palette. */
  body.menu-open .nav-links a.active,
  html.menu-open .nav-links a.active,
  .site-header.mobile-open .nav-links a.active,
  .nav-links.open a.active{
    background:linear-gradient(135deg,var(--gold-light),var(--gold))!important;
    color:#050505!important;
    border-color:rgba(217,164,65,.85)!important;
  }

  /* Stop old desktop CTA from appearing in the mobile overlay. */
  .nav-cta{
    display:none!important;
  }

  /* Body scroll is locked only while menu is open, but the drawer itself scrolls. */
  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  body.menu-open .nav-links,
  html.menu-open .nav-links,
  .site-header.mobile-open .nav-links,
  .nav-links.open{
    touch-action:auto!important;
  }
}

@media (max-width:760px){
  body.menu-open .nav-links,
  html.menu-open .nav-links,
  .site-header.mobile-open .nav-links,
  .nav-links.open{
    left:10px!important;
    right:10px!important;
    top:calc(70px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - 84px - env(safe-area-inset-bottom,0px))!important;
    padding:12px!important;
    border-radius:20px!important;
  }

  body.menu-open .nav-links a,
  html.menu-open .nav-links a,
  .site-header.mobile-open .nav-links a,
  .nav-links.open a{
    min-height:44px!important;
    padding:12px 14px!important;
    font-size:.78rem!important;
  }
}

/* Older iOS fallback for browsers without dynamic viewport units. */
@supports not (height:100dvh){
  @media (max-width:1100px){
    body.menu-open .nav-links,
    html.menu-open .nav-links,
    .site-header.mobile-open .nav-links,
    .nav-links.open{
      max-height:calc(100vh - 96px - env(safe-area-inset-bottom,0px))!important;
    }
  }
}


/* [BETA V19] Professional impact dashboard and new image-credit refinements */
.impact-section{background:linear-gradient(135deg,#fff,#fff8ec)}
.impact-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:30px}
.impact-card{border-radius:24px;border:1px solid rgba(217,164,65,.34);background:linear-gradient(145deg,#070707,#171109);padding:24px 18px;box-shadow:0 20px 50px rgba(0,0,0,.12);min-height:150px;display:flex;flex-direction:column;justify-content:center}
.impact-card strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.1rem,3.5vw,4rem);line-height:.95;color:var(--gold-light);letter-spacing:-.04em;margin-bottom:12px}
.impact-card span{display:block;color:rgba(255,255,255,.82);font-size:.86rem;line-height:1.45;font-weight:800;letter-spacing:.02em}
.compact-impact{grid-template-columns:repeat(4,1fr);max-width:980px}
.two-col-impact{grid-template-columns:repeat(2,1fr);max-width:none}
.impact-image-card{margin:0;border-radius:34px;overflow:hidden;border:1px solid rgba(217,164,65,.36);background:#070707;box-shadow:var(--shadow)}
.impact-image-card img{width:100%;height:430px;object-fit:cover;display:block}
.impact-image-card figcaption{padding:14px 18px;color:rgba(255,255,255,.76);font-size:.82rem;line-height:1.45}.impact-image-card figcaption span{color:var(--gold-light);font-weight:900}
.hero-v6 .hero-art.hero-photo-card img[src*="ai-symposium-group"]{object-position:center 42%}
.hero-v6 .hero-art.hero-photo-card img[src*="workshop-nextgen-students"]{object-position:center 44%}
.core-message-frame img[src*="ai-symposium-panel-wide"]{object-position:center 40%}
.path-card.has-visual .path-card-img[src*="ai-symposium-speakers"]{object-position:center top}
.path-card.has-visual .path-card-img[src*="madeira"]{object-position:center center}
.mission-background-img[src*="workshop-nextgen-students"]{opacity:.34;object-position:center center}
@media(max-width:1180px){.impact-grid{grid-template-columns:repeat(3,1fr)}.compact-impact,.two-col-impact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.impact-grid,.compact-impact,.two-col-impact{grid-template-columns:1fr}.impact-card{min-height:120px}.impact-card strong{font-size:2.6rem}.impact-image-card img{height:260px}}

/* [BETA V20] Advanced technology and blockchain report cards */
.blockchain-report-card{
  display:grid;
  grid-template-columns:minmax(260px,0.88fr) minmax(320px,1.12fr);
  gap:34px;
  align-items:center;
  padding:38px;
  border-radius:34px;
  background:linear-gradient(135deg,#ffffff,#fff7e5);
  border:1px solid rgba(217,164,65,.28);
  box-shadow:var(--shadow);
}
.blockchain-report-card img{
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:24px;
  border:6px solid #050505;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.text-link{
  display:inline-flex;
  margin-top:12px;
  color:var(--gold-dark);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.74rem;
}
@media(max-width:860px){
  .blockchain-report-card{grid-template-columns:1fr;padding:24px;border-radius:26px;}
  .blockchain-report-card img{height:auto;min-height:220px;}
}


/* [BETA V21] Authentic EC-Council blockchain report screenshot treatment */
.blockchain-report-visual{
  display:block;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.blockchain-authentic-card img,
.blockchain-report-card img[src*="blockchain-for-business-report"]{
  object-fit:contain;
  background:#fff;
  border:0;
  padding:0;
}
.research-card img[src*="blockchain-for-business-report"],
.path-card-img[src*="blockchain-for-business-report"]{
  object-fit:contain;
  background:#fff;
}
.book-slide img[src*="blockchain-for-business-report"]{
  object-fit:contain;
  object-position:center;
  background:#fff;
}
@media(max-width:860px){
  .blockchain-report-visual{border-radius:18px;}
  .blockchain-authentic-card img,
  .blockchain-report-card img[src*="blockchain-for-business-report"]{min-height:0; height:auto;}
}


/* [BETA V22] Life page slider caption lift
   Purpose: keeps the image caption text above the previous/next controls and dot navigation.
   Scope: only the Life page image slider because the issue was local to this section. */
.life-slider .frame-caption{
  bottom:96px;
  z-index:3;
}
.life-slider .life-controls{
  bottom:22px;
  z-index:5;
}
@media(max-width:720px){
  .life-slider .frame-caption{
    left:14px;
    right:14px;
    bottom:88px;
    padding:13px 14px;
    border-radius:16px;
  }
  .life-slider .frame-caption strong{
    font-size:1rem;
    line-height:1.15;
  }
  .life-slider .frame-caption span{
    font-size:.82rem;
    line-height:1.35;
  }
  .life-slider .life-controls{
    left:14px;
    right:14px;
    bottom:18px;
    gap:8px;
  }
  .life-slider .life-dots{
    gap:5px;
    padding:6px 8px;
  }
  .life-slider .life-dots button{
    width:20px;
    height:8px;
  }
  .life-slider .life-controls button{
    width:40px;
    height:40px;
  }
}