/*
Theme Name: MDM Consulting
Theme URI: https://www.mdmconsulting.in
Author: MDM Consulting
Description: Custom portfolio-first theme for MDM Consulting, Mission Driven Marketing. Delhi NCR.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: mdm
*/

*,*::before,*::after{box-sizing:inherit}
:root{box-sizing:border-box;--ac:#b37f3d;--cd:#86581c;--ink:#0b0b0c;--off:#f3f1ec;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1!important;transform:none!important}.wd>span{transform:none!important}}
body{margin:0;background:var(--ink);color:var(--off);font:400 1rem/1.65 Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#fcfcfb;z-index:60}
h1,h2,h3,.bt,.wm{font-family:Poppins,Inter,sans-serif}a{color:inherit}p{margin:0 0 1em;color:var(--mu,#9a968f)}
.lt{--bg:var(--off);--fg:var(--ink);--mu:#5d5a55;--ln:rgba(11,11,12,.16);--ea:var(--cd)}.dk{--bg:var(--ink);--fg:var(--off);--mu:#9a968f;--ln:rgba(243,241,236,.16);--ea:var(--ac)}
.s{background:var(--bg);color:var(--fg);padding:clamp(64px,10vw,140px) 0}.w{max-width:1320px;margin:auto;padding:0 clamp(18px,4vw,48px)}
h1{font-size:clamp(2.3rem,7vw,7.4rem);line-height:1;letter-spacing:-.04em;font-weight:700;margin:0 0 28px}h2{font-size:clamp(1.9rem,4.6vw,4.2rem);line-height:1.05;letter-spacing:-.035em;font-weight:700;margin:0 0 24px}h3{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 8px}
em{font:italic 400 1.1em "Instrument Serif",Georgia,serif;color:var(--ea,var(--ac));letter-spacing:-.01em;padding-right:.05em}
.ey{font:500 .75rem Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--ea,var(--ac));margin:0 0 20px}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:54ch;color:var(--mu)}
.bt{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ac);color:#0b0b0c;font-weight:700;text-decoration:none;border:1px solid var(--ac);cursor:pointer;font-size:1rem;transition:background .3s,color .3s,border-color .3s;transform:translate(var(--bx,0),var(--by,0))}.bt.o{background:none;color:inherit;border-color:currentColor}.bt:hover{background:var(--off);border-color:var(--off);color:var(--ink)}.bar{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:#fcfcfb;border-bottom:1px solid rgba(11,11,12,.1)}
.nv{display:flex;align-items:center;gap:18px;min-height:72px}.lg{margin-right:auto;text-decoration:none;position:relative;z-index:3;display:flex;align-items:center}.lg img{height:46px;width:auto}.chip{display:inline-block;background:#fcfcfb;border-radius:14px;padding:12px 18px}.chip img{height:44px;width:auto;display:block}
.wm{font-weight:700;font-size:1.55rem;letter-spacing:-.05em;color:#f3f1ec}.wm small{font:500 .58rem Inter;letter-spacing:.25em;text-transform:uppercase;margin-left:8px;color:#9a968f}
#mn{display:flex;align-items:center;gap:4px}#mn>a,.has>a{padding:10px 14px;text-decoration:none;font:500 .95rem Poppins;border-radius:999px;color:#0b0b0c;display:block}#mn>a:hover,.has>a:hover,#mn a.on{color:var(--cd)}header .bt:hover{background:var(--ink);color:#f3f1ec;border-color:var(--ink)}
.has{position:relative}.mg{position:absolute;top:100%;left:50%;translate:-50% 8px;width:min(780px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:14px;background:#141416;border:1px solid rgba(243,241,236,.12);border-radius:18px;opacity:0;visibility:hidden;transition:.25s}
.has:hover .mg,.has:focus-within .mg{opacity:1;visibility:visible;translate:-50% 0}.mg a{padding:10px 14px;border-radius:10px;text-decoration:none;font-size:.93rem;color:#f3f1ec}.mg a:hover{background:rgba(255,255,255,.07);color:var(--ac)}.mg .x{grid-column:1/-1;border-top:1px solid rgba(243,241,236,.12);margin-top:6px;padding-top:12px;display:flex;gap:6px;flex-wrap:wrap}.mg .x a{color:#9a968f}
.mb{display:none;background:none;border:1px solid rgba(11,11,12,.3);color:#0b0b0c;border-radius:999px;height:44px;padding:0 18px;font:500 .9rem Poppins;cursor:pointer;position:relative;z-index:3}.mb .c2,.mb[aria-expanded=true] .c1{display:none}.mb[aria-expanded=true] .c2{display:inline}html.mo{overflow:hidden}
@media(max-width:1000px){.mb{display:block}#mn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 73px);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:0;overflow:auto;background:var(--ink);padding:20px 22px 60px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.76,0,.24,1),visibility 0s .6s;z-index:2}#mn.open{clip-path:inset(0);visibility:visible;transition:clip-path .6s cubic-bezier(.76,0,.24,1),visibility 0s}
#mn>a,.has>a{font-size:2rem;padding:8px 0;letter-spacing:-.03em;color:#f3f1ec}#mn>a:hover,.has>a:hover,#mn a.on{color:var(--ac)}.mg{position:static;translate:none;opacity:1;visibility:visible;width:auto;grid-template-columns:1fr;background:none;border:0;padding:0 0 12px}.hc{display:none}}
.hero{min-height:calc(100svh - 73px);display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(60% 70% at 78% 45%,rgba(179,127,61,.16),transparent 60%),var(--ink);padding:60px 0}#c3{position:absolute;inset:0;width:100%;height:100%}.hero .w{position:relative;z-index:1}
.fb{display:none;position:absolute;right:4%;top:50%;translate:0 -50%;font:700 min(70vw,540px)/1 Poppins;color:transparent;-webkit-text-stroke:1px rgba(179,127,61,.45)}.hero:not(.gl) .fb{display:block}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.wd>span{display:inline-block;transform:translateY(110%);animation:wu .95s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*70ms + .2s)}@keyframes wu{to{transform:none}}
.sp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,100px)}@media(max-width:820px){.sp{grid-template-columns:1fr}}.big{font:italic 400 clamp(1.6rem,3.4vw,3rem)/1.15 "Instrument Serif",Georgia,serif;color:var(--fg)}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;border-top:1px solid var(--ln);padding-top:32px}.ct b{display:block;font:700 clamp(2.6rem,6.4vw,6rem)/1 Poppins;letter-spacing:-.05em;color:var(--fg)}.ct span{color:var(--mu)}
.pg{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.pj{position:relative;overflow:hidden;border-radius:22px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.4vw,32px);text-decoration:none;color:#f3f1ec;background:linear-gradient(150deg,hsl(var(--h) 45% 12%),hsl(var(--h) 55% 27%));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pj:hover{transform:translateY(-6px)}
.pj:nth-child(6n+1){grid-column:span 7;min-height:460px}.pj:nth-child(6n+2){grid-column:span 5}.pj:nth-child(6n+3){grid-column:span 5}.pj:nth-child(6n+4){grid-column:span 7;min-height:460px}.pj:nth-child(6n+5){grid-column:span 8}.pj:nth-child(6n+6){grid-column:span 4}@media(max-width:800px){.pj{grid-column:1/-1!important;min-height:300px!important}}
.pj b{display:block;font-size:clamp(1.8rem,4vw,3.8rem);line-height:1;transition:letter-spacing .6s,transform .6s}.pj:hover b{transform:translateX(10px)}.pj small{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#cfc9bf}.pj i{font-style:normal;align-self:flex-end;width:48px;height:48px;border-radius:50%;background:var(--ac);color:#0b0b0c;display:grid;place-items:center;transition:transform .5s;font-weight:700}.pj:hover i{transform:scale(1.4) rotate(-45deg)}
.f0{font-weight:700;text-transform:uppercase;letter-spacing:-.05em}.f1{font:italic 400 1.15em "Instrument Serif",serif}.f2{font-weight:500;letter-spacing:-.07em;text-transform:lowercase}.pj p{color:#cfc9bf;margin:8px 0 0;max-width:34ch;font-size:.92rem}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}.chips button,.chips label span{border:1px solid var(--ln);background:none;color:inherit;padding:10px 18px;border-radius:999px;font:500 .9rem Poppins;cursor:pointer;display:inline-block}.chips .on,.chips button:hover,.chips input:checked+span{background:var(--ac);color:#0b0b0c;border-color:var(--ac)}.chips input{position:absolute;opacity:0}.hd{display:none!important}
.rw{display:grid;grid-template-columns:70px 1fr 1.2fr 30px;gap:20px;align-items:baseline;padding:26px 0;border-top:1px solid var(--ln);text-decoration:none;transition:padding .4s,color .3s}.rw:hover{padding-left:16px;color:var(--ac)}.rw h3{font-size:clamp(1.25rem,2.4vw,2.1rem);letter-spacing:-.04em;margin:0}.rw span{color:var(--mu)}.rw p{margin:0}@media(max-width:760px){.rw{grid-template-columns:40px 1fr}.rw>p,.rw>:nth-child(4){display:none}}
.ind{list-style:none;margin:0;padding:0}.ind li{border-top:1px solid var(--ln);padding:18px 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap}.ind b{font:700 clamp(1.6rem,4vw,3.6rem)/1.1 Poppins;letter-spacing:-.04em;transition:.4s;display:block}.ind li:hover b{color:var(--ac);transform:translateX(14px)}.ind span{max-width:36ch;color:var(--mu);font-size:.95rem}
.stk .sk{position:sticky;top:calc(96px + var(--i)*20px);min-height:min(60vh,420px);margin-bottom:24px;border-radius:26px;padding:clamp(22px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;background:hsl(var(--h) 30% 12%);color:#f3f1ec;border:1px solid rgba(243,241,236,.14)}.sk b{font:700 clamp(4rem,12vw,9rem)/.9 Poppins;color:transparent;-webkit-text-stroke:1px rgba(179,127,61,.7)}.sk h3{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.sk p{max-width:46ch;color:#bdb7ac;margin:0}
.fr{aspect-ratio:4/3;border:1px dashed var(--ln);border-radius:16px;display:grid;place-items:center;color:var(--mu);font-size:.85rem;text-align:center;padding:16px}.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.nt{font-size:.85rem;border-left:2px solid var(--ac);padding-left:14px;margin-top:14px}.cap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 40px}.cap li{list-style:none;border-top:1px solid var(--ln);padding:16px 0;font:500 1.15rem Poppins}.cap{padding:0;margin:0}
details{border-top:1px solid var(--ln)}details:last-child{border-bottom:1px solid var(--ln)}summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font:500 1.15rem Poppins;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-size:1.6rem;color:var(--ac);transition:rotate .3s}details[open] summary::after{rotate:45deg}details p{padding-right:40px}
.cta{background:var(--ac);color:#0b0b0c;--mu:#2a1510;--ea:#0b0b0c;text-align:center;overflow:hidden}.cta h2{font-size:clamp(2.2rem,6.4vw,6.2rem)}.cta .bt{background:#0b0b0c;color:#f3f1ec;border-color:#0b0b0c}.cta .bt:hover{background:#f3f1ec;color:#0b0b0c}.cta p{margin-inline:auto;max-width:46ch}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px}form .f{grid-column:1/-1}@media(max-width:640px){form{grid-template-columns:1fr}}label.l{display:block;font-size:.85rem;margin-bottom:6px;color:var(--mu)}input,select,textarea{width:100%;font:inherit;padding:14px 16px;border:1px solid var(--ln);border-radius:12px;background:transparent;color:var(--fg);min-height:50px}select option{color:#000}[aria-invalid=true]{border-color:#ff6b6b}.er{color:#ff6b6b;font-size:.8rem;display:block;min-height:1.1em}
footer{background:var(--ink);padding:70px 0 30px;border-top:1px solid rgba(243,241,236,.1)}.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}@media(max-width:820px){.fg{grid-template-columns:1fr 1fr}}footer h4{font:500 .75rem Inter;letter-spacing:.18em;text-transform:uppercase;color:#9a968f;margin:0 0 14px}footer a{display:block;text-decoration:none;padding:4px 0;color:#d6d1c8}footer a:hover{color:var(--ac)}
.gw{font:700 clamp(5rem,26vw,24rem)/.8 Poppins;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(243,241,236,.16);margin:40px 0 10px;overflow:hidden;white-space:nowrap}
#cv{position:fixed;inset:0;z-index:100;background:var(--ac);clip-path:inset(100% 0 0 0);pointer-events:none;display:grid;place-items:center}#cv.in{clip-path:inset(0);transition:clip-path .55s cubic-bezier(.76,0,.24,1);pointer-events:all}#cv.out{clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1)}#cv span{font:700 clamp(2rem,8vw,6rem) Poppins;color:#0b0b0c;letter-spacing:-.05em}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.rv.v{opacity:1;transform:none}

#pl{position:fixed;inset:0;z-index:200;background:#0b0b0c;color:#f3f1ec;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,4vw,48px);transition:clip-path .9s cubic-bezier(.76,0,.24,1);clip-path:inset(0)}#pl.done{clip-path:inset(0 0 100% 0)}#pl small{position:absolute;top:clamp(18px,4vw,48px);font:500 .8rem Poppins;letter-spacing:.16em;text-transform:uppercase;color:#9a968f}#pl b{font:700 clamp(5rem,22vw,18rem)/.85 Poppins;letter-spacing:-.06em}#plb{height:2px;background:var(--ac);transform-origin:0 50%;transform:scaleX(0);margin-top:18px}
.hero2{background:radial-gradient(80% 100% at 50% 0,#fff,var(--off));padding:28px 0 clamp(50px,7vw,90px);overflow:hidden}.stage{position:relative;height:clamp(240px,48vh,540px)}#c3{position:absolute;inset:0;width:100%;height:100%;display:block}.fbk{display:none;position:absolute;inset:0;place-items:center}.fbk img{width:min(80%,520px);height:auto}.nogl .fbk{display:grid}.nogl #c3{display:none}
.hb{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(24px,5vw,80px);align-items:end}.hb h1{font-size:clamp(2.2rem,5.2vw,5.2rem);margin:0}@media(max-width:860px){.hb{grid-template-columns:1fr}}.hb .lead{margin-bottom:0}
.mqw{background:var(--ink);color:var(--off);overflow:hidden;padding:clamp(18px,3vw,36px) 0}.kt{will-change:transform}.mqi{display:flex;width:max-content;animation:mqa 45s linear infinite}.r2 .mqi{animation-direction:reverse;animation-duration:55s}.mqi span{font:700 clamp(2.4rem,7vw,6.4rem)/1.1 Poppins;letter-spacing:-.04em;padding:0 .35em;white-space:nowrap}.r2 span{color:transparent;-webkit-text-stroke:1px rgba(243,241,236,.5)}.mqi span::after{content:"✦";color:var(--ac);-webkit-text-stroke:0;margin-left:.7em;font-size:.4em;vertical-align:middle}@keyframes mqa{to{transform:translateX(-50%)}}
.pj{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.pj:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.pj::before{content:"";position:absolute;inset:0;background:var(--im) center/cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.pj:hover::before{transform:scale(1.08)}.pj::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,12,.85),rgba(11,11,12,.05) 65%)}.pj>*{position:relative;z-index:1}
.cyl{perspective:1200px;height:clamp(200px,30vw,330px);display:grid;place-items:center;overflow:hidden;margin-bottom:20px}.ring{position:relative;transform-style:preserve-3d;width:100%;height:60px;animation:spin 26s linear infinite}.cyl:hover .ring{animation-duration:80s}.ring span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(var(--a)) translateZ(clamp(200px,32vw,440px));font:700 clamp(1.5rem,4.2vw,3.4rem) Poppins;letter-spacing:-.04em;white-space:nowrap;backface-visibility:hidden}.ring span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--off)}@keyframes spin{from{transform:rotateX(-10deg) rotateY(0)}to{transform:rotateX(-10deg) rotateY(360deg)}}
.band{height:min(80vh,620px);display:grid;align-items:end;padding:48px 0;background:linear-gradient(0deg,rgba(11,11,12,.75),rgba(11,11,12,.12)),var(--im);background-size:cover;background-position:50% calc(50% + var(--py,0px));color:#f3f1ec}.band .ey{color:#e3c08a}
.flg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.fl{perspective:900px;min-height:260px;outline-offset:4px}.fi{position:relative;height:100%;min-height:260px;transition:transform .9s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.fl:hover .fi,.fl:focus .fi{transform:rotateY(180deg)}.fi>div{position:absolute;inset:0;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden}.ff{border:1px solid var(--ln)}.ff svg{width:44px;height:44px;fill:none;stroke:var(--ea);stroke-width:1.4;stroke-linecap:round}.ff h3{font-size:1.5rem;margin:0}.fb2{background:var(--ink);color:#f3f1ec;transform:rotateY(180deg);justify-content:flex-end!important}.fb2 p{color:#d8d2c7;margin:0;font-size:1.05rem}
.cta{position:relative}.wv{position:absolute;left:0;bottom:0;width:200%;height:45%;fill:none;stroke:#0b0b0c;stroke-width:1.5;opacity:.25;animation:wave 16s linear infinite}@keyframes wave{to{transform:translateX(-50%)}}
#cu{position:fixed;left:0;top:0;width:0;height:0;z-index:150;pointer-events:none;opacity:0;transition:opacity .3s}#cu.on{opacity:1}#cu::before{content:"";position:absolute;width:14px;height:14px;left:-7px;top:-7px;border-radius:50%;background:var(--ac);transition:.35s cubic-bezier(.2,.8,.2,1)}#cu.hv::before{width:46px;height:46px;left:-23px;top:-23px;opacity:.35}#cu.lb::before{width:92px;height:92px;left:-46px;top:-46px}#cu span{position:absolute;left:-46px;top:-46px;width:92px;height:92px;display:grid;place-items:center;font:600 .8rem Poppins;color:#0b0b0c;opacity:0;transition:opacity .3s}#cu.lb span{opacity:1}
#pv{position:fixed;left:0;top:0;width:260px;height:340px;border-radius:16px;background:center/cover;pointer-events:none;opacity:0;scale:.8;transition:opacity .3s,scale .4s;z-index:90;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}#pv.on{opacity:1;scale:1}@media(hover:none){#pv{display:none}}