:root{--header: 3.125rem;--color: #fff;--background: #000}*,*:before,*:after{-webkit-tap-highlight-color:transparent;margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background);color:var(--color);font-family:Inter,-apple-system,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .4s ease}a{color:currentColor;text-decoration:none}ul{list-style:none;padding:0}.webgl{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;opacity:0;transform:scale(1.25);transition:opacity .4s ease}.webgl.--visible{opacity:1;animation:webglZoom 2.75s cubic-bezier(.19,1,.22,1) forwards}@keyframes webglZoom{0%{transform:scale(1.25)}to{transform:scale(1)}}.webgl canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.page-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;pointer-events:none}.page{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:opacity .5s ease,visibility .5s ease}.page.--active{opacity:1;visibility:visible;pointer-events:auto}.page--home{pointer-events:none!important;z-index:0}.page--about,.page--contact{background:#fff;color:#000;z-index:55}.page__inner{min-height:100vh;padding:0 1.875rem;padding-bottom:calc(var(--header) + 3rem)}.page__hero{display:flex;align-items:flex-end;min-height:40vh;padding-bottom:3rem}.page__title{font:700 clamp(2.5rem,8vw,6rem)/.88 "Inter",sans-serif;letter-spacing:-.03em;text-transform:uppercase;overflow:hidden}.line{display:block;overflow:hidden}.line__inner{display:block;transform:translateY(110%);transition:transform 1.2s cubic-bezier(.19,1,.22,1);transition-delay:.3s}.page.--active .line__inner{transform:translateY(0)}.page__content{max-width:72rem}.page__grid{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid rgba(0,0,0,.12);padding:2rem 0;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.19,1,.22,1)}.page.--active .page__grid{opacity:1;transform:translateY(0)}.page.--active .page__grid:nth-child(1){transition-delay:.35s}.page.--active .page__grid:nth-child(2){transition-delay:.45s}.page.--active .page__grid:nth-child(3){transition-delay:.55s}.page.--active .page__grid:nth-child(4){transition-delay:.65s}.page__col--label{padding-right:2rem}.page__label{font:400 .75rem/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.page__paragraph{font:300 1.1rem/1.55 Inter,sans-serif;margin-bottom:1rem;max-width:36rem}.page__paragraph:last-child{margin-bottom:0}.page__link{font:400 1.1rem/1.8 Inter,sans-serif;display:inline-block;position:relative;transition:opacity .3s ease}.page__link:hover{opacity:.5}.page__link:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .7s cubic-bezier(.19,1,.22,1)}.page__link:hover:after{transform:scaleX(1);transform-origin:left center}.page__socials{display:flex;flex-direction:column;gap:.3rem}.contact-tabs{display:flex;gap:0;border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.contact-tab{background:none;border:none;font:400 .8125rem/1 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#00000059;padding:1rem 1.5rem 1rem 0;cursor:pointer;white-space:nowrap;position:relative;transition:color .3s ease}.contact-tab:hover{color:#000000b3}.contact-tab.--active{color:#000}.contact-tab.--active:after{content:"";position:absolute;bottom:-1px;left:0;width:calc(100% - 1.5rem);height:1px;background:#000}.contact-form-wrap{display:none;opacity:0;transform:translateY(12px);animation:formFadeIn .5s ease forwards}.contact-form-wrap.--active{display:block}@keyframes formFadeIn{to{opacity:1;transform:translateY(0)}}.contact-form{max-width:48rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-field{flex:1;display:flex;flex-direction:column}.form-field.--full{flex:1 1 100%}.form-field label{font:400 .6875rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#0006;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{font:300 1rem/1.5 Inter,sans-serif;color:#000;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.15);padding:.625rem 0;outline:none;transition:border-color .3s ease;border-radius:0;-webkit-appearance:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#000}.form-field input::placeholder,.form-field textarea::placeholder{color:#00000040}.form-field select{cursor:pointer;color:#00000040}.form-field select:valid:not([value=""]){color:#000}.form-field select option{color:#000}.form-field select option[disabled]{color:#00000040}.form-field textarea{resize:vertical;min-height:6rem}.form-submit{font:400 .8125rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#000;border:1px solid #000;padding:.875rem 2.5rem;cursor:pointer;transition:background .3s ease,color .3s ease}.form-submit:hover{background:transparent;color:#000}.form-submit.--sent{background:transparent;color:#000;border-color:#0003;cursor:default}.header{position:fixed;bottom:0;left:0;right:0;height:var(--header);z-index:99999;opacity:0;visibility:hidden;transform:translateY(50px)}.header.--visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s ease,visibility .4s ease,transform 1s cubic-bezier(.19,1,.22,1)}.header__el{position:absolute;bottom:0;left:0;width:100%;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding-left:1.875rem;padding-right:1.875rem;background:var(--background);color:var(--color);transition:background .4s ease,color .4s ease}.header__el:before{content:"";position:absolute;top:0;left:1.875rem;right:1.875rem;height:1px;background:var(--color);opacity:.2;transition:background .4s ease}.header__nav{display:flex;align-items:center;list-style:none;padding:0}.header__socials{display:flex;align-items:center;gap:.75rem;margin-left:1rem}.header__socials a{color:var(--color);opacity:.4;transition:opacity .3s ease;display:flex}.header__socials a:hover{opacity:1}.header__socials a:after{display:none}.header__nav--right li{margin-left:1.25rem}.header__nav li{display:flex;align-items:center}.header__nav li a{font:400 .875rem/1 Inter,sans-serif;position:relative;color:var(--color);cursor:pointer;transition:color .4s ease}.header__nav li a:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--color);transform:scaleX(0);transform-origin:right center;transition:transform .7s cubic-bezier(.19,1,.22,1)}.header__nav li a:hover:after{transform:scaleX(1);transform-origin:left center}.header__ind{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:3px;background:currentColor;opacity:.2;border-radius:2px;transition:opacity .4s ease}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background);z-index:99998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.mobile-menu.--open{opacity:1;visibility:visible}.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mobile-menu__link{font:700 2rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:var(--color);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.19,1,.22,1)}.mobile-menu.--open .mobile-menu__link{opacity:1;transform:translateY(0)}.mobile-menu.--open .mobile-menu__link:nth-child(1){transition-delay:.05s}.mobile-menu.--open .mobile-menu__link:nth-child(2){transition-delay:.12s}.mobile-menu.--open .mobile-menu__link:nth-child(3){transition-delay:.19s}.nav-mobile{display:none}@media (max-width: 43.75rem){.header__el{padding-left:.9375rem;padding-right:.9375rem}.header__el:before{left:.9375rem;right:.9375rem}.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.header__socials{display:none}.page__inner{padding:0 .9375rem;padding-bottom:calc(var(--header) + 2rem)}.page__grid{grid-template-columns:1fr;gap:.5rem}.page__col--label{padding-right:0}.page__hero{min-height:25vh}.contact-tabs{gap:0}.contact-tab{padding:.75rem 1rem .75rem 0;font-size:.6875rem}.form-row{flex-direction:column;gap:1rem}}
