/* Restaurants shares the Events brand, fonts, palette and components. */
.restaurant-page{background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}
.restaurant-page .site-header{padding:0;display:block;background:#0b0b10}.restaurant-page .header-inner{width:min(100% - 40px,1180px);height:88px}.restaurant-page .brand{border:0;background:none;border-radius:0}.restaurant-page .brand img{border-radius:0}.restaurant-page nav{font-family:'DM Sans',sans-serif}.restaurant-page .brand-mark{overflow:hidden}
.restaurant-page h1,.restaurant-page h2,.restaurant-page h3{font-family:Manrope,sans-serif}.restaurant-page h1{font-weight:700;letter-spacing:-.045em}.restaurant-page h2{font-weight:700}.restaurant-page em{font-family:inherit;font-style:normal;background:linear-gradient(100deg,#7edcef,#8aa2ff 47%,#da83ea);background-clip:text;-webkit-background-clip:text;color:transparent}.restaurant-page .eyebrow{font:800 12px Manrope,sans-serif;letter-spacing:.19em;color:#5166be}.restaurant-page .hero .eyebrow,.restaurant-page .dark .eyebrow,.restaurant-page .contact .eyebrow{color:#9bafff}
.restaurant-page .hero{display:grid;grid-template-columns:1fr 1fr;background:var(--night);min-height:710px}.restaurant-page .hero-copy{padding:75px 8% 75px 10%}.restaurant-page .hero h1{font-size:clamp(2.7rem,4.65vw,4.6rem);line-height:1.14;max-width:790px}.restaurant-page .hero-visual{background:linear-gradient(145deg,#1b1d37,#111222)}.restaurant-page .lead{color:#e2e2eb;font-size:18px;line-height:1.65}.restaurant-page .button{font:800 12px Manrope,sans-serif;letter-spacing:.11em;color:white}.restaurant-page .button-bright{background:linear-gradient(110deg,#46c4ee,#677af2 60%,#a858dc);box-shadow:0 12px 32px #4858e242}.restaurant-page .button-dark{background:var(--night)}
.restaurant-page .section{padding:110px 7%;max-width:1600px}.restaurant-page .section h2{margin-bottom:26px;font-size:clamp(2.25rem,4vw,3.8rem)}.restaurant-page .section p{line-height:1.8}.restaurant-page .split p,.restaurant-page .product p,.restaurant-page .benefit-grid p{color:var(--muted)}.restaurant-page #experience{background:white}.restaurant-page .product{background:#f0f1f8}.restaurant-page .dark{background:radial-gradient(ellipse at 7% 20%,#3951a240,transparent 48%),var(--night)}.restaurant-page .steps{grid-template-columns:repeat(4,1fr);gap:32px}.restaurant-page .dark .steps p{color:#bfc1d1}.restaurant-page .steps h3{font-size:20px;text-transform:uppercase;letter-spacing:.005em}.restaurant-page .steps span{font:700 15px Manrope,sans-serif;color:#9bafff}.restaurant-page .steps article{border-top:1px solid #383a51}.restaurant-page .benefits{background:#f7f7fb}.restaurant-page .earning{background:white;border:1px solid #e1e3ee;border-radius:10px;box-shadow:0 22px 50px #1a1b3f12;padding:37px}.restaurant-page .earning strong{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.07em}.restaurant-page .earning span{font:800 12px Manrope,sans-serif;letter-spacing:.15em;color:#5e65aa}.restaurant-page .benefit-grid article{background:linear-gradient(145deg,#fafaff,#f3f4fb);border:1px solid #e4e6f2;border-top:3px solid #8275db;border-radius:8px;padding:24px;box-shadow:0 12px 30px #1e234e0b}.restaurant-page .contact{background:#191b31}.restaurant-page form{border-radius:9px;box-shadow:0 25px 70px #0002}.restaurant-page label{font:700 13px Manrope,sans-serif;color:#393c54}.restaurant-page input,.restaurant-page textarea{font:16px 'DM Sans',sans-serif;border-color:#d9dce8;background:white}.restaurant-page .event-banner{background:#f0f1f8;border-radius:8px}.restaurant-page footer{padding:24px 7%;background:#0d0e19;color:#a8a9b9}.restaurant-page .strip{color:#5e65aa;border-color:var(--line)}
@media(max-width:900px){.restaurant-page .steps{grid-template-columns:1fr 1fr}.restaurant-page .hero-copy{padding:55px 8%}.restaurant-page .section{padding:76px 6%}}@media(max-width:700px){.restaurant-page .header-inner{height:74px;width:calc(100% - 36px)}.restaurant-page nav{width:auto;gap:12px}.restaurant-page .site-header nav>.section-link{display:block;font-size:12px}.restaurant-page .hero{grid-template-columns:1fr;min-height:0}.restaurant-page .hero-copy{padding:48px 6%}.restaurant-page .hero h1{font-size:clamp(2.35rem,9.5vw,3.9rem)}.restaurant-page .hero .button{width:100%}.restaurant-page .hero-visual{height:520px;min-height:0}.restaurant-page .section{padding:76px 6%}.restaurant-page .section h2{font-size:clamp(2.1rem,8vw,3rem)}.restaurant-page .split,.restaurant-page .product,.restaurant-page .contact{grid-template-columns:1fr}.restaurant-page .steps{grid-template-columns:1fr;gap:32px}.restaurant-page .steps p{max-width:none}.restaurant-page .button{gap:15px}.restaurant-page .earning strong{font-size:54px}.restaurant-page .brand .brand-name{font-size:17px}}@media(max-width:380px){.restaurant-page .brand .brand-name{font-size:15px}.restaurant-page nav{gap:7px}.restaurant-page .nav-cta{padding:8px 10px}}
/* Absolute photo layers need a nonzero grid area at desktop widths. */
.restaurant-page .hero{align-items:stretch}
.restaurant-page .hero-visual{align-self:stretch;min-height:620px;width:100%;position:relative}
@media(max-width:700px){.restaurant-page .hero-visual{min-height:520px;height:520px}}