:root{--base-100:#ebf5df;--base-200:#fec81d;--base-300:#0f0f0f}img{width:100%;height:100%;object-fit:cover}h1,h2{text-transform:uppercase;font-weight:500;line-height:.9}h1{font-size:10rem}h2{font-size:5rem}p{font-size:1.125rem}.hero{position:relative;width:100%;height:175svh;color:var(--base-200);overflow:hidden}.hero-header{position:absolute;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center}.hero-img{width:100%;height:100%;position:absolute}.hero-header p{width:75%}.hero-canvas{position:absolute;bottom:0;width:100%;height:100%;pointer-events:none}.hero-content{position:absolute;bottom:0;width:100%;height:125svh;display:flex;justify-content:center;align-items:center;text-align:center}.hero-content h2{width:75%;color:var(--base-300)}.about{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;background-color:var(--base-300);color:var(--base-100)}.about p{width:40%;text-align:center}