@media(min-width:861px){
  .app{box-shadow:var(--shadow)}
  .hero{
    padding:34px 56px 28px;
    min-height:620px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:34px;
    align-items:center;
  }
  .brand-block{grid-column:1/-1}
  .logo-symbol{width:130px;height:96px}
  .wheel{width:60px;height:72px}
  .cup{left:63px;width:60px;height:72px}
  .handle{left:113px;top:38px;width:24px;height:20px;border-width:8px}
  .steam{left:61px;height:32px}
  .logo-name{font-size:54px;letter-spacing:17px}
  .logo-sub{font-size:14px;letter-spacing:8px}
  .hero h1{font-size:50px}
  .script{font-size:35px}
  .lead{font-size:19px}
  .visual{margin-top:0;min-height:390px}
  .quick{padding:4px 56px 36px;grid-template-columns:repeat(5,1fr)}
  .quick .qcard:first-child{grid-column:auto}
  .menu-section{padding:14px 56px 34px}
  .panel{padding:28px}
  .section-head{align-items:end}
  h2{font-size:38px}
  .menu-grid{grid-template-columns:repeat(4,1fr)}
  .item img{height:155px}
  .info{grid-template-columns:repeat(4,1fr);margin:0 56px 28px;padding:28px}
}