*{box-sizing:border-box}html,body{margin:0;background:#10100e;color:#f2eee5;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}main{padding:24px 24px 48px}h1,h2,h3{font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}header{text-align:center;margin:0 auto 36px}h1{font-size:clamp(32px,5vw,52px);margin:0 0 12px}header>p{color:#aaa69d;font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin:0}.cocktail-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:56px}.cocktail{text-align:center;display:flex;flex-direction:column;align-items:center;text-transform:uppercase}.cocktail>img{display:block;width:min(320px,100%);height:auto;aspect-ratio:514/424;object-fit:contain;margin-bottom:8px}.cocktail p{margin:0}.base{font-size:24px;font-weight:700;line-height:1.15}.base span{font-size:18px;font-weight:400}.ingredients{margin-top:4px;font-size:14px;line-height:1.3;max-width:280px}.lead{font-weight:600}.note{color:#aaa69d;font-size:14px}.cocktail>.note{font-size:11px;margin-top:4px;letter-spacing:.04em}.price{display:flex;flex-direction:column;align-items:center;margin-top:10px;gap:2px}.price strong{font-size:18px;display:flex;align-items:center;gap:8px}.price strong:before,.price strong:after{content:"";width:36px;height:2px;background:#f2eee5}.price small{font-size:11px;letter-spacing:.08em;color:#aaa69d}.alternatives{margin-top:64px}.surprise{max-width:1200px;margin:56px auto 0;display:flex;justify-content:center}.surprise .cocktail{width:min(100%,420px)}.surprise .cocktail>img{width:min(380px,100%)}footer{max-width:1200px;margin:72px auto 0;padding-top:24px;border-top:1px solid #383226;text-align:center;font-size:12px;letter-spacing:.04em;color:#aaa69d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.food{max-width:760px;margin:auto}.food>section{margin-top:48px}.food-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding-bottom:32px;border-bottom:1px solid #383226;margin-bottom:32px}.food h2,.food h3{font-size:clamp(22px,4vw,28px);margin:0;color:#f2eee5}.food p{margin:6px 0 0}.food-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.food-price{font-family:Arial,Helvetica,sans-serif;font-size:19px;white-space:nowrap;color:#c6a568}.homemade{width:clamp(52px,10vw,68px);height:auto;display:block}.hot>h2{color:#c6a568;margin-bottom:20px}.hot-box{border:1px solid #383226;padding:clamp(20px,4vw,32px);display:grid;gap:28px}.hot h3{font-size:24px}.hot small{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#aaa69d}.plates{text-align:center;display:grid;gap:36px}.plates .food-heading{justify-content:center;flex-wrap:wrap}.food footer{text-align:right;font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;font-size:28px;color:#c6a568;margin-top:48px}@media(max-width:850px) and (min-width:621px){.cocktail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alternatives{grid-template-columns:1fr}}@media(max-width:620px){main{padding:24px 20px 40px}.cocktail-grid{grid-template-columns:1fr;row-gap:44px}.food-heading{flex-wrap:wrap}.hot .food-heading{flex-wrap:nowrap}.food-item{gap:10px}.food h2,.food h3{font-size:23px}}

/* Two columns on phones */
@media(max-width:620px){
main{padding:24px 14px 40px}
.cocktail-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:36px}
.cocktail>img{width:100%;margin-bottom:6px}
.base{font-size:16px}
.base span{font-size:12px}
.ingredients{font-size:11px;line-height:1.3}
.cocktail>.note{font-size:9px}
.price{margin-top:8px}
.price strong{font-size:15px;gap:6px}
.price strong:before,.price strong:after{width:20px}
.price small{font-size:10px}
.surprise .cocktail{width:100%}
}
@media(max-width:620px){
.alternatives .cocktail:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}
.surprise{margin-top:28px}
.surprise .cocktail>img{width:min(420px,100%)}
.surprise .ingredients{font-size:14px}
.surprise .price strong{font-size:19px}
.surprise .price strong:before,.surprise .price strong:after{width:30px}
}