*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#0a0a0a;--bg2:#060606;--bg3:#111;--bg4:#161616;
--w:#f5f5f5;--red:#c0272d;--rl:#e63946;--rd:#8b1a1f;
--g:#888;--gl:#bbb;--gd:#333;--b:rgba(255,255,255,.08);--br:rgba(192,39,45,.3);
--t:cubic-bezier(.25,.46,.45,.94);
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--w);font-family:'Montserrat',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* CUSTOM CURSOR */
.cursor-dot{position:fixed;width:8px;height:8px;background:var(--red);border-radius:50%;pointer-events:none;z-index:10000;transition:transform .1s;mix-blend-mode:difference}
.cursor-ring{position:fixed;width:35px;height:35px;border:1.5px solid var(--red);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .15s ease-out,width .2s,height .2s;transform:translate(-50%,-50%)}
.cursor-ring.hover{width:55px;height:55px;border-color:var(--rl);background:rgba(192,39,45,.08)}

/* PRELOADER */
.preloader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s ease,visibility .6s ease,transform .6s ease}
.preloader.hidden{opacity:0;visibility:hidden;transform:scale(1.05)}
.preloader img{width:200px;animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(192,39,45,.3))}
.preloader-bar{width:150px;height:2px;background:var(--gd);margin-top:2rem;border-radius:2px;overflow:hidden}
.preloader-bar::after{content:'';display:block;width:100%;height:100%;background:var(--red);animation:loadBar 1.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@keyframes loadBar{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}

/* TOP BAR */
.top-bar{background:var(--red);padding:.55rem 4rem;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;position:relative;z-index:101}
.top-bar a{color:var(--w);transition:opacity .3s;cursor:none}
.top-bar a:hover{opacity:.8}
.tbl{display:flex;gap:2rem;align-items:center}
.tbl span{opacity:.4}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--b);padding:0 4rem;display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-logo{height:42px;cursor:none}
.nav-logo img{height:100%;filter:drop-shadow(0 0 8px rgba(192,39,45,.2))}
.nl{display:flex;gap:2rem;align-items:center;list-style:none}
.nl a{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--w);position:relative;padding:.5rem 0;transition:color .3s;cursor:none}
.nl a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .3s var(--t)}
.nl a:hover,.nl a.active{color:var(--red)}
.nl a:hover::after,.nl a.active::after{width:100%}
.nr{display:flex;align-items:center;gap:2rem}
.np{font-size:.75rem;font-weight:700;letter-spacing:.1em}
.nc{padding:.6rem 1.8rem;background:var(--red);color:var(--w);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:none;cursor:none;transition:all .3s;font-family:'Montserrat',sans-serif}
.nc:hover{background:var(--rl);transform:translateY(-1px);box-shadow:0 8px 30px rgba(192,39,45,.3)}
.ham{display:none;flex-direction:column;gap:5px;cursor:none;z-index:200}
.ham span{width:25px;height:2px;background:var(--w);transition:all .3s}

/* PAGE TRANSITIONS */
.page{display:none;opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}
.page.active{display:block;opacity:1;transform:translateY(0)}
.page-transitioning{pointer-events:none}
.page-overlay{position:fixed;inset:0;z-index:9000;background:var(--bg);transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--t);pointer-events:none}
.page-overlay.enter{transform:scaleY(1);transform-origin:bottom}
.page-overlay.exit{transform:scaleY(0);transform-origin:top}

