:root{--color-white: #fafafa;--color-off-white: #f5f5f5;--color-black: #1a1a1a;--color-gray: #6b6b6b;--color-light-gray: rgba(255, 255, 255, .1);--font-primary: "Josefin Sans", sans-serif;--font-size-logo: clamp(2.5rem, 8vw, 5rem);--font-size-input: 1rem;--font-size-nav: 1.125rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--transition-video: 1s ease-in-out;--z-video: 1;--z-overlay: 2;--z-content: 3;--z-input: 4;--z-nav: 5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:var(--font-weight-light);color:var(--color-white);background-color:var(--color-black);min-height:100vh;overflow:hidden;position:relative}::selection{background-color:var(--color-white);color:var(--color-black)}:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.video-background{position:fixed;inset:0;z-index:var(--z-video);overflow:hidden}.video-background__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:1;transition:opacity var(--transition-video)}.video-background__video.fade-out{opacity:0}.video-background__fallback{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.video-background__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000001a,#0006);z-index:var(--z-overlay)}.main-content{position:fixed;inset:0;z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md)}.logo{text-align:center;pointer-events:none;margin-bottom:var(--spacing-lg)}.logo__name{font-size:var(--font-size-logo);font-weight:var(--font-weight-light);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);text-shadow:0 2px 20px rgba(0,0,0,.3);line-height:1.2}.keyword-input{width:100%;max-width:300px}.keyword-input__field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-input);font-weight:var(--font-weight-light);letter-spacing:.1em;color:var(--color-white);background:var(--color-light-gray);border:1px solid rgba(255,255,255,.2);border-radius:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color var(--transition-normal),background-color var(--transition-normal);text-align:center}.keyword-input__field::placeholder{color:#ffffff80;text-transform:lowercase}.keyword-input__field:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.keyword-input--centered{position:static;transform:none;padding:0}.secret-nav{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100%;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-nav);transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl)}.secret-nav.is-open{transform:translate(0)}.secret-nav__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.secret-nav__close:before,.secret-nav__close:after{content:"";position:absolute;width:24px;height:1px;background-color:var(--color-white);transition:background-color var(--transition-fast)}.secret-nav__close:before{transform:rotate(45deg)}.secret-nav__close:after{transform:rotate(-45deg)}.secret-nav__close:hover:before,.secret-nav__close:hover:after{background-color:var(--color-gray)}.secret-nav__list{list-style:none}.secret-nav__item{margin-bottom:var(--spacing-md)}.secret-nav__link{font-size:var(--font-size-nav);font-weight:var(--font-weight-light);letter-spacing:.2em;text-transform:uppercase;color:var(--color-white);text-decoration:none;transition:color var(--transition-fast);display:inline-block}.secret-nav__link:hover{color:var(--color-gray)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.video-background__video{display:none}}@media(max-width:768px){:root{--spacing-lg: 2rem;--spacing-xl: 3rem}.video-background__video{display:none}.video-background__fallback{display:block}.keyword-input{bottom:var(--spacing-md);max-width:280px}.secret-nav{max-width:100%}}@media(min-width:769px){.video-background__fallback{display:none}}