:root{--base-100:#fff;--base-200:#333;--base-300:#262626;--base-400:#141414;--base-500:#0f0f0f}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{width:100%;height:100svh;position:relative;overflow:hidden}.intro,.outro{justify-content:center;align-items:center;padding:2rem;display:flex}.intro h1,.outro h1{width:40%}.spotlight-content,.header{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.spotlight-bg{opacity:.25;position:absolute;transform:scale(.8)}.spotlight-content h1{width:40%}.header-content{text-align:center;will-change:transform, opacity;opacity:0;flex-direction:column;align-items:center;gap:2rem;width:60%;display:flex;transform:translateY(-100px)}.feature{will-change:top, left;width:max-content;height:max-content;padding:1rem 1.5rem;position:absolute;transform:translate(-50%,-50%)}.feature-bg{background-color:var(--base-400);border:.125rem solid var(--base-300);will-change:width, height, border-radius, border-width;border-radius:.5rem;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-content{will-change:opacity;position:relative}.feature-content p{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:400;line-height:1}.search-bar{border:.35rem solid var(--base-300);background-color:var(--base-400);opacity:0;will-change:opacity, width, height, transform;border-radius:25rem;align-items:center;width:3rem;height:3rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-bar:hover{cursor:pointer;border:.35rem solid var(--base-200)}.search-bar p{opacity:0;will-change:opacity;position:relative;transform:translate(2rem)}@media (max-width:1000px){h1{font-size:2.5rem}.intro h1,.outro h1,.spotlight-content h1,.header-content{width:100%;padding:1rem}.spotlight-bg{transform:scale(2)}.feature{padding:1rem}.feature-content p{padding:0;font-size:.7rem}}