@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-ext-0570caf1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-5c2a8221.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-ext-0570caf1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-5c2a8221.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-ext-0570caf1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/c/_vendor/fonts/familjen-grotesk-latin-5c2a8221.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:420;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-ext-1e0d114a.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:420;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-4af9c759.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:340;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-ext-f120089b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:340;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-48282a41.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:420;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-ext-f120089b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:420;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-48282a41.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:560;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-ext-f120089b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:560;font-display:swap;src:url(/c/_vendor/fonts/fraunces-latin-48282a41.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#101312;color:#ffd1b8}img{width:100%;height:100%;object-fit:contain}section{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:0}section h1{text-transform:uppercase;font-family:Familjen Grotesk,sans-serif;font-weight:600;font-size:clamp(2rem,5vw,8rem);letter-spacing:-2%}nav{position:fixed;width:100%;padding:2rem;display:flex;justify-content:space-between;z-index:100}.nav-logo,.nav-toggler{padding:1rem 1.25rem;text-transform:uppercase;font-family:Familjen Grotesk,sans-serif;font-weight:500;font-size:.9rem;background-color:#ffd1b8;color:#101312;border:.165rem solid #101312;border-radius:.25rem;cursor:pointer;transition:transform .15s ease}.nav-logo:active,.nav-toggler:active{transform:scale(.9)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;background-color:#2f8f6d;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:clip-path;overflow:hidden;z-index:10}.menu-overlay-bg{position:absolute;bottom:-50%;left:50%;transform:translate(-50%) translateY(25%);width:75%;aspect-ratio:1;background-color:#9ee6c9;border-radius:50%}.menu-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.player{position:absolute;width:30vw;max-width:500px;aspect-ratio:16 / 9;will-change:transform;z-index:2}.tape{position:absolute;width:20vw;max-width:400px;aspect-ratio:7/5;will-change:transform;z-index:1}@media(max-width:1000px){.menu-overlay-bg{display:none}.player{width:90vw}.tape{width:70vw}}