body { font-family: 'Avenir Next', Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
h1,h2,h3 { letter-spacing: -.045em; }
.supper-intro h1 { font-size: 88px; line-height: 1.02; letter-spacing: -.06em; font-weight: 650; }
.supper-hero { grid-template-columns: 1fr 1fr; padding-block: 40px 60px; gap: 65px; min-height: 910px; }
.hero-app-art { min-height: 805px; padding-bottom: 30px; }
.hero-app-art .white-phone { width: 348px; padding: 11px; border-radius: 49px; }
.hero-app-art .white-phone>img { border-radius: 37px; }
.hero-app-art::before { inset: 125px -22px 20px; border-radius: 220px 220px 20px 20px; transform: none; }
.garnish { display: none; }
.art-caption { font-size: 15px; }
.supper-lede { font-size: 20px; line-height: 1.7; max-width: 430px; }
.supper-label { font-size: 12px; letter-spacing: .075em; }
.supper-intro .micro { font-size: 14px; line-height: 1.8; }
.button { font-size: 15px; padding: 16px 24px; border-radius: 8px; }
.appetite { padding-block: 30px 85px; }
.appetite-heading h2 { font-size: 45px; font-weight: 600; }
.appetite-heading p { font-size: 17px; line-height: 1.7; }
.appetite-grid figcaption strong { font-size: 23px; }
.appetite-grid figcaption span { font-size: 16px; }
.food-note { font-size: 13px; }
.tour-section { position: relative; padding: 85px 0 65px; background: #edf9f7; border-radius: 50% 50% 0 0 / 45px 45px 0 0; }
.tour-heading { text-align: center; margin-bottom: 52px; }
.tour-heading .supper-label { margin-bottom: 18px; }
.tour-heading h2 { font-size: 45px; font-weight: 600; margin-bottom: 19px; }
.tour-heading>p:last-child { font-size: 17px; }
.tour-phones { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.tour-phones figure { margin: 0; }
.tour-phones .white-phone { width: 100%; padding: 10px; border-radius: 49px; }
.tour-phones .white-phone>img {border-radius: 37px;}
.tour-phones figcaption { margin-top: 27px; text-align: center; }
.tour-phones figcaption>span { display: block; color: var(--accent); font-size: 14px; margin-bottom: 6px; }
.tour-phones strong { display: block; font-size: 23px; font-weight: 600; letter-spacing: -.035em; }
.tour-phones p { font-size: 15px; margin: 12px 0 0; line-height: 1.7; }
.tour-note { text-align: center; font-size: 13px; margin: 33px 0 0; }
.supper-migration { padding-block: 75px 70px; border-top: 0; }
.migration-intro h2 { font-size: 40px; font-weight: 600; }
.migration-intro>p:not(.supper-label) { font-size: 16px; }
.migration-reads span { font-size: 11px; }
.migration-reads h3 { font-size: 21px; font-weight: 600; }
.migration-reads p { font-size: 14px; }
.supper-signoff { border-top: 0; background: #fdf3e8; width: 100%; max-width: none; padding: 65px max(32px,calc((100% - 1160px)/2)); gap: 45px; }
.supper-signoff h2 { font-size: 66px; font-weight: 600; line-height: 1.08; }
.supper-signoff>div { flex-shrink: 0; }
.site-footer .footer-top { padding-block: 45px; }
.footer-label { font-size: 12px!important; }
.footer-top a:not(.brand) { font-size: 14px; }
@media(max-width:1000px){.supper-hero{gap:25px;min-height:800px}.supper-intro h1{font-size:72px}.hero-app-art .white-phone{width:300px}.hero-app-art{min-height:710px}.tour-phones{gap:20px}.tour-phones .white-phone{border-radius:38px}.tour-phones .white-phone>img{border-radius:27px}.tour-phones strong{font-size:20px}.tour-phones p{font-size:14px}}
@media(max-width:760px){
 .supper-hero{grid-template-columns:1fr;gap:0;padding-block:35px 30px;min-height:0}
 .supper-intro h1{font-size:75px}
 .supper-lede{font-size:18px}
 .supper-intro .micro{font-size:13px}
 .hero-app-art{min-height:700px;margin-top:30px}
 .hero-app-art .white-phone{width:292px}
 .hero-app-art::before{inset:100px -8px 20px;border-radius:180px 180px 12px 12px}
 .appetite{padding-block:25px 45px}
 .appetite-heading h2{font-size:37px}
 .appetite-heading p{font-size:16px}
 .tour-section{padding-block:58px 40px;border-radius:50% 50% 0 0 / 20px 20px 0 0}
 .tour-heading{margin-bottom:30px}
 .tour-heading h2{font-size:36px;line-height:1.15}
 .tour-heading>p:last-child{font-size:16px}
 .tour-phones{grid-template-columns:1fr;gap:42px}
 .tour-phones .white-phone{max-width:320px;margin:auto;border-radius:43px}
 .tour-phones .white-phone>img{border-radius:32px}
 .tour-phones figcaption{margin-top:22px}
 .tour-phones strong{font-size:25px}
 .tour-phones p{font-size:16px}
 .tour-note{font-size:12px;line-height:1.8}
 .supper-migration{padding-block:43px}
 .migration-intro h2{font-size:35px}
 .supper-signoff{padding:38px 20px 42px}
 .supper-signoff h2{font-size:51px}
}