@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap";:root{--base-100: #ebf5df;--base-200: #fec81d;--base-300: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}img{width:100%;height:100%;object-fit:cover}h1,h2{text-transform:uppercase;font-family:"Instrument Serif",sans-serif;font-weight:500;line-height:.9}h1{font-size:clamp(4rem,7.5vw,10rem)}h2{font-size:clamp(2.5rem,4.5vw,5rem)}p{font-family:Instrument Sans,sans-serif;font-size:1.125rem;font-weight:400}.hero{position:relative;width:100%;height:175svh;color:var(--base-200);overflow:hidden}.hero-img{position:absolute;height:100%;width:100%}.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-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}@media(max-width:1000px){.hero-content h2,.about p{width:calc(100% - 4rem)}}