.supper-hero{grid-template-columns:1fr 1.12fr;gap:56px;padding-block:45px 65px;min-height:730px}
.supper-intro h1{font-size:100px;line-height:1;letter-spacing:-.055em;margin-bottom:30px}
.supper-lede{font-size:20px;line-height:1.65;max-width:400px}
.supper-intro .micro{font-size:14px;margin-top:21px}
.hero-editorial{margin:0;align-self:center}
.hero-editorial>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.hero-editorial figcaption{display:flex;gap:14px;align-items:baseline;padding-top:16px;font-size:14px;line-height:1.6}
.hero-editorial figcaption strong{font-weight:600;white-space:nowrap}
.hero-editorial figcaption span{color:#596155}
.tour-section{background:#f2f7f3;padding-block:57px 43px}
.tour-heading{margin-bottom:37px}
.tour-heading h2{font-family:'MealPot Sans',sans-serif;font-weight:600;font-size:41px;letter-spacing:-.045em}
.tour-heading .supper-label{margin-bottom:16px}
.tour-phones{gap:60px;align-items:start}
.tour-phones figure:nth-child(2),.tour-phones figure:nth-child(3){padding-top:0}
.tour-phones .white-phone{width:284px;max-width:100%;margin:auto;padding:8px;border-radius:41px;box-shadow:0 10px 20px #28372f12}
.tour-phones .white-phone>img{border-radius:32px}
.tour-phones figcaption{margin-top:23px}
.tour-phones figcaption>span{display:inline-block;margin:0 8px 0 0;vertical-align:baseline;font-size:13px}
.tour-phones strong{display:inline;font-size:22px;font-weight:600}
.tour-phones p{font-size:16px;line-height:1.65;color:#4f5c50}
.tour-note{font-size:13px;margin-top:30px}
.supper-migration{padding-block:66px}
.migration-intro h2{font-size:43px}
.supper-signoff{width:min(1220px,calc(100% - 64px));display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding:55px 0 65px;text-align:left;background:white;border-top:1px solid var(--line)}
.supper-signoff h2{font-family:'MealPot Sans',sans-serif;font-size:64px;font-weight:600;letter-spacing:-.055em;margin-bottom:25px}
.supper-signoff .supper-label{font-size:12px;margin-bottom:22px;color:#8d4d2d}
.supper-signoff>img{width:100%;max-width:440px;justify-self:end;height:auto;aspect-ratio:1;object-fit:cover}
.signoff-copy>p:last-child{font-size:14px;color:#536050;margin-top:20px}
.brand-finale{font-family:'MealPot Display',serif;font-size:clamp(140px,22vw,326px);letter-spacing:-.085em;line-height:.95;padding-block:8px 40px;color:#2b3c2e;white-space:nowrap}
.brand-finale span{color:var(--accent)}
.site-footer{border-top:0}
.site-footer .footer-top{padding-top:20px;padding-bottom:35px}
@media(max-width:1100px){.supper-intro h1{font-size:83px}.supper-hero{gap:35px;min-height:650px}.tour-phones{gap:25px}.tour-phones strong{font-size:20px}.tour-phones p{font-size:14px}.hero-editorial figcaption{display:block}.hero-editorial figcaption span{display:block}.supper-signoff{gap:50px}}
@media(max-width:760px){
 .supper-hero{grid-template-columns:1fr;padding-block:37px 35px;gap:28px;min-height:0}
 .supper-intro h1{font-size:76px}
 .supper-lede{font-size:18px}
 .hero-editorial figcaption{font-size:14px}
 .tour-section{padding-block:43px 35px}
 .tour-heading h2{font-size:33px}
 .tour-phones{gap:36px}
 .tour-phones .white-phone{width:292px}
 .tour-phones strong{font-size:24px}
 .tour-phones p{font-size:16px}
 .supper-signoff{width:calc(100% - 40px);grid-template-columns:1fr;gap:26px;padding-block:38px 35px}
 .supper-signoff h2{font-size:49px}
 .supper-signoff>img{max-width:none}
 .brand-finale{font-size:24vw;letter-spacing:-.08em;padding-block:15px 30px}
 .supper-migration{padding-block:42px}
}