#hero{position:relative;overflow:hidden}#hero .container{position:relative;z-index:1}.hero-reveal{position:absolute;inset:0;z-index:0;pointer-events:none;display:none;--art-x:50%;--art-y:44%;--reveal-x:50%;--reveal-y:44%;--trail-x:50%;--trail-y:44%}.hero-reveal__layer{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.hero-reveal__art{position:absolute;left:var(--art-x);top:var(--art-y);width:min(110vw,2100px);aspect-ratio:1600/900;transform:translate(-52.25%,-47.5%);background:url(/img/maeka/hero-technical-front-color.svg)50%/100% 100% no-repeat;opacity:.65}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-reveal{display:block}.hero-reveal__layer--reveal{-webkit-mask-image:radial-gradient(circle 95px at var(--reveal-x) var(--reveal-y),#000 0 55px,transparent 100%);mask-image:radial-gradient(circle 95px at var(--reveal-x) var(--reveal-y),#000 0 55px,transparent 100%)}.hero-reveal__layer--trail{-webkit-mask-image:radial-gradient(circle 180px at var(--trail-x) var(--trail-y),rgba(0,0,0,.5) 0 50px,transparent 100%);mask-image:radial-gradient(circle 180px at var(--trail-x) var(--trail-y),rgba(0,0,0,.5) 0 50px,transparent 100%)}.hero-reveal.is-on .hero-reveal__layer--reveal{opacity:1}.hero-reveal.is-on .hero-reveal__layer--trail{opacity:.5}@supports not ((mask-image:url("")) or (-webkit-mask-image:url(""))){.hero-reveal{display:none}}}html:not(.light) .hero-reveal__art{opacity:.55;filter:saturate(.9)brightness(1.12)}