/* HERO SLIDESHOW */
.hero{height:100vh;position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1}
.hero-slide.active{opacity:1;z-index:2}
.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.55);transform:scale(1.05);animation:heroZoom 8s ease-in-out infinite alternate}
@keyframes heroZoom{0%{transform:scale(1.05)}100%{transform:scale(1.12)}}
.hero-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,.6) 50%,var(--bg) 100%)}
.hero-content{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem}
.hero-loc{font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--red);font-weight:600;opacity:0;animation:riseIn .8s var(--t) .3s forwards}
.hero-logo-big{width:clamp(280px,40vw,500px);margin:1.5rem 0;filter:drop-shadow(0 0 40px rgba(192,39,45,.25));opacity:0;animation:riseIn .8s var(--t) .5s forwards}
.hero-slogan{font-size:.75rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gl);font-weight:500;opacity:0;animation:riseIn .8s var(--t) .7s forwards}
.hero-btns{display:flex;gap:1.2rem;margin-top:2.5rem;opacity:0;animation:riseIn .8s var(--t) .9s forwards}
.br{padding:1rem 2.8rem;background:var(--red);color:var(--w);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:none;cursor:none;transition:all .4s;font-family:'Montserrat',sans-serif}
.br:hover{background:var(--rl);transform:translateY(-2px);box-shadow:0 10px 40px rgba(192,39,45,.25)}
.bo{padding:1rem 2.8rem;background:transparent;color:var(--w);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;border:1px solid rgba(255,255,255,.25);cursor:none;transition:all .4s;font-family:'Montserrat',sans-serif}
.bo:hover{border-color:var(--red);color:var(--red)}
.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0;animation:riseIn .8s var(--t) 1.2s forwards}
.hero-scroll span{font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:var(--g)}
.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--red),transparent);animation:scrollP 2s ease-in-out infinite}
@keyframes scrollP{0%,100%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}
.hero-ind{position:absolute;bottom:2.5rem;right:4rem;z-index:5;display:flex;gap:.5rem;opacity:0;animation:riseIn .8s var(--t) 1.2s forwards}
.hi{width:30px;height:2px;background:var(--gd);transition:all .5s;cursor:none}
.hi.active{width:50px;background:var(--red)}
.hero-counter{position:absolute;bottom:2.8rem;right:10rem;z-index:5;font-size:.7rem;color:var(--g);letter-spacing:.1em;opacity:0;animation:riseIn .8s var(--t) 1.2s forwards}

/* REVEALS - more intense */
@keyframes riseIn{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
@keyframes riseInLeft{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}
@keyframes riseInRight{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.rv{opacity:0;transform:translateY(60px);transition:all 1s var(--t)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-left{opacity:0;transform:translateX(-60px);transition:all 1s var(--t)}
.rv-left.vis{opacity:1;transform:translateX(0)}
.rv-right{opacity:0;transform:translateX(60px);transition:all 1s var(--t)}
.rv-right.vis{opacity:1;transform:translateX(0)}
.rv-scale{opacity:0;transform:scale(.88);transition:all 1s var(--t)}
.rv-scale.vis{opacity:1;transform:scale(1)}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}.rv-d4{transition-delay:.4s}.rv-d5{transition-delay:.5s}

/* SECTIONS */
.sec{padding:7rem 4rem;position:relative}
.sl{font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem;font-weight:600}
.st{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1}
.st em{font-style:italic;color:var(--red)}
.sd{width:50px;height:2px;background:var(--red);margin:1.5rem 0}
.sc{text-align:center}
.sc .sd{margin:1.5rem auto}

/* QUALITY */
.qs{text-align:center;padding:6rem 4rem;border-bottom:1px solid var(--b)}
.qs h1,.qs h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:400;line-height:1.3;font-style:italic}

/* WHY GRID */
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1400px;margin:3rem auto 0}
.wc{border:1px solid var(--b);padding:3rem 2.5rem;transition:all .5s var(--t)}
.wc:hover{background:var(--bg3);border-color:var(--br)}
.wn{font-family:'Cormorant Garamond',serif;font-size:3.5rem;color:rgba(192,39,45,.75);font-weight:300;margin-bottom:1rem}
.wc h4{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;font-weight:700;margin-bottom:1rem}
.wc p{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.7;font-weight:300}

/* SERVICE TABS */
.stabs{display:flex;gap:0;border-bottom:1px solid var(--b);max-width:1400px;margin:0 auto 3rem;overflow-x:auto}
.stab{padding:1rem 2rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;cursor:none;border-bottom:2px solid transparent;transition:all .3s;color:var(--g);white-space:nowrap;font-family:'Montserrat',sans-serif;background:none;border-top:0;border-left:0;border-right:0}
.stab.active,.stab:hover{color:var(--red);border-bottom-color:var(--red)}
.scnt{display:none;max-width:1400px;margin:0 auto}
.scnt.active{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;animation:fadeSlide .5s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.si{overflow:hidden;aspect-ratio:4/3}
.si img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--t)}
.si:hover img{transform:scale(1.03)}
.stxt h3{font-family:'Playfair Display',serif;font-size:2rem;margin-bottom:1rem;color:var(--red)}
.stxt p{font-size:.9rem;color:var(--gl);line-height:1.8;font-weight:300;margin-bottom:1.5rem}
.sadv{margin-bottom:2rem;list-style:none}
.sadv li{font-size:.8rem;color:var(--g);line-height:2;font-weight:300;padding-left:1.2rem;position:relative}
.sadv li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--red)}

