:root{--base-100: #ebf5df;--base-200: #fec81d;--base-300: #0f0f0f;--base-400: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--base-100)}img{width:100%;height:100%;object-fit:cover}h1,h2{text-transform:uppercase;font-family:"Instrument Serif",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}.site-header{position:fixed;top:0;left:0;z-index:50;padding:clamp(.75rem,2vw,1.25rem);pointer-events:none}.site-header .logo{pointer-events:auto;text-decoration:none;display:inline-block}.logo-mark{display:inline-block;font-family:PP Pangram Sans,Syne,sans-serif;font-weight:800;font-size:clamp(.8125rem,2.2vw,1.0625rem);letter-spacing:.02em;line-height:1;padding:.5em .7em;border-radius:.375rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 .125rem .75rem #0f0f0f1f;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}.logo.logo-inverted .logo-mark{background-color:var(--base-300);color:var(--base-100);box-shadow:0 .125rem .75rem #00000059}@media(max-width:600px){.logo-mark{font-size:.75rem;padding:.4em .55em;border-radius:.3rem}}.hero{position:relative;width:100%;height:175svh;color:var(--base-200);overflow:hidden}.hero-img{position:absolute;width:100%;height: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)}}