.supper-hero { min-height: 770px; padding-block: 34px 52px; }
.hero-app-art { position: relative; isolation: isolate; display: flex; justify-content: center; align-items: center; min-height: 685px; padding: 10px 0 35px; }
.hero-app-art::before { content: ''; z-index: -1; position: absolute; inset: 150px -25px 5px; background: #edf9f7; border-radius: 48% 48% 10% 10%; transform: rotate(-5deg); }
.white-phone { position: relative; width: 284px; padding: 10px; background: #fafbfa; border: 1px solid #edf0eb; border-radius: 47px; box-shadow: 0 18px 32px #23382e17, 0 2px 3px #28332b15; }
.white-phone>img { width: 100%; height: auto; border-radius: 36px; }
.garnish { position: absolute; z-index: 2; height: auto; pointer-events: none; }
.garnish-left { width: 110px; left: 8px; bottom: 55px; transform: rotate(-24deg); }
.garnish-right { width: 95px; right: -6px; top: 180px; transform: rotate(14deg); }
.art-caption { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: 14px; color: #52756b; }
.appetite { padding-block: 40px 60px; }
.appetite-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 30px; gap: 30px; }
.appetite-heading h2 { font-size: 46px; line-height: 1.08; margin: 0; }
.appetite-heading p { font-size: 15px; margin: 0; }
.appetite-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.appetite-grid figure { margin: 0; }
.appetite-grid img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.appetite-grid figcaption { padding-top: 16px; }
.appetite-grid strong { display: block; font-size: 21px; font-weight: 550; letter-spacing: -.025em; }
.appetite-grid figcaption span { display: block; color: var(--muted); font-size: 14px; padding-top: 3px; }
.food-note { font-size: 12px; margin: 19px 0 0; }
.story-display { background: #edf9f7; border-radius: 46% 46% 3% 3%; }
.story-display .screen-stage img { border: 10px solid #fafbfa; outline: 1px solid #e8edeb; border-radius: 44px; box-shadow: 0 15px 30px #2026211c; }
.supper-migration { padding-top: 45px; border-top: 1px solid var(--line); }
.second-dinner { display: none; }
.migration-content { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 86px; }
@media(max-width:1000px) { .garnish-left {left:-7px;width:90px} .garnish-right {right:-15px;width:77px} .white-phone {width:260px} .hero-app-art {min-height:640px} .supper-hero {min-height:710px} .migration-content {gap:45px} }
@media(max-width:760px) {
 .supper-hero { padding-block: 38px 28px; min-height: 0; }
 .hero-app-art { margin-top: 25px; min-height: 650px; }
 .hero-app-art::before { inset: 140px -10px 6px; }
 .white-phone {width:264px}
 .garnish-left {left:-7px;bottom:52px;width:83px}
 .garnish-right {right:-5px;top:160px;width:75px}
 .appetite { padding-block: 25px 40px; }
 .appetite-heading {display:block;margin-bottom:25px}
 .appetite-heading h2 {font-size:37px}
 .appetite-heading p {font-size:14px;margin-top:17px}
 .appetite-grid {gap:30px;grid-template-columns:1fr}
 .appetite-grid strong {font-size:22px}
 .food-note {font-size:11px}
 .migration-content {grid-template-columns:1fr;gap:18px}
 .supper-migration {padding-top:35px}
}