:root{--base-100:#fff;--base-200:#4a4a4a;--base-300:#141414;--base-400:#0f0f0f}h1{font-size:5rem;font-weight:500;line-height:.9}section{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;color:var(--base-100);overflow:hidden}section h1{width:50%;text-align:center;will-change:opacity;z-index:2}.intro,.outro{background-color:var(--base-400)}.gallery{background-color:var(--base-300)}.card{position:absolute;width:250px;height:300px;border-radius:16px;border:8px solid var(--base-200);box-sizing:5px 5px 10px rgba(0,0,0,.25);will-change:transform;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;border-radius:8px}