@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-display:swap;font-family:DM Sans,sans-serif;color:#1a1a1a;background-color:#e3e3db;background-color:#fe6d38;background-color:#f7b150;overflow-x:hidden}h1{font-weight:500}section{width:100vw;height:100svh;padding:2.5em}.hero{display:flex;flex-direction:column;justify-content:space-between;padding-top:4.2em}.hero h1{padding-right:12px;border-radius:1.5rem;position:relative;text-transform:uppercase;font-weight:800;font-size:20vw;letter-spacing:-.05em;line-height:1;text-align:center;overflow:hidden}.hero .char span{position:relative;display:inline-block;transform:translateY(200%);will-change:transform}.hero-copy{display:flex;justify-content:space-between;align-items:flex-end}.outro{display:flex;justify-content:center;align-items:flex-start}.intro{height:100%}.video-container-desktop{position:relative;transform:translateY(-105%) scale(.25);display:flex;flex-direction:column;gap:2em;will-change:transform}.video-container-desktop .video-title p{position:relative;font-weight:500}.video-container-mobile{display:none;width:100%;max-width:800px;margin:0 auto}.video-title p{opacity:0;filter:blur(10px)}.video-preview{position:relative;width:100%;aspect-ratio:32/18;border-radius:1.5rem;background-color:#b9b9b3;overflow:hidden;clip-path:polygon(0% 50%,100% 50%,100% 50%,0% 50%)}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.5rem;overflow:hidden}iframe,video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.5rem;pointer-events:none;box-shadow:0 0 10px #00000043}.outro{width:100vw;height:20svh;padding:2.5em}@media (max-height: 800px){.video-container-desktop{margin-top:6em}}@media (max-width: 1024px){section{padding:1.5em;height:50vsh}.hero{height:30vh}.hero h1{font-size:19vw}.video-container-desktop{display:none}.video-container-mobile{display:flex;flex-direction:column;gap:1em}}@media (max-width: 480px){.hero h1{font-size:17vw}.hide{display:none}.hero-copy{font-size:1.2em}.video-container-mobile .video-title p{font-size:1.45em}.outro{padding:1em .5em;margin-top:3em}.outro p{font-size:1.6em;width:100%;text-align:center}}
