:root{--base-100:#fff;--base-200:#333;--base-300:#262626;--base-400:#141414;--base-500:#0f0f0f}body{background-color:var(--base-500);color:var(--base-100)}img{width:100%;height:100%;object-fit:cover}h1{font-size:5rem;font-weight:500;line-height:.9;text-align:center}p{font-size:1rem;font-weight:500;line-height:1}.intro,.outro,.spotlight{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,.spotlight-header{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform}.spotlight-bg{position:absolute;opacity:.25;transform:scale(.8)}.spotlight-content h1{width:40%}.header-content{width:60%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;will-change:opacity,transform;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-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:translateX(2rem);will-change:opacity}@media (max-width:991px){h1{font-size:2.5rem}.header-content,.intro h1,.outro h1,.spotlight-content h1{width:100%;padding:2rem}.spotlight-bg{transform:scale(2)}.feature{padding:1rem}.feature-content p{font-size:.7rem}}