@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf)}:root{--base-100:#f0f0e6;--base-200:#991f1f;--base-300:#0f0f0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-100);font-family:DM Sans,sans-serif}img{object-fit:cover;width:100%;height:100%}h1,h3,p{text-transform:uppercase;font-weight:500;line-height:1}h1{font-size:clamp(3rem,4vw,5rem)}h3{font-size:clamp(2rem,3vw,4rem)}p{font-size:1.1rem}.hero{z-index:2;width:100%;height:100svh;position:relative;overflow:hidden}.hero-bg,.hero-content,.hero-revealer,.hero-images{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.hero-img,.hero-outro-content{will-change:transform;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.hero-content,.hero-outro-content{text-align:center;color:var(--base-100);justify-content:center;align-items:center;padding:2rem;display:flex}.hero-content h1,.hero-outro-content h1{width:65%}.hero-outro-content{background-color:var(--base-200)}.hero-bg{transform:scale(1.5)}.hero-revealer{background-color:var(--base-200);clip-path:polygon(49.5% 50%,50.5% 50%,50.5% 50%,49.5% 50%)}.hero-img{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);will-change:clip-path}.about{background-color:var(--base-100);width:100%;height:100svh;color:var(--base-300);z-index:1;margin-top:500svh;padding:2rem;position:relative}.about-content{text-align:center;flex-direction:column;justify-content:space-between;width:40%;height:100%;margin:0 auto;display:flex}@media (width<=1000px){.hero-content h1,.hero-outro-content h1,.about-content{width:100%}}