/* Second welcome design: brand → food → menu heading → actions. */
.welcome{padding:30px 7% 75px;min-height:100svh;display:flex;flex-direction:column;align-items:center;isolation:isolate;background-position:top left;background-size:100% auto}
.welcome .brand{order:0;margin:0;color:var(--green)}
.welcome .brand-name{font-size:clamp(64px,18cqw,100px)}
.welcome .brand-subtitle{font-size:clamp(17px,4.8cqw,28px);color:var(--green)}
.welcome .brand-burger{width:clamp(35px,10cqw,58px);height:29px;top:-16px;right:4px}
.welcome .brand-crown{width:20px;height:19px;top:-1px}
.welcome .brand-name sup{font-size:15px;right:-20px;top:9px}
.welcome-food{order:1;position:relative;isolation:isolate;flex:none;width:116.3%;height:clamp(198px,63cqw,365px);margin:9px -8.15% 0;overflow:visible}
.welcome-food:before{inset:0 -12% 10% 45%;border-radius:85% 0 0 12%;background:var(--green);transform:none;z-index:-1}
.welcome-food img{width:100%;height:100%;object-fit:contain;margin:0;transform:none;position:relative;z-index:1}
.welcome-burst{position:absolute;left:19%;top:21%;width:32px;height:36px;color:var(--green);stroke-width:2.3;transform:rotate(-8deg)}
.welcome-heading{order:2;width:100%;margin:6px 0 0;color:var(--green)}
.welcome-heading:before{display:none}
.welcome-heading small{display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(12px,3.65cqw,21px);letter-spacing:.25em;font-weight:600;white-space:nowrap}
.welcome-heading small:before,.welcome-heading small:after{content:'';width:30px;height:1px;background:#7e8273;flex:0 1 30px}
.welcome-heading strong{font-size:clamp(62px,19.5cqw,110px);line-height:1.08;letter-spacing:-.045em;font-style:italic;margin-top:3px}
.welcome-actions{order:3;gap:14px;margin:22px 0 0}
.welcome-action{min-height:80px;grid-template-columns:47px minmax(0,1fr) 32px;gap:13px;padding:14px 20px;font-size:clamp(20px,5.8cqw,32px);line-height:1.12;border-radius:60px}
.welcome-action>.action-icon,.welcome-action>.google-g{width:47px;height:38px;padding-right:12px;border-right:1px solid #fff8e9ad}
.welcome-action>.google-g{border-right-color:#67705a8c}
.welcome-action>.round-arrow{width:32px;height:32px}
.welcome-wave{position:absolute;bottom:0;left:0;width:100%;height:48px;z-index:-1;color:var(--green)}
@media(max-width:350px){
  .welcome{padding:27px 6% 64px}.welcome .brand{margin:0}.welcome .brand-name{font-size:62px}.welcome .brand-subtitle{font-size:17px}
  .welcome .brand-burger{width:35px;height:27px;top:-16px}.welcome-food{width:113.6%;margin:8px -6.8% 0;height:195px}.welcome-burst{left:17%;width:26px;height:31px}
  .welcome-heading small{font-size:11px;letter-spacing:.22em;gap:11px}.welcome-heading strong{font-size:62px}.welcome-actions{margin-top:19px;gap:12px}
  .welcome-action{grid-template-columns:41px minmax(0,1fr) 29px;min-height:76px;padding:13px 16px;gap:11px;font-size:20px}.welcome-action>.action-icon,.welcome-action>.google-g{width:41px;height:34px;padding-right:11px}.welcome-action>.round-arrow{width:29px;height:29px}
}
@media(min-width:621px){
  .welcome{padding-top:43px;padding-bottom:88px;min-height:100svh}.welcome .brand{margin:0}.welcome .brand-name{font-size:100px}.welcome .brand-subtitle{font-size:28px}.welcome .brand-burger{width:57px;height:40px;top:-24px}.welcome .brand-crown{width:28px;height:26px}.welcome .brand-name sup{font-size:21px;right:-26px;top:13px}
  .welcome-food{margin-top:16px;height:365px}.welcome-burst{width:45px;height:50px}.welcome-heading{margin-top:9px}.welcome-heading small{font-size:20px;gap:23px}.welcome-heading small:before,.welcome-heading small:after{width:46px;flex-basis:46px}.welcome-heading strong{font-size:110px}
  .welcome-actions{margin-top:31px;gap:20px}.welcome-action{grid-template-columns:65px minmax(0,1fr) 44px;min-height:120px;padding:22px 30px;gap:23px;font-size:32px}.welcome-action>.action-icon,.welcome-action>.google-g{width:65px;height:51px;padding-right:19px}.welcome-action>.round-arrow{width:44px;height:44px}.welcome-wave{height:65px}
}

.welcome .brand-original{width:clamp(170px,50cqw,270px);height:auto;margin:0;mix-blend-mode:multiply}
@media(max-width:350px){.welcome .brand-original{width:160px}}

.welcome{background-color:var(--cream)}