.hero-visual{pointer-events:none;flex-shrink:0;width:100%;height:66svh;position:relative}.hero-visual-center,.hero-visual-banner{will-change:transform, opacity;border-radius:.75rem;position:absolute;top:50%;overflow:hidden}.hero-media-layer{z-index:0;opacity:0;visibility:hidden;will-change:clip-path, filter, opacity, transform;position:absolute;inset:0;overflow:hidden}.hero-media-layer.is-active{z-index:1;opacity:1;visibility:visible}.hero-media-layer img,.hero-media-layer video{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.hero-visual-center{aspect-ratio:4/5;z-index:2;height:100%;left:50%;transform:translate(-50%,-50%)}.hero-visual-banner{aspect-ratio:4/5;z-index:1;height:82%}.hero-visual-banner-1{left:36%;transform:translate(-50%,-50%)rotate(-13deg)}.hero-visual-banner-2{left:64%;transform:translate(-50%,-50%)rotate(13deg)}@media (max-width:1000px){.hero-visual{height:55svh}.hero-visual-banner{display:none}}
.preloader{background-color:var(--base-400);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:9999;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.preloader-grid{aspect-ratio:1;z-index:2;flex-direction:column;gap:1em;width:30%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-grid .grid-row{gap:1em;width:100%;display:flex}.preloader-grid .img{aspect-ratio:1;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);will-change:clip-path, transform;border-radius:.5rem;flex:1;position:relative;overflow:hidden}.preloader-grid .hero-img{z-index:3}.preloader-grid .img img{object-fit:cover;will-change:transform;width:100%;height:100%;position:relative}.preloader-grid .hero-img img{transform:scale(2)}.preloader-loader{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-loader h1{text-transform:uppercase;letter-spacing:-.125rem;text-align:center;color:var(--base-400);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(0deg, var(--base-400), var(--base-400) 50%, var(--base-100) 0);will-change:background-position;background-position:0 100%;background-size:100% 200%;font-family:DM Sans;font-size:4rem;font-weight:900;line-height:.9}@media (max-width:1000px){.preloader-grid{gap:.5em;width:72%}.preloader-grid .grid-row{gap:.5em}.preloader-loader h1{letter-spacing:0;font-size:2.25rem}}
