@font-face{font-family:Boldonse;font-style:normal;font-weight:400;font-display:swap;src:url(/c/_vendor/fonts/boldonse-latin-ext-a71b5f8b.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:Boldonse;font-style:normal;font-weight:400;font-display:swap;src:url(/c/_vendor/fonts/boldonse-latin-57b08760.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:Google Sans Flex;font-style:normal;font-weight:1 1000;font-stretch:100%;font-display:swap;src:url(/c/_vendor/fonts/google-sans-flex-latin-ext-399a097c.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:Google Sans Flex;font-style:normal;font-weight:1 1000;font-stretch:100%;font-display:swap;src:url(/c/_vendor/fonts/google-sans-flex-latin-5dd2c8c5.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}:root{--paper: #f0eeee;--ink: #141317;--ink-soft: #55535c;--accent: #ff2e9a;--base-100: #f0eeee;--base-200: var(--accent);--base-300: var(--ink);--font-boldonse: "Boldonse";--font-google-sans-flex: "Inter"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-google-sans-flex),sans-serif}img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.35}h3,h6{font-family:Inter;line-height:1.25;letter-spacing:-.02em}h3{font-size:clamp(1.4rem,2.4vw,2.35rem);font-weight:500}h6{font-size:clamp(.95rem,1.15vw,1.15rem);font-weight:400;color:var(--ink-soft)}p{text-transform:uppercase;font-family:Inter;font-size:.7rem;font-weight:600;letter-spacing:.22rem}.hero{position:relative;width:100%;height:100svh;background:url(/c/poppr-menu/bg.jpg) no-repeat 50% 50%;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a090e8c,#0a090e00 26% 62%,#0a090eb8);pointer-events:none}.hero-caption{position:absolute;left:2.5rem;bottom:2.25rem;max-width:26rem;color:var(--paper);z-index:2}.hero-caption .eyebrow{color:var(--accent);margin-bottom:.9rem}.hero-caption h1{font-family:Inter;font-weight:600;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.12;letter-spacing:-.02em}.nav{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.nav-logo,.menu-logo{position:absolute;top:2rem;left:2rem;width:6rem}.nav-toggle{position:absolute;top:2rem;right:2rem;color:var(--base-100);cursor:pointer;z-index:100;padding:.5rem}.nav-logo,.nav-toggle{padding:.5rem;pointer-events:all}.nav-toggle-menu{color:var(--base-100)}.nav-toggle-close{position:absolute;top:.5rem;right:.5rem;color:var(--base-300);opacity:0}.menu{position:absolute;top:0;left:0;width:100%;height:100svh;padding:2.5rem;display:flex;gap:2rem;color:var(--base-300);pointer-events:none;z-index:10}.menu.is-open{pointer-events:all}.menu-bg-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.menu-logo{opacity:0;padding:.5rem}.menu-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.menu-col a{text-decoration:none;color:var(--ink);font-family:var(--font-boldonse);font-size:clamp(2.25rem,4.6vw,4.75rem);line-height:1.22;display:block;width:max-content;overflow:visible;transition:color .25s ease}.menu-col-links a:hover{color:var(--accent)}.menu-col p{color:var(--accent);margin-bottom:1rem}.menu-col-info h3{color:var(--ink)}.menu a .char,.menu-col h3,.menu-col h6,.menu-col p{will-change:transform,opacity}@media(max-width:1000px){.menu{flex-direction:column-reverse}.menu-col-links{flex:1.5}}@media(max-width:768px){.nav-logo,.menu-logo{top:1.35rem;left:1.35rem;width:5rem}.nav-toggle{top:1.35rem;right:1.35rem}.menu{padding:1.5rem;gap:1.25rem}.menu-col a{font-size:clamp(2rem,11vw,3.1rem);line-height:1.2}.menu-col-links{flex:none;padding-top:4.5rem}.menu-col-info{flex:none}.hero-caption{left:1.5rem;right:1.5rem;bottom:1.75rem;max-width:none}.hero-caption h1{font-size:clamp(1.35rem,6vw,1.9rem)}}
