:root{--base-100:#e2dff5;--base-200:#ff6b35;--base-300:#0d0b1e}*{box-sizing:border-box;margin:0;padding:0}img{object-fit:cover;width:100%;height:100%}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{width:100%;height:175svh;color:var(--base-200);position:relative;overflow:hidden}.hero-img{width:100%;height:100%;position:absolute}.hero-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100svh;display:flex;position:absolute}.hero-header p{width:75%}.hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;bottom:0}.hero-content{text-align:center;justify-content:center;align-items:center;width:100%;height:125svh;display:flex;position:absolute;bottom:0}.hero-content h2{width:75%;color:var(--base-300)}.about{background-color:var(--base-300);width:100%;height:100svh;color:var(--base-100);justify-content:center;align-items:center;display:flex;position:relative}.about p{text-align:center;width:40%}@media (max-width:1000px){.hero-content h2,.about p{width:calc(100% - 4rem)}}