@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap";:root{--base-100: #fff;--base-200: #333;--base-300: #262626;--base-400: #141414;--base-500: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Instrument Serif";background-color:var(--base-500);color:var(--base-100)}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;will-change:auto}.logo span{display:inline-block;font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.25rem;padding:.75rem 1.25rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #00000026;transition:background-color .3s ease,color .3s ease;letter-spacing:-.01em}.logo.logo-inverted span{background-color:var(--base-400);color:var(--base-100)}img{width:100%;height:100%;object-fit:cover}h1{text-align:center;font-size:5rem;font-weight:500;line-height:.9}p{font-family:Manrope;font-size:1rem;font-weight:500;line-height:1}section{position:relative;width:100%;height:100svh;overflow:hidden}.intro,.outro{padding:2rem;display:flex;justify-content:center;align-items:center}.intro h1,.outro h1{width:40%}.spotlight-content,.header{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform}.spotlight-bg{position:absolute;transform:scale(.8);opacity:.25}.spotlight-content h1{width:40%}.header-content{width:60%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;will-change:transform,opacity;transform:translateY(-100px);opacity:0}.feature{position:absolute;width:max-content;height:max-content;padding:1rem 1.5rem;transform:translate(-50%,-50%);will-change:top,left}.feature-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:var(--base-400);border:.125rem solid var(--base-300);border-radius:.5rem;will-change:width,height,border-radius,border-width}.feature-content{position:relative;will-change:opacity}.feature-content p{text-transform:uppercase;font-family:DM Mono;font-weight:400;font-size:.85rem;line-height:1}.search-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:25rem;border:.35rem solid var(--base-300);background-color:var(--base-400);opacity:0;display:flex;align-items:center;will-change:opacity,width,height,transform}.search-bar p{position:relative;opacity:0;transform:translate(2rem);will-change:opacity}@media(max-width:1000px){h1{font-size:2.5rem}.intro h1,.outro h1,.spotlight-content h1,.header-content{width:100%;padding:2rem}.spotlight-bg{transform:scale(2)}.feature{padding:1rem}.feature-content p{font-size:.7rem}.logo{top:1.5rem;left:1.5rem}.logo span{font-size:1rem;padding:.5rem 1rem}}