/* ═══════════════════════════════════════════════════════════
   Murlidhar Mohol — Official Website v10 "तिरंगा"
   Original design & code · Xonware Technologies
   Display: Yatra One (Devanagari poster voice) · UI: Jost · Body: Inter
   Signature: the tricolor thread — progress bar, title rules, slide dots
   ═══════════════════════════════════════════════════════════ */
:root{
  --saffron:#F68A0A;--saffron-hot:#FF6900;--sindoor:#B34700;
  --leaf:#1E7A46;--ink:#0E121D;--ink-2:#1a2a3a;
  --paper:#ffffff;--khadi:#FCF7EF;--line:#eee6d9;--line-cool:#e9ecef;
  --body:#46505e;--head:#141a26;
  --grad-btn:linear-gradient(90deg,#FF6900 0%,#FE9A00 50%,#F54900 100%);
  --tiranga:linear-gradient(90deg,var(--saffron) 0 42%,#fff 42% 58%,var(--leaf) 58% 100%);
  --shadow-1:0 6px 18px rgba(14,18,29,.07);
  --shadow-2:0 18px 44px rgba(14,18,29,.13);
  --r-card:14px;--r-pill:50rem;
  --ff-display:"Yatra One","Jost","Segoe UI",system-ui,sans-serif;
  --ff-ui:"Jost","Segoe UI",system-ui,sans-serif;
  --ff-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--ff-body);color:var(--body);background:var(--paper);font-size:1rem;line-height:1.75}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit;transition:color .2s}
ul{list-style:none}
h1,h2,h3{font-family:var(--ff-display);font-weight:400;color:var(--head);line-height:1.22}
h4,h5{font-family:var(--ff-ui);font-weight:700;color:var(--head);line-height:1.3}
::selection{background:var(--saffron);color:#fff}
html::-webkit-scrollbar{width:11px}
html::-webkit-scrollbar-track{background:var(--khadi)}
html::-webkit-scrollbar-thumb{background:linear-gradient(var(--saffron),var(--sindoor));border-radius:8px}

.container{width:min(1220px,92%);margin-inline:auto}
.section{padding:96px 0}
.section.soft{background:var(--khadi)}
.center{text-align:center}
.lead{max-width:700px;margin:0 auto 2.4rem;text-align:center}

/* Eyebrow + तिरंगा title rule */
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--ff-ui);color:var(--sindoor);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;margin-bottom:.7rem}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--tiranga)}
.h-display{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:14px;position:relative}
.center .h-display::after{content:"";display:block;width:74px;height:4px;border-radius:3px;background:var(--tiranga);margin:.85rem auto 0;transform:scaleX(0);transform-origin:center;transition:transform .8s var(--ease-out) .15s}
.center .reveal.in .h-display::after,.center.in .h-display::after{transform:scaleX(1)}

