/* MF Tech Creative — portfolio performance & glitch fixes. Load AFTER the page's own <style>. */
html{scroll-behavior:auto;scrollbar-gutter:stable}
.archive{overflow-x:clip}
/* hero: no hotlinked third-party photo (slow, can break) */
.hero{background:linear-gradient(90deg,#08080bf5,#08080bcc 55%,#1b1236e6),#08080b}
/* paint / GPU killers: blur on every card, a GPU layer per image, animation fill that blocked hover */
.favorite-btn,.featured-collab-badge,.work-dropdown,.whatsapp-float{-webkit-backdrop-filter:none;backdrop-filter:none}
.favorite-btn{background:#09090b}.work-dropdown{background:#0d0d11}.whatsapp-float{background:#101014}
.slide-card img,.grid-card img{transform:none;backface-visibility:visible;-webkit-user-drag:none;user-select:none}
.slide-card,.grid-card{animation:none;contain:layout;will-change:auto}
.grid-card.reveal-in{animation:cardReveal .4s cubic-bezier(.2,.7,.2,1) backwards}
.gallery-block,.grid-section{content-visibility:visible;contain-intrinsic-size:none}
.slide-card:after{pointer-events:none}
.hidden-card{display:none}
.is-broken{display:none!important}
.slide-card:focus-visible,.grid-card:focus-visible,.favorite-btn:focus-visible,.slider-btn:focus-visible,.show-more:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.lightbox img{opacity:0;transition:opacity .2s}.lightbox img.ready{opacity:1}
/* custom cursor: transform-only, no blend mode */
.cursor{left:0!important;top:0!important;mix-blend-mode:normal;border-color:#fff;box-shadow:0 0 0 1px #0009;will-change:transform}
.cursor.active{box-shadow:none}
/* mobile menu (the page's own rule targeted .navlinks, so it never worked) */
.menu{min-width:40px;min-height:40px;cursor:pointer}.menu i{display:none}.menu:before{content:"☰";font-size:24px;line-height:1}
@media(max-width:850px){
.menu{display:block}
.nav-links{display:none;position:absolute;top:86px;left:14px;right:14px;flex-direction:column;gap:2px;padding:12px 20px;background:#0d0d11;border:1px solid #ffffff1c;border-radius:18px}
.nav-links.open{display:flex}
.nav-links a{display:block;padding:11px 0;opacity:1}
.work-menu{display:block}.work-dropdown{display:none}
}
