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