/* ── Buttons ─────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.78rem 1.85rem;border-radius:var(--r-pill);font-family:var(--ff-ui);font-weight:600;font-size:1.02rem;border:2px solid transparent;cursor:pointer;transition:transform .22s var(--ease-out),box-shadow .22s,filter .22s;position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);transition:transform .55s}
.btn:hover::after{transform:translateX(120%)}
.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 8px 20px rgba(245,73,0,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(245,73,0,.34)}
.btn-light{background:#fff;color:var(--sindoor)}
.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.btn-outline-light{border-color:rgba(255,255,255,.85);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(4px)}
.btn-outline-light:hover{background:#fff;color:var(--sindoor)}
.btn-outline{border-color:var(--saffron);color:var(--sindoor)}
.btn-outline:hover{background:var(--saffron);color:#fff}

/* ── Preloader + scroll thread ───────────── */
#loader{position:fixed;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;z-index:200;transition:opacity .5s,visibility .5s}
#loader.gone{opacity:0;visibility:hidden}
#loader img{height:84px}
#loader .thread{width:150px;height:4px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
#loader .thread::after{content:"";display:block;height:100%;width:40%;background:var(--tiranga);animation:threadRun 1s var(--ease-out) infinite}
@keyframes threadRun{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
#progress{position:fixed;top:0;left:0;height:4px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--tiranga);z-index:130}

/* ── Topbar ──────────────────────────────── */
.topbar{background:var(--ink);color:#c7d0dd;font-size:.88rem;padding:.5rem 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.topbar a{color:#c7d0dd}.topbar a:hover{color:#fff}
.topbar .socials{display:flex;gap:.95rem;font-size:1rem}
.topbar .socials a{transition:transform .2s,color .2s}
.topbar .socials a:hover{transform:translateY(-2px);color:var(--saffron)}

/* ── Glass pill navigation ───────────────── */
.header{position:sticky;top:0;z-index:90;padding:.7rem 0;transition:padding .3s var(--ease-out)}
.header .shell{width:min(1220px,94%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(14,18,29,.07);border-radius:22px;padding:.5rem 1.1rem;box-shadow:var(--shadow-1);transition:box-shadow .3s,border-radius .3s}
.header.shrink{padding:.35rem 0}
.header.shrink .shell{box-shadow:var(--shadow-2);border-radius:18px}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:52px;width:auto;transition:height .3s}
.header.shrink .brand img{height:42px}
.brand .brand-fallback{display:none;font-family:var(--ff-display);color:var(--sindoor);font-size:1.2rem;line-height:1.1}
.nav{display:flex;align-items:center;gap:1.15rem;font-family:var(--ff-ui);font-weight:500;font-size:1.02rem;color:var(--head)}
.nav>a,.nav .dropdown>a{position:relative;padding:.3rem .15rem}
.nav>a::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;border-radius:2px;background:var(--tiranga);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav>a:hover::after,.nav>a.active::after{transform:scaleX(1)}
.nav a:hover,.nav a.active,.nav .dropdown>a.active{color:var(--sindoor)}
.nav .dropdown{position:relative}
.nav .dropdown .car{font-size:.68em;opacity:.65}
.nav .menu{position:absolute;top:calc(100% + .85rem);left:50%;translate:-50% 6px;min-width:240px;background:#fff;border:1px solid var(--line-cool);border-radius:14px;box-shadow:var(--shadow-2);padding:.45rem;opacity:0;visibility:hidden;transition:all .25s var(--ease-out)}
.nav .dropdown:hover .menu,.nav .dropdown:focus-within .menu{opacity:1;visibility:visible;translate:-50% 0}
.nav .menu a{display:block;padding:.55rem .9rem;border-radius:9px}
.nav .menu a:hover{background:var(--khadi);color:var(--sindoor);padding-left:1.15rem}
.lang{display:flex;gap:.4rem;font-size:.82rem;font-family:var(--ff-body)}
.lang a{padding:.16rem .6rem;border:1px solid var(--line-cool);border-radius:8px}
.lang a.active,.lang a:hover{background:var(--saffron);border-color:var(--saffron);color:#fff}
.nav-toggle{display:none;background:none;border:0;font-size:1.55rem;color:var(--head);cursor:pointer;z-index:120}

/* ── HERO SLIDER ─────────────────────────── */
.hero-slider{position:relative;min-height:calc(100vh - 118px);overflow:hidden;background:var(--ink);color:#fff;display:grid}
.slide{grid-area:1/1;position:relative;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s}
.slide.on{opacity:1;visibility:visible;z-index:2}
.slide .bg{position:absolute;inset:0;background-position:center 22%;background-size:cover;transform:scale(1.02)}
.slide.on .bg{animation:kenburns 7.5s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.13)}}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,18,29,.92) 8%,rgba(14,18,29,.66) 46%,rgba(179,71,0,.28) 100%)}
.slide .container{position:relative;z-index:3;padding:5.5rem 0 6.5rem}
.slide .kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ff-ui);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:#ffd9ae;margin-bottom:1rem}
.slide .kicker::before{content:"";width:30px;height:3px;border-radius:2px;background:var(--tiranga)}
.slide h1{color:#fff;font-size:clamp(2.3rem,5.4vw,4.1rem);max-width:14ch;margin-bottom:1.1rem;text-shadow:0 3px 24px rgba(0,0,0,.35)}
.slide p{max-width:56ch;color:#f4e9dd;font-size:1.06rem;margin-bottom:2rem}
.slide .cta{display:flex;gap:.9rem;flex-wrap:wrap}
.slide.on .kicker,.slide.on h1,.slide.on p,.slide.on .cta{animation:riseIn .85s var(--ease-out) both}
.slide.on h1{animation-delay:.12s}.slide.on p{animation-delay:.24s}.slide.on .cta{animation-delay:.36s}
@keyframes riseIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
/* controls */
.hero-ui{position:absolute;left:0;right:0;bottom:1.6rem;z-index:5}
.hero-ui .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dots{display:flex;gap:.6rem}
.dot{width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.28);border:0;cursor:pointer;position:relative;overflow:hidden}
.dot .fill{position:absolute;inset:0;background:var(--tiranga);transform:scaleX(0);transform-origin:left}
.dot.on .fill{animation:dotFill var(--slide-ms,6500ms) linear forwards}
@keyframes dotFill{to{transform:scaleX(1)}}
.arrows{display:flex;gap:.55rem}
.arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);backdrop-filter:blur(4px);color:#fff;font-size:1.15rem;cursor:pointer;transition:all .25s}
.arrow:hover{background:#fff;color:var(--sindoor);transform:scale(1.06)}

/* ── Motto marquee ribbon ────────────────── */
.marquee{background:var(--saffron);color:#fff;overflow:hidden;padding:.85rem 0;border-block:3px solid var(--ink)}
.marquee .track{display:flex;gap:3.2rem;width:max-content;animation:marq 26s linear infinite;font-family:var(--ff-display);font-size:1.35rem;white-space:nowrap}
.marquee:hover .track{animation-play-state:paused}
.marquee .track span{display:flex;align-items:center;gap:3.2rem}
.marquee .track em{font-style:normal;opacity:.75;font-size:1rem}
@keyframes marq{to{transform:translateX(-50%)}}

/* ── Stats ───────────────────────────────── */
.stats{background:#fff;box-shadow:var(--shadow-2);border-radius:var(--r-card);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;transform:translateY(-56px);position:relative;z-index:6;border-top:4px solid transparent;border-image:var(--tiranga) 1}
.stats .stat{padding:1.7rem 1rem;text-align:center;border-right:1px solid var(--line-cool);transition:background .25s}
.stats .stat:hover{background:var(--khadi)}
.stats .stat:last-child{border-right:0}
.stats .num{font-family:var(--ff-display);font-size:2.3rem;color:var(--sindoor)}
.stats small{font-family:var(--ff-ui);color:var(--body);font-weight:500}

/* ── About ───────────────────────────────── */
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:3.4rem;align-items:center}
.about .vector{position:relative}
.about .vector::before{content:"";position:absolute;inset:auto -14px -14px auto;width:62%;height:62%;border-radius:var(--r-card);background:repeating-linear-gradient(45deg,var(--saffron) 0 2px,transparent 2px 9px);opacity:.5;z-index:0}
.about .vector img{position:relative;border-radius:var(--r-card);z-index:1}
.checks{margin:1.5rem 0 2rem;display:grid;gap:.75rem}
.checks li{display:flex;gap:.75rem;align-items:flex-start;font-family:var(--ff-ui);font-weight:600;color:var(--head)}
.checks li::before{content:"✔";flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--khadi);color:var(--sindoor);font-size:.72rem;display:grid;place-items:center;border:1px solid var(--line)}

/* ── Cards ───────────────────────────────── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7rem}
.card{background:#fff;border:1px solid var(--line-cool);border-radius:var(--r-card);overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s;transform-style:preserve-3d;will-change:transform}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-2)}
.card .thumb-wrap{overflow:hidden;position:relative}
.card .thumb-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,18,29,.32),transparent 45%);opacity:0;transition:opacity .3s}
.card:hover .thumb-wrap::after{opacity:1}
.card .thumb{height:250px;object-fit:cover;width:100%;transition:transform .6s var(--ease-out)}
.card:hover .thumb{transform:scale(1.07)}
.card .pad{padding:1.3rem 1.4rem 1.55rem}
.card .tag{display:inline-block;font-family:var(--ff-ui);background:var(--khadi);color:var(--sindoor);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);padding:.18rem .85rem;margin-bottom:.6rem;border:1px solid var(--line)}
.card h4{font-size:1.16rem;margin-bottom:.55rem}
.card .meta{font-size:.87rem;color:var(--sindoor);font-family:var(--ff-ui);margin-bottom:.5rem}
.card .more{color:var(--sindoor);font-family:var(--ff-ui);font-weight:600}
.card .more:hover{letter-spacing:.02em}

/* ── Roles / timeline ────────────────────── */
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.role{background:#fff;border:1px solid var(--line-cool);border-radius:var(--r-card);padding:1.5rem 1.4rem;position:relative;overflow:hidden;transition:transform .25s var(--ease-out),box-shadow .25s}
.role::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tiranga)}
.role:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.role h4{font-size:1.08rem;margin-bottom:.4rem}
.timeline{position:relative;max-width:840px;margin:0 auto;padding-left:2.2rem}
.timeline::before{content:"";position:absolute;left:.55rem;top:.3rem;bottom:.3rem;width:3px;border-radius:3px;background:linear-gradient(var(--saffron),#fff 50%,var(--leaf));background-size:100% 200%;background-position:0 0}
.tl{position:relative;margin-bottom:2.1rem}
.tl::before{content:"";position:absolute;left:-2.13rem;top:.4rem;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--saffron);transition:transform .3s}
.tl:hover::before{transform:scale(1.25);border-color:var(--leaf)}
.tl .yr{font-family:var(--ff-display);color:var(--sindoor);font-size:1.15rem}
.tl h4{margin:.15rem 0 .3rem}

/* ── Gallery ─────────────────────────────── */
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.gallery a{display:block;border-radius:var(--r-card);overflow:hidden;height:380px;cursor:zoom-in;position:relative}
.gallery a::after{content:"⊕";position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#fff;background:rgba(14,18,29,.35);opacity:0;transition:opacity .3s}
.gallery a:hover::after{opacity:1}
.gallery.grid{grid-template-columns:repeat(3,1fr)}
.gallery.grid a{height:300px}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
.gallery a:hover img{transform:scale(1.07)}
.lightbox{position:fixed;inset:0;background:rgba(10,14,20,.93);display:none;align-items:center;justify-content:center;z-index:150;padding:2rem}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.5);animation:riseIn .35s var(--ease-out)}
.lightbox .x{position:absolute;top:1rem;right:1.4rem;color:#fff;font-size:2rem;background:none;border:0;cursor:pointer}

/* ── Philosophy ──────────────────────────── */
.philosophy{background:radial-gradient(circle at center,var(--ink-2) 0%,#0d131a 100%);color:#dbe3ee;text-align:center;position:relative;overflow:hidden;padding:110px 0}
.philosophy::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='1.5' cy='1.5' r='1.2' fill='%23ffffff' fill-opacity='.05'/%3E%3C/svg%3E")}
.philosophy .container{position:relative}
.philosophy .eyebrow{color:#ffd9ae}
.philosophy .motto{font-family:var(--ff-display);color:#fff;font-size:clamp(2rem,4.6vw,3.3rem);display:flex;gap:1.3rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.3rem}
.philosophy .motto span:not(:last-child)::after{content:"·";color:var(--saffron);margin-left:1.3rem}
.philosophy p{max-width:740px;margin:0 auto 2rem}

/* ── Testimonials ────────────────────────── */
.quote-card{background:#fff;border:1px solid var(--line-cool);border-radius:var(--r-card);padding:1.9rem 1.7rem;transition:box-shadow .25s,transform .25s;position:relative}
.quote-card::before{content:"";position:absolute;top:0;left:1.7rem;width:56px;height:4px;border-radius:0 0 4px 4px;background:var(--tiranga)}
.quote-card:hover{box-shadow:var(--shadow-2);transform:translateY(-5px)}
.quote-card .mark{color:var(--saffron);font-family:var(--ff-display);font-size:2.3rem;line-height:1}
.quote-card blockquote{margin:.7rem 0 1.2rem;min-height:120px}
.quote-card .who{display:flex;align-items:center;gap:.9rem;border-top:1px solid var(--line-cool);padding-top:1.05rem}
.quote-card .who img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--khadi);box-shadow:0 0 0 2px var(--saffron)}
.quote-card .who h5{font-size:1.02rem}
.verify-slot{background:var(--khadi);border:1px dashed var(--saffron);border-radius:9px;padding:.85rem .95rem;font-size:.9rem;color:var(--sindoor)}

/* ── Feed ────────────────────────────────── */
.feed-wrap{max-width:920px;margin-inline:auto;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:16/9;border:1px solid var(--line-cool)}
.feed-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ── Page hero (inner) ───────────────────── */
.page-hero{background-color:var(--ink);background-position:center 26%;background-size:cover;color:#fff;padding:6rem 0 4rem;text-align:center;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--tiranga)}
.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,3rem);animation:riseIn .7s var(--ease-out) both}
.page-hero .crumb{font-family:var(--ff-ui);color:#ffd9ae;margin-top:.5rem;animation:riseIn .7s var(--ease-out) .12s both}
.page-hero .crumb a{color:#fff}

/* ── Forms ───────────────────────────────── */
.form-card{background:#fff;border:1px solid var(--line-cool);border-radius:var(--r-card);padding:2.1rem;box-shadow:var(--shadow-1);border-top:4px solid transparent;border-image:var(--tiranga) 1}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}
.field{display:grid;gap:.35rem}
.field.full{grid-column:1/-1}
.field label{font-family:var(--ff-ui);font-weight:600;color:var(--head);font-size:.93rem}
.field input,.field select,.field textarea{border:1px solid var(--line-cool);border-radius:11px;padding:.7rem .95rem;font-family:var(--ff-body);font-size:1rem;background:#fff;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(246,138,10,.16)}
.alert{border-radius:11px;padding:.95rem 1.15rem;margin-bottom:1.25rem;font-weight:600}
.alert.ok{background:#eefaf0;color:var(--leaf);border:1px solid #bfe8ca}
.alert.err{background:#fdeeee;color:#a33;border:1px solid #f2c6c6}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem}

/* ── Dark band ───────────────────────────── */
.dark-band{background-color:var(--ink);background-size:cover;background-position:center;color:#dbe3ee;text-align:center;position:relative}
.dark-band h2{color:#fff}

/* ── Footer ──────────────────────────────── */
.footer{background:var(--ink);color:#bfc9d8;margin-top:0;position:relative}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--tiranga)}
.footer a:hover{color:#fff}
.footer .top{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:2.6rem;padding:4rem 0 2.6rem}
.footer .logo img{height:120px;width:auto;margin-bottom:1rem}
.footer h4{color:#fff;font-size:1.06rem;margin-bottom:1.05rem}
.footer .links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;font-family:var(--ff-ui)}
.footer .links a{transition:padding-left .2s,color .2s}
.footer .links a:hover{padding-left:.35rem;color:var(--saffron)}
.footer .office{display:grid;gap:1.15rem}
.footer .office p{font-size:.92rem}
.footer .office strong{color:#fff;display:block;margin-bottom:.2rem;font-family:var(--ff-ui)}
.subscribe{display:flex;margin-top:.85rem;max-width:340px}
.subscribe input{flex:1;border:0;border-radius:var(--r-pill) 0 0 var(--r-pill);padding:.65rem 1.05rem;font-family:var(--ff-body)}
.subscribe button{border:0;background:var(--grad-btn);color:#fff;font-family:var(--ff-ui);font-weight:600;padding:.65rem 1.25rem;border-radius:0 var(--r-pill) var(--r-pill) 0;cursor:pointer}
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding:1.15rem 0;font-size:.88rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer .bottom a{color:#fff}

/* ── Back-to-top with progress ring ──────── */
#toTop{position:fixed;right:1.25rem;bottom:1.25rem;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--sindoor);border:0;font-size:1.15rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s var(--ease-out);z-index:110;box-shadow:var(--shadow-2);display:grid;place-items:center}
#toTop.show{opacity:1;visibility:visible}
#toTop svg{position:absolute;inset:0;transform:rotate(-90deg)}
#toTop circle{fill:none;stroke:var(--saffron);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151}

/* ── Reveal system ───────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
.grid-3>.reveal:nth-child(2),.role-grid>.reveal:nth-child(2){transition-delay:.1s}
.grid-3>.reveal:nth-child(3),.role-grid>.reveal:nth-child(3){transition-delay:.2s}
.grid-3>.reveal:nth-child(4),.role-grid>.reveal:nth-child(4){transition-delay:.1s}
.grid-3>.reveal:nth-child(5),.role-grid>.reveal:nth-child(5){transition-delay:.2s}
.grid-3>.reveal:nth-child(6),.role-grid>.reveal:nth-child(6){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ── Responsive ──────────────────────────── */
@media (max-width:992px){
  .hero-slider{min-height:78vh}
  .about,.grid-2{grid-template-columns:1fr}
  .grid-3,.role-grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .stats .stat:nth-child(2){border-right:0}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .gallery a{height:260px}
  .footer .top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .section{padding:72px 0}
  .nav{position:fixed;inset:0;background:var(--ink);color:#fff;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem 2.2rem;gap:1.15rem;transform:translateY(-102%);transition:transform .45s var(--ease-out);z-index:115;overflow-y:auto}
  .nav.open{transform:none}
  .nav>a,.nav .dropdown>a{font-family:var(--ff-display);font-size:1.7rem;color:#fff;opacity:0;transform:translateY(16px)}
  .nav.open>a,.nav.open .dropdown>a{opacity:1;transform:none;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
  .nav.open>*:nth-child(1){transition-delay:.08s}.nav.open>*:nth-child(2){transition-delay:.14s}
  .nav.open>*:nth-child(3){transition-delay:.2s}.nav.open>*:nth-child(4){transition-delay:.26s}
  .nav.open>*:nth-child(5){transition-delay:.32s}.nav.open>*:nth-child(6){transition-delay:.38s}
  .nav.open>*:nth-child(7){transition-delay:.44s}.nav.open>*:nth-child(8){transition-delay:.5s}
  .nav.open>*:nth-child(9){transition-delay:.56s}.nav.open>*:nth-child(10){transition-delay:.62s}
  .nav .menu{position:static;opacity:1;visibility:visible;translate:0 0;box-shadow:none;border:0;background:transparent;padding-left:1rem;display:none;color:#e6d9c8}
  .nav .dropdown.open .menu{display:block}
  .nav .menu a:hover{background:transparent;color:var(--saffron)}
  .nav .btn{margin-top:.6rem}
  .lang a{border-color:rgba(255,255,255,.3);color:#fff}
  .nav-toggle{display:block}
  body.nav-lock{overflow:hidden}
  .header .shell{border-radius:16px}
  .slide h1{font-size:clamp(2rem,9vw,2.6rem)}
  .hero-ui .arrows{display:none}
  .grid-3,.role-grid,.form-grid{grid-template-columns:1fr}
  .gallery,.gallery.grid{grid-template-columns:1fr 1fr}
  .footer .top{grid-template-columns:1fr}
  .card .thumb{height:220px}
  .stats{transform:translateY(-34px)}
  .marquee .track{font-size:1.1rem}
}
