@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{height:0;width:0}:root{--black:#050b0f;--white:#fff;--grayDark:#1e2327;--background:var(--black);--text-color:var(--white);--stroke-color:var(--grayDark);--grid-size:20vmin;--rects-per-row:8;--rows:5}a{color:#6495ed}.setPop{background-color:#008b8b;background-color:var(--pop-color,#008b8b);cursor:pointer;display:flex!important;transform:translate(0);transform:var(--pop-transform,translate(0,0));z-index:1}.setPopSkewX{background:#1a3030;background:var(--pop-color-skewX,#1a3030);height:0;transform:skewX(0);transform:var(--pop-transform-skewX,skewX(0));transform-origin:top left}.setPopSkewX,.setPopSkewY{display:block!important;z-index:1}.setPopSkewY{background:#2f4f4f;background:var(--pop-color-skewY,#2f4f4f);transform:skewY(0);transform:var(--pop-transform-skewY,skewY(0));transform-origin:top left;width:0}.ready-to-hover{transition-duration:.3s}.grid-rect:hover .rect-inner.setPop.ready-to-hover,.grid-rect:hover .rect-skewX.setPopSkewX.ready-to-hover{width:200%}.grid-rect:hover .rect-skewY.setPopSkewY.ready-to-hover{left:20vmin;left:var(--grid-size)}.grid-rect:hover .rect-inner.setPop.ready-to-hover .rect-text-holder>.rect-text{opacity:1}.grid-rect:hover .rect-inner.setPop.ready-to-hover .rect-text-holder{width:100%}.App{background-color:#050b0f;background-color:var(--background);box-sizing:border-box;color:#fff;color:var(--white);margin:0;min-height:100vh;overflow:hidden;padding:0;*{font-family:Inter,sans-serif;:focus{outline:none}}}.App,.Menu{align-items:center;display:flex;width:100%}.Menu{height:fit-content;justify-content:space-between;padding:30px 70px;pointer-events:none;position:fixed;top:0;z-index:999}.Menu .logo{border:2px solid #fafafa33;cursor:pointer;display:flex;justify-content:flex-start;overflow:hidden;padding:11px 10px;pointer-events:auto;transition:width .5s ease,border-color .3s ease;white-space:nowrap;width:55px;.m,.m-text{color:#fff;color:var(--text-color);font-family:Inter,sans-serif;font-size:30px;letter-spacing:.1em;text-align:left;text-transform:uppercase}.m{transform:rotate(-90deg);transform-origin:center center;transition:transform .3s ease}.m-text{opacity:0;transition:opacity .5s ease}}.Menu .logo.active{border:2px solid #fafafa;width:188px;.m{transform:rotate(0deg)}.m-text{opacity:1}}.Menu .menu-icons{align-items:center;display:flex;gap:20px;pointer-events:auto;*{cursor:pointer;opacity:.3;&:focus,&:hover{opacity:1}}}.Menu .menu-overlay{background:#000000e6;color:#fff;display:none;height:100vh;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:opacity .5s ease,transform .5s ease;width:100%;z-index:-1;&.open{align-items:center;display:flex;justify-content:center}.menu-nav{width:fit-content;ul{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;list-style:none;padding:0;text-align:center;width:fit-content;li{font-size:5rem;margin:15px 0;a{color:#fff;font-weight:700;opacity:.15;text-decoration:none;transition:all .3s;&:hover{opacity:1}}}}}@media (max-width:799px){.menu-nav ul li{font-size:4rem}}@media (max-width:549px){.menu-nav ul li{font-size:3rem}}}.Menu .menu-overlay{pointer-events:none}.Menu .menu-overlay.open{pointer-events:auto}.contact-popup-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:row-reverse;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:9999}.contact-popup{background:#000000e6;color:#fff;display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:320px;overflow-y:auto;padding:30px 70px;position:relative}.contact-header{align-items:flex-end;display:flex;justify-content:space-between;.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:3rem;line-height:50px}}.contact-intro{border:1px solid #ffffff50;border-radius:10px;color:#ffffff75;max-width:480px;padding:1rem}.contact-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.contact-action{align-items:center;background:#222;border-radius:8px;color:#fff;display:inline-flex;flex:1 1 30%;gap:12px;padding:1rem;text-decoration:none}.contact-details{gap:1.5rem}.contact-detail,.contact-details{display:flex;flex-direction:column}.contact-detail{background-color:#222;border-radius:8px;gap:4px;padding:1rem}.Grid{align-content:flex-start;background-color:#050b0f;background-color:var(--background);display:flex;flex-wrap:wrap;gap:0;height:fit-content;justify-content:center;overflow:hidden;position:absolute;width:100%;.grid-rect{height:20vmin;height:var(--grid-size);position:relative;width:20vmin;width:var(--grid-size);.rect-grid{background-color:#050b0f;background-color:var(--background);border:1px solid #1e2327;border:1px solid var(--stroke-color);height:100%;opacity:1;position:absolute;transition:all .6s cubic-bezier(.14,.14,0,1.6);width:100%;&:hover{opacity:0;transform:scale(.6)}}.rect-inner,.rect-skewX,.rect-skewY{align-items:center;display:none;height:100%;left:0;position:absolute;top:0;transition:all .3s ease-out;width:100%}.rect-text-holder{align-items:center;display:flex;justify-content:center;overflow:hidden;position:inline-block;width:0;z-index:1}.rect-text,.rect-text-holder{text-align:center;white-space:nowrap}.rect-text{display:inline-block;font-family:Inter;font-size:5vmin;font-size:calc(var(--grid-size)/4);font-weight:900;opacity:0;transition:all .3s ease-out}}}.Marquee{align-items:center;display:inline-flex;height:100vmin;height:calc(var(--grid-size)*var(--rows));overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:2;.marquee-wrapper{animation:slide-in-marquee 20s linear infinite;-webkit-background-clip:text;background-clip:text;background-color:#00151e;background-size:25% 100%;color:#0000;display:inline-flex;font-family:Inter,sans-serif;font-size:15vmax;font-weight:900;line-height:75vh;text-align:left;white-space:nowrap}.marquee-text{display:inline-block}}@keyframes slide-in-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.Gallery{.gallery-header{font-size:3vw;opacity:.15;padding:5%;position:fixed;text-align:center;width:100vw;z-index:0}.gallery-track{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);margin-top:15%;padding:.25rem;position:fixed;transition:all .3s ease;will-change:transform;z-index:1;.card{height:400px;opacity:0;overflow:hidden;transition:width .3s ease,opacity .3s ease;width:100%;& img[alt=icon-zoom]{bottom:6%;left:6%;opacity:0;position:absolute;transition:opacity .3s ease}& .card-image-wrapper{height:135%;will-change:transform;& img{height:100%;object-fit:cover;opacity:1;width:100%}}&:hover{transition:width .5s ease,opacity .5s ease;.card-image-wrapper img{opacity:.36;transform:scale(.8);transition:transform .5s ease,opacity .5s ease}img[alt=icon-zoom]{opacity:1}}}.next-button{background-color:#050b0f;background-color:var(--background);border:none;color:#fff;color:var(--text-color);cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.1em;opacity:.36;outline:none;padding:10%;transition:all .3s ease}.next-button:hover{letter-spacing:.5em;opacity:.75}}@media (max-width:799px){.gallery-track{grid-template-columns:repeat(2,1fr);margin-top:0}}@media (max-width:549px){.gallery-track{grid-template-columns:repeat(1,1fr)}}.gallery-container{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);height:auto;padding:.25rem;position:relative;top:25vh;width:100vw;z-index:1;.section{align-items:center;display:flex;height:50vh;justify-content:center;position:relative;.bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%;z-index:-1}& img[alt=icon-zoom]{bottom:6%;left:6%;opacity:0;position:absolute;transition:opacity .3s ease}&:hover{.bg{opacity:.36;transition:opacity .5s ease}img[alt=icon-zoom]{opacity:1}}}.next-button{background-color:#050b0f;background-color:var(--background);border:none;color:#fff;color:var(--text-color);cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.1em;opacity:.36;outline:none;padding:10%;transition:all .3s ease}.next-button:hover{letter-spacing:.5em;opacity:.75}}.gallery-popup-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.gallery-popup-card{background:#111;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff;display:flex;max-width:1200px;min-height:400px;overflow:hidden;position:relative;width:90vw}.popup-left{align-items:flex-start;background:#111;display:flex;flex:1 1 65%;justify-content:center}.popup-images-scroll{display:flex;flex-direction:column;gap:24px;max-height:500px;overflow-y:auto;padding:24px}.popup-image{border-radius:8px;max-width:100%}.popup-images-scroll img{opacity:0;transition:opacity .3s ease}.popup-images-scroll img.loaded{opacity:1}.popup-right{background:#222;flex:1 1 35%;gap:0;justify-content:space-between;padding:32px 24px}.popup-info,.popup-right{display:flex;flex-direction:column}.popup-info{gap:12px;padding:24px 0}.popup-meta{border-top:1px solid #ffffff22;display:flex;font-size:1rem;gap:32px;justify-content:space-between;padding-bottom:24px;padding-top:24px}.popup-meta-col{display:flex;flex-direction:column;gap:4px}.popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:24px;top:16px}@media (max-width:799px){.gallery-container{grid-template-columns:repeat(2,1fr);top:0}.gallery-popup-card{flex-direction:column-reverse;justify-content:flex-end;max-height:90svh;position:relative}.popup-left,.popup-right{flex:initial;width:100%}.popup-right{height:fit-content;justify-content:flex-start;max-height:40vh;padding-bottom:16px;padding-top:16px;position:absolute;top:0}.popup-left{position:relative}.popup-meta{justify-content:space-around}.popup-info>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:6em}.popup-info>h2,.popup-info>p{overflow:hidden;text-overflow:ellipsis}.popup-info>h2{padding-right:24px;white-space:nowrap}}@media (max-width:549px){.gallery-container{grid-template-columns:repeat(1,1fr)}.gallery-popup-overlay{align-items:flex-end}.gallery-popup-card{border-radius:16px 16px 0 0;min-height:70svh;width:100vw}}}#rect-1,#rect-4{z-index:1}#rect-2,#rect-3{z-index:2}@media screen and (min-width:1920px) and (min-height:1080px){#rect-1{order:36!important}#rect-2{order:38!important}#rect-3{order:72!important}#rect-4{order:75!important}}@media screen and (max-width:1920px) and (max-height:1080px){#rect-1{order:19!important}#rect-2{order:20!important}#rect-3{order:36!important}#rect-4{order:37!important}}@media screen and (max-width:1560px) and (max-height:974px){#rect-1{order:16!important}#rect-2{order:17!important}#rect-3{order:21!important}#rect-4{order:22!important}}@media screen and (max-width:1440px) and (max-height:900px){#rect-1{order:16!important}#rect-2{order:17!important}#rect-3{order:29!important}#rect-4{order:30!important}}@media screen and (max-width:1368px) and (orientation:landscape){#rect-1{order:15!important}#rect-2{order:16!important}#rect-3{order:19!important}#rect-4{order:20!important}}@media screen and (max-width:1366px) and (orientation:landscape){#rect-1{order:14!important}#rect-2{order:15!important}#rect-3{order:26!important}#rect-4{order:27!important}}@media screen and (max-width:1280px) and (orientation:landscape){#rect-1{order:14!important}#rect-2{order:15!important}#rect-3{order:19!important}#rect-4{order:20!important}}@media screen and (max-width:1280px) and (max-height:720px){#rect-1{order:16!important}#rect-2{order:17!important}#rect-3{order:21!important}#rect-4{order:22!important}}@media screen and (max-width:1180px) and (orientation:landscape){#rect-1{order:13!important}#rect-2{order:14!important}#rect-3{order:16!important}#rect-4{order:17!important}}@media screen and (max-width:1024px) and (max-height:768px) and (orientation:landscape){#rect-1{order:13!important}#rect-2{order:14!important}#rect-3{order:16!important}#rect-4{order:17!important}}@media screen and (max-width:1024px) and (max-height:600px) and (orientation:landscape){#rect-1{order:14!important}#rect-2{order:15!important}#rect-3{order:19!important}#rect-4{order:20!important}}@media screen and (max-width:932px) and (max-height:430px) and (orientation:landscape){#rect-1{order:17!important}#rect-2{order:19!important}#rect-3{order:23!important}#rect-4{order:25!important}}@media screen and (max-width:736px) and (max-height:414px) and (orientation:landscape){#rect-1{order:16!important}#rect-2{order:17!important}#rect-3{order:21!important}#rect-4{order:22!important}}@media screen and (max-width:568px) and (max-height:320px) and (orientation:landscape){#rect-1,#rect-2{order:15!important}#rect-3,#rect-4{order:19!important}}@media screen and (max-width:480px) and (max-height:320px) and (orientation:landscape){#rect-1,#rect-2{order:13!important}#rect-3,#rect-4{order:17!important}}@media screen and (max-width:1024px) and (orientation:portrait){#rect-1{order:19!important}#rect-2{order:26!important}#rect-3{order:34!important}#rect-4{order:41!important}}@media screen and (max-width:912px) and (orientation:portrait){#rect-1{order:12!important}#rect-2{order:17!important}#rect-3{order:24!important}#rect-4{order:29!important}}@media screen and (max-width:768px) and (max-height:1024px) and (orientation:portrait){#rect-1{order:11!important}#rect-2{order:14!important}#rect-3,#rect-4{order:16!important}}@media screen and (max-width:430px) and (max-height:932px) and (orientation:portrait){#rect-1{order:15!important}#rect-2{order:18!important}#rect-3{order:24!important}#rect-4{order:27!important}}@media screen and (max-width:414px) and (max-height:736px) and (orientation:portrait){#rect-1{order:11!important}#rect-2{order:14!important}#rect-3{order:20!important}#rect-4{order:23!important}}@media screen and (max-width:344px) and (max-height:882px) and (orientation:portrait){#rect-1{order:15!important}#rect-2{order:18!important}#rect-3{order:28!important}#rect-4{order:31!important}}@media screen and (max-width:320px) and (max-height:658px) and (orientation:portrait){#rect-1{order:11!important}#rect-2{order:14!important}#rect-3{order:24!important}#rect-4{order:27!important}}@media screen and (max-width:320px) and (max-height:568px) and (orientation:portrait){#rect-1{order:11!important}#rect-2{order:14!important}#rect-3{order:20!important}#rect-4{order:23!important}}@media screen and (max-width:320px) and (max-height:480px) and (orientation:portrait){#rect-1{order:11!important}#rect-2{order:14!important}#rect-3{order:16!important}#rect-4{order:19!important}}@media screen and (max-width:480px){.Menu,.contact-popup{padding:22px 30px}.icon-contact,.icon-sound{width:44px}}@media screen and (max-width:320px){.Menu,.contact-popup{padding:20px 30px}}@media (hover:none){.grid-rect:hover .rect-inner.setPop.ready-to-hover,.grid-rect:hover .rect-skewX.setPopSkewX.ready-to-hover{width:100%}.grid-rect:hover .rect-skewY.setPopSkewY.ready-to-hover{left:0}.grid-rect:hover .rect-inner.setPop.ready-to-hover .rect-text-holder>.rect-text{opacity:0}}
/*# sourceMappingURL=main.16f96592.css.map*/