@font-face{font-family:'MealPot Sans';src:url('/fonts/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'MealPot Sans';src:url('/fonts/dm-sans-semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:'MealPot Display';src:url('/fonts/fraunces-medium.ttf') format('truetype');font-weight:400 900;font-display:swap}
body{font-family:'MealPot Sans',sans-serif;color:#272b23}
.supper-intro h1,.appetite-heading h2,.tour-heading h2,.migration-intro h2,.supper-signoff h2{font-family:'MealPot Display',Georgia,serif;font-weight:500;letter-spacing:-.05em}
.container{width:min(1220px,calc(100% - 64px))}
.supper-hero{grid-template-columns:.92fr 1.08fr;gap:20px;min-height:805px;padding-block:30px 55px}
.supper-intro h1{font-size:78px;line-height:1.05;margin-bottom:27px}
.supper-label{color:#8d4d2d;font-weight:600;font-size:12px;letter-spacing:.09em}
.supper-intro .supper-label{margin-bottom:24px}
.supper-lede{max-width:395px;font-size:18px;color:#4d574e;line-height:1.65}
.supper-intro .micro{font-size:13px;color:#536050}
.hero-app-art{min-height:700px;margin:0;justify-content:flex-start;padding:88px 0 0 2px}
.hero-app-art::before{display:none}
.hero-food{position:absolute;right:-40px;top:25px;width:530px;height:530px;object-fit:cover;z-index:-1;border-radius:0}
.hero-app-art .white-phone{width:280px;border-radius:43px;padding:9px;transform:rotate(-5deg);box-shadow:0 20px 36px #28362728}
.hero-app-art .white-phone>img{border-radius:32px}
.appetite{padding-block:10px 70px}
.appetite-heading{display:block;width:42%;margin:0 0 -145px auto;position:relative;z-index:1;padding:24px 0 0 40px}
.appetite-heading h2{font-size:43px;line-height:1.1;margin-bottom:18px}
.appetite-heading p{font-size:16px;max-width:370px}
.appetite-grid{grid-template-columns:1.3fr 1fr;align-items:end;gap:65px}
.appetite-grid figure:nth-child(2){padding:180px 0 0 40px;max-width:390px}
.appetite-grid figcaption strong{font-size:22px;font-weight:600}
.appetite-grid figcaption span{font-size:15px;color:#536050}
.food-note{color:#536050}
.tour-section{padding-block:70px 45px;background:#f0f8f5;border-radius:0}
.tour-heading h2{font-size:45px}
.tour-heading>p:last-child{color:#48574b;font-size:17px}
.tour-phones{gap:40px;align-items:start}
.tour-phones figure:nth-child(2){padding-top:55px}
.tour-phones figure:nth-child(3){padding-top:110px}
.tour-phones .white-phone{border-radius:44px}
.tour-phones .white-phone>img{border-radius:32px}
.tour-phones strong{font-size:23px}
.tour-phones p{font-size:16px;color:#4c5b50}
.tour-note{font-size:13px;color:#536050}
.supper-migration{padding-block:75px 65px}
.migration-content{grid-template-columns:1fr 1fr;gap:100px}
.migration-intro h2{font-size:43px}
.migration-reads>a{padding-block:23px}
.migration-reads h3{font-size:23px}
.migration-reads p{font-size:15px;color:#536050}
.migration-reads span{font-size:11px;color:#8d4d2d}
.supper-signoff{width:100%;max-width:none;background:#f0f8f5;display:block;text-align:center;padding:58px 32px 62px}
.supper-signoff h2{font-size:75px;line-height:1.04;margin:0 0 27px}
.supper-signoff p{font-size:13px;color:#536050}
.footer-top p,.footer-top a:not(.brand){color:#536050;font-size:14px}
@media(max-width:1100px){.supper-intro h1{font-size:66px}.hero-food{right:-15px;width:450px;height:450px;top:60px}.hero-app-art .white-phone{width:260px}.appetite-grid{gap:30px}.appetite-heading{padding-left:20px}.appetite-grid figure:nth-child(2){padding-left:20px}.tour-phones{gap:25px}.tour-phones p{font-size:14px}}
@media(max-width:760px){
 .container{width:calc(100% - 40px)}
 .supper-hero{grid-template-columns:1fr;min-height:0;padding-block:35px 20px}
 .supper-intro h1{font-size:64px;line-height:1.06}
 .supper-lede{font-size:18px}
 .hero-app-art{min-height:610px;padding:85px 0 0 12px}
 .hero-food{width:305px;height:305px;right:-6px;top:30px}
 .hero-app-art .white-phone{width:225px;border-radius:37px;padding:8px}
 .hero-app-art .white-phone>img{border-radius:27px}
 .appetite{padding-block:22px 40px}
 .appetite-heading{width:auto;padding:0;margin:0 0 28px}
 .appetite-heading h2{font-size:37px}
 .appetite-grid{grid-template-columns:1fr;gap:30px}
 .appetite-grid figure:nth-child(2){padding:0;max-width:none}
 .tour-section{padding-block:44px 35px}
 .tour-heading h2{font-size:36px}
 .tour-phones{gap:35px}
 .tour-phones figure:nth-child(2),.tour-phones figure:nth-child(3){padding-top:0}
 .tour-phones p{font-size:16px}
 .migration-content{gap:20px;grid-template-columns:1fr}
 .supper-migration{padding-block:40px}
 .migration-intro h2{font-size:36px}
 .supper-signoff{width:100%;padding:42px 20px}
 .supper-signoff h2{font-size:50px}
}