/* SERVICE CARDS */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1400px;margin:0 auto}
.scard{position:relative;overflow:hidden;cursor:none;border:1px solid var(--b);transition:all .5s var(--t)}
.scard:hover{border-color:var(--br);transform:translateY(-6px);box-shadow:0 25px 60px rgba(0,0,0,.5)}
.scard-img{height:260px;overflow:hidden}
.scard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--t)}
.scard:hover .scard-img img{transform:scale(1.06)}
.scard-body{padding:2rem}
.scard-num{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:.5rem}
.scard-t{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--red);margin-bottom:.5rem}
.scard-d{font-size:.8rem;color:var(--g);line-height:1.6;font-weight:300;margin-bottom:1rem}
.scard-l{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:600;cursor:none;transition:opacity .3s}

/* GALLERY */
.gf{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;justify-content:center}
.gfb{padding:.6rem 1.5rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;cursor:none;border:1px solid var(--b);background:transparent;color:var(--g);transition:all .3s;font-family:'Montserrat',sans-serif}
.gfb.active,.gfb:hover{background:var(--red);color:var(--w);border-color:var(--red)}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1400px;margin:0 auto}
.gi{position:relative;overflow:hidden;aspect-ratio:1;cursor:none}
.gi img{width:100%;height:100%;object-fit:cover;transition:all .5s var(--t)}
.gi:hover img{transform:scale(1.08);filter:brightness(.6)}
.gio{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:opacity .4s;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 50%)}
.gi:hover .gio{opacity:1}
.gil{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}

/* COMBO / PPF WHY */
.combo{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;align-items:center}
.combo-img{overflow:hidden;aspect-ratio:4/3}
.combo-img img{width:100%;height:100%;object-fit:cover}

/* PAGE HERO (for sub-pages) */
.page-hero{height:60vh;min-height:400px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transform:scale(1.02)}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 60%)}
.page-hero-content{position:relative;z-index:2;padding:4rem;width:100%}

/* TRUST */
.trust{padding:4rem;border-top:1px solid var(--b);border-bottom:1px solid var(--b);background:var(--bg2)}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.ti{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;font-weight:700;color:var(--g);opacity:.5;transition:all .3s}
.ti:hover{opacity:1;color:var(--w)}

/* FAQ */
.fql{max-width:800px;margin:3rem auto 0}
.fqi{border-bottom:1px solid var(--b)}
.fqq{padding:1.5rem 0;cursor:none;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;letter-spacing:.05em;transition:color .3s}
.fqq:hover{color:var(--red)}
.fqq::after{content:'+';font-size:1.2rem;color:var(--red);transition:transform .3s}
.fqi.open .fqq::after{transform:rotate(45deg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.fqi.open .fqa{max-height:300px;padding-bottom:1.5rem}
.fqa p{font-size:.85rem;color:var(--g);line-height:1.8;font-weight:300}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:3rem auto 0}
.fg{margin-bottom:1.5rem}
.fg label{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin-bottom:.5rem;font-weight:600}
.fg input,.fg textarea,.fg select{width:100%;padding:1rem;background:var(--bg3);border:1px solid var(--b);color:var(--w);font-size:.85rem;font-family:'Montserrat',sans-serif;transition:border-color .3s;outline:none;cursor:none}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--red)}
.fg textarea{height:140px;resize:vertical}
.cib h4{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red);margin-bottom:1rem;font-weight:700}
.cib p{font-size:.9rem;color:var(--g);line-height:1.8;margin-bottom:2rem;font-weight:300}

/* ABOUT STATS */
.as{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--b)}
.asv{font-family:'Playfair Display',serif;font-size:3rem;color:var(--red);font-weight:700}
.asl{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin-top:.3rem;font-weight:500}

/* ACADEMY */
.acf{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:3rem auto 0}
.acc{background:var(--bg3);border:1px solid var(--b);padding:2.5rem;transition:all .4s var(--t)}
.acc:hover{border-color:var(--br);transform:translateY(-4px)}
.acc h4{font-family:'Playfair Display',serif;font-size:1.2rem;margin-bottom:.8rem;color:var(--red)}
.acc p{font-size:.85rem;color:var(--g);line-height:1.7;font-weight:300}
.acg{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:3rem auto 0}
.acg img{width:100%;height:250px;object-fit:cover;border:1px solid var(--b);transition:transform .4s}
.acg img:hover{transform:scale(1.02)}

/* SERVICE DETAIL */
.sdh{padding:0;position:relative;overflow:hidden;height:50vh;min-height:350px;display:flex;align-items:flex-end}
.sdh-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.45);transition:transform 8s ease;transform:scale(1.05)}
.sdh:hover .sdh-bg{transform:scale(1.12)}
.sdh-ov{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.sdc{max-width:100%;margin:0 auto;padding:3rem 2rem}
.sdd{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--gl);line-height:1.8;font-weight:300;max-width:100%;margin-bottom:2rem}
.sdag{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;margin:2rem 0 3rem}
.sdai{font-size:.85rem;color:var(--g);line-height:1.6;font-weight:300;padding-left:1.5rem;position:relative}
.sdai::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.sdgal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0}
.sdgal img{width:100%;height:280px;object-fit:cover;border:1px solid var(--b);transition:all .4s;cursor:none}
.sdgal img:hover{transform:scale(1.02);border-color:var(--br)}
/* Service detail slideshow */
.sd-slideshow{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;margin:2rem 0;border:1px solid var(--b)}
.sd-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.sd-slideshow img.active{opacity:1}
.sd-slideshow-nav{position:absolute;bottom:1rem;right:1rem;z-index:3;display:flex;gap:.5rem}
.sd-slideshow-nav span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:none;transition:all .3s}
.sd-slideshow-nav span.active{background:var(--red);transform:scale(1.3)}

/* MARQUEE */
.mq-sec{padding:4rem 0;overflow:hidden;border-top:1px solid var(--b);border-bottom:1px solid var(--b);background:var(--bg2)}
.mq{display:flex;gap:3rem;animation:mq 25s linear infinite;white-space:nowrap}
.mqi{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:rgba(192,39,45,.6);-webkit-text-stroke:1px rgba(192,39,45,.9);flex-shrink:0}
.mqi.f{color:var(--red);-webkit-text-stroke:none;opacity:.12}
.mqd{width:8px;height:8px;border-radius:50%;background:var(--red);opacity:.25;flex-shrink:0;align-self:center}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* FOOTER */
footer{padding:4rem;border-top:1px solid var(--b);background:var(--bg2)}
.fp{text-align:center;padding:3rem 0;border-bottom:1px solid var(--b);margin-bottom:3rem}
.fp a{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.5rem);color:var(--red);font-weight:700;letter-spacing:.05em;cursor:none}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;max-width:1400px;margin:0 auto}
.fb{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--red);font-style:italic;font-weight:700}
.ftag{font-family:'Cormorant Garamond',serif;font-size:.9rem;color:var(--g);margin-top:.5rem;font-style:italic;font-weight:300}
.fc h4{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;font-weight:700}
.fc a{display:block;color:var(--g);font-size:.8rem;margin-bottom:.6rem;font-weight:300;transition:color .3s;cursor:none}
.fc a:hover{color:var(--w)}
.fbot{max-width:1400px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--b);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.fcopy{font-size:.65rem;color:var(--g);letter-spacing:.1em}
.fsoc{display:flex;gap:1.5rem}
.fsoc a{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--g);transition:color .3s;cursor:none}
.fsoc a:hover{color:var(--red)}

/* MOBILE MENU */
.mm{display:none;position:fixed;inset:0;z-index:150;background:rgba(10,10,10,.98);backdrop-filter:blur(30px);flex-direction:column;align-items:center;justify-content:center;gap:2rem}
.mm.open{display:flex}
.mm a{font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--w);transition:color .3s;cursor:none}
.mm a:hover{color:var(--red)}
.mc{position:absolute;top:2rem;right:2rem;font-size:2rem;color:var(--w);cursor:none}

/* RESPONSIVE */
@media(max-width:1024px){
body{cursor:auto}
.sdc{padding:2rem 1rem}
.sd-slideshow{margin:1rem 0}
.sdd{font-size:1rem}
.sdag{grid-template-columns:1fr}

.cursor-dot,.cursor-ring{display:none!important}
*{cursor:auto!important}
.nl,.np{display:none}
.ham{display:flex}
.top-bar{padding:.5rem 2rem;font-size:.55rem}
.sec{padding:3rem 1rem}
nav{padding:0 2rem}
.wg,.sgrid,.acf,.acg{grid-template-columns:1fr}
.scnt.active{grid-template-columns:1fr}
.gg{grid-template-columns:repeat(2,1fr)}
.combo{grid-template-columns:1fr}
.cg{grid-template-columns:1fr}
.fgrid{grid-template-columns:1fr 1fr}
.as{grid-template-columns:repeat(2,1fr)}
.sdag{grid-template-columns:1fr}
.sdgal{grid-template-columns:repeat(2,1fr)}
.hero-ind,.hero-counter{display:none}
}
@media(max-width:600px){
.top-bar{flex-direction:column;gap:.3rem;text-align:center}
.tbl{flex-wrap:wrap;justify-content:center;gap:.8rem}
.hero-btns{flex-direction:column;align-items:center}
.gg{grid-template-columns:1fr 1fr}
.fgrid{grid-template-columns:1fr}
.as{grid-template-columns:1fr}
.sdgal{grid-template-columns:1fr}
.stabs{gap:0}
}