/*
Theme Name: Everium Motion
Description: Everium Technologies theme: Elementor-ready, smooth scroll, scroll animations, custom cursor, page transitions.
Version: 4.11
*/
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
html{scroll-behavior:auto}
body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto}
.am-content{padding:60px 20px;max-width:900px;margin:0 auto}

/* Animation helpers */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.w>span{display:inline-block;will-change:transform}
.anim-clip{overflow:hidden}
.anim-parallax{overflow:hidden}
.anim-parallax img{will-change:transform;transform:scale(1.15)}
.magnetic{display:inline-block}

/* Sections: solid veil that darkens a section while the next one slides over it */
.am-veil{position:absolute;inset:0;border-radius:inherit;background:#000;opacity:0;pointer-events:none;z-index:50}

/* Custom cursor: black dot, hollow ring over links */
.am-cursor{position:fixed;top:0;left:0;box-sizing:border-box;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#000;border:2px solid #fff;pointer-events:none;z-index:99999;opacity:0;transition:width .3s,height .3s,margin .3s,background .3s}
.am-cursor.big{width:80px;height:80px;margin:-40px 0 0 -40px;background:transparent;box-shadow:0 0 0 1.5px #000}
@media (hover:none){.am-cursor{display:none}}

/* Page transition overlay */
.am-pt{position:fixed;inset:0;z-index:999999;background:#0F1A20;transform:scaleY(0);transform-origin:bottom;pointer-events:none}
.pt-cover .am-pt{transform:scaleY(1);transform-origin:top;animation:amPtFail .01s linear 4s forwards}
@keyframes amPtFail{to{transform:scaleY(0)}}
@media (prefers-reduced-motion:reduce){.am-pt{display:none}}

/* Header (black and white only) */
:root{--ev-dark:#1d1d1b;--ev-lime:#C9D400;--ev-foot:#141414}
.am-header,.am-menu,.am-footer{font-family:'Inter',system-ui,sans-serif}
.am-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(20px,8vw,96px);background:#fff;color:#000;transition:transform .5s cubic-bezier(.2,.7,.2,1),background .3s}
.am-header.is-hidden{transform:translateY(-100%)}
.am-logo{display:block;line-height:0}
.am-logo img{height:44px;width:auto;transition:opacity .3s}
.am-logo-light{display:none}
.menu-open .am-logo-dark{display:none}.menu-open .am-logo-light{display:block}
.am-header.menu-open{background:var(--ev-foot)}
.am-nav-list,.am-menu-list,.am-footer-list{list-style:none;margin:0;padding:0}
.am-nav-list{display:flex;align-items:center;gap:clamp(24px,3.2vw,56px)}
.am-nav a{white-space:nowrap;color:#000;text-decoration:none;font-size:17px;font-weight:500;position:relative}
.am-nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:right;transition:transform .4s}
.am-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.am-nav-list li:last-child a{background:#000;color:#fff;border:1px solid #000;border-radius:999px;padding:11px 24px;transition:background .3s,color .3s}
.am-nav-list li:last-child a::after{display:none}
.am-nav-list li:last-child a:hover{background:#fff;color:#000}
.am-burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.am-burger span{position:absolute;left:10px;right:10px;height:2px;background:#000;transition:transform .4s,top .4s,background .3s}
.am-burger span:nth-child(1){top:17px}.am-burger span:nth-child(2){top:25px}
.menu-open .am-burger span{background:#fff}
.menu-open .am-burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-open .am-burger span:nth-child(2){top:21px;transform:rotate(-45deg)}
.am-menu{position:fixed;inset:0;z-index:999;background:var(--ev-foot);display:flex;flex-direction:column;justify-content:center;padding:100px clamp(20px,6vw,80px) 40px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s}
.am-menu.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
.am-menu-list a{display:block;color:#fff;text-decoration:none;font-size:clamp(40px,10vw,76px);font-weight:600;letter-spacing:-.03em;line-height:1.15;padding:4px 0}
@media (hover:hover){.am-logo:hover img,.am-footer-logo:hover{opacity:.65}}
@media (max-width:900px){.am-nav{display:none}.am-burger{display:block}.am-logo img{height:38px}}

/* Footer */
.am-footer{background:var(--ev-foot);color:#fff;border-top:1px solid #333;padding:clamp(40px,5vw,64px) clamp(20px,8vw,96px)}
.am-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}
.am-footer-brand{display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.am-footer-logo{width:min(250px,100%);height:auto;display:block;transition:opacity .3s}
.am-tagline{font-size:19px;font-weight:500;margin:48px 0 0}
.am-copy{font-size:14px;margin:0;opacity:.9}
.am-c{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1.5px solid #fff;border-radius:50%;font-size:10px;margin-right:4px;vertical-align:-3px}
.am-footer h3{font-size:20px;font-weight:600;margin:0 0 26px;color:#fff}
.am-footer-list li{margin:0 0 20px}
.am-footer-list a,.am-mail{color:#fff;text-decoration:none;font-size:18px;font-weight:400;text-transform:uppercase;transition:color .3s}
.am-mail{text-transform:none}
.am-footer-list a:hover,.am-mail:hover{color:#aaa}
@media (max-width:900px){.am-footer-grid{grid-template-columns:1fr 1fr}.am-footer-brand{grid-column:1/-1}}
@media (max-width:520px){.am-footer-grid{grid-template-columns:1fr}}

/* Hero: its CSS-only entrance is replaced by a scroll-replay animation (JS), hidden until JS shows it */
html.am-js .ev-hero .ev-pill,html.am-js .ev-hero .ev-line>span{animation:none!important;visibility:hidden}
.am-snap,.am-snap *{transition:none!important}

/* v4.10 – section headings always take the section's own colour (Elementor's global heading colour can otherwise make them invisible) */
section[class^="ev"] h2,section[class^="ev"] h2 .ev4-ln,section[class^="ev"] h2 span{color:inherit}
section[class^="ev"] h2{font-family:inherit;visibility:visible}