/* Street Coffee Bar menu page */
.menu-kicker{display:block;margin-bottom:14px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.menu-hero{background:#f4ebd9;padding:92px 0 98px;overflow:hidden}
.menu-hero__copy{max-width:920px}
.menu-hero h1{font-size:clamp(66px,10.5vw,144px);line-height:.78;margin:0 0 34px;letter-spacing:-.075em;text-transform:uppercase}
.menu-hero h1 span{color:#ff6b6b;-webkit-text-stroke:3px #000;text-shadow:7px 7px 0 #000}
.menu-hero__copy>p{max-width:650px;font-size:18px;line-height:1.55;margin:0 0 31px}
.menu-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.menu-button{display:inline-block;padding:16px 23px;border:4px solid #000;background:#ffd93d;color:#000;box-shadow:5px 5px 0 #000;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;transition:.15s ease}
.menu-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}
.menu-link{color:#000;text-transform:uppercase;text-decoration:none;font-size:12px;font-weight:900;border-bottom:2px solid #000;padding-bottom:4px}
.menu-section{padding:104px 0;border-bottom:4px solid #000}
.menu-section--cream{background:#f4ebd9}
.menu-section--black{background:#000;color:#fff}
.menu-section--blue{background:#c9dce8}
.menu-section__intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:48px}
.menu-section__intro h2{font-size:clamp(48px,6vw,78px);line-height:.92;margin:0;text-transform:uppercase}
.menu-section__intro p{max-width:650px;margin:0;font-size:16px;line-height:1.55}
.coffee-board{border:4px solid #000;box-shadow:10px 10px 0 #000;background:#fff}
.coffee-item{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:26px 28px;border-bottom:3px solid #000;color:#000;transition:.12s ease}
.coffee-item:last-child{border-bottom:0}
.coffee-item:hover{background:#e8d5b7}
.coffee-item--featured{background:#ffd93d}
.coffee-item__num{font-size:14px;font-weight:900}
.coffee-item h3{font-size:30px;line-height:1;margin:0 0 7px;text-transform:uppercase}
.coffee-item p{font-size:12px;line-height:1.4;margin:0}
.coffee-item__tag{font-size:10px;font-weight:900;text-transform:uppercase;border:2px solid #000;padding:7px 10px;white-space:nowrap}
.menu-section--black .menu-kicker{color:#ffd93d}
.flavor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:stretch}
.flavor-card{grid-column:span 2;min-height:280px;background:#fff;color:#000;border:4px solid #fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:.15s ease}
.flavor-card:nth-child(4){grid-column:2/span 2}
.flavor-card:nth-child(5){grid-column:4/span 2}
.flavor-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 #ffd93d}
.flavor-card--street{background:#ffd93d;border-color:#ffd93d}
.flavor-card__index{position:absolute;top:20px;right:20px;font-size:13px;font-weight:900}
.flavor-card__label{position:absolute;left:20px;top:19px;background:#000;color:#fff;padding:7px 9px;font-size:8px;font-weight:900;text-transform:uppercase}
.flavor-card h3{font-size:28px;line-height:.98;margin:0 0 12px;text-transform:uppercase}
.flavor-card p{font-size:11px;line-height:1.45;margin:0;min-height:32px}
.house-note{margin-top:34px;border:3px solid #fff;padding:18px 22px;font-size:11px;font-weight:700;text-transform:uppercase}
.house-note strong{color:#ffd93d}
.soda-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.soda-card{min-height:310px;border:4px solid #000;box-shadow:8px 8px 0 #000;background:#fff;display:flex;align-items:flex-end}
.soda-card--guava{border-top:14px solid #ff6b6b}
.soda-card--pineapple{border-top:14px solid #ffd93d}
.soda-card__copy{padding:38px;width:100%}
.soda-card__num{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:13px}
.soda-card h3{font-size:38px;line-height:.95;margin:0 0 14px;text-transform:uppercase}
.soda-card p{font-size:12px;line-height:1.5;margin:0}
.menu-build{background:#ff6b6b;padding:98px 0;border-bottom:4px solid #000}
.menu-build__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.menu-build h2{font-size:clamp(48px,6.5vw,82px);line-height:.95;margin:0;text-transform:uppercase}
.menu-build__copy p{font-size:16px;line-height:1.55;margin:0 0 28px}
.menu-build .menu-button{background:#fff}
@media(max-width:1100px){.flavor-grid{grid-template-columns:repeat(2,1fr)}.flavor-card,.flavor-card:nth-child(4),.flavor-card:nth-child(5){grid-column:auto}.flavor-card:last-child{grid-column:1/-1;min-height:230px}}
@media(max-width:980px){.menu-section__intro,.menu-build__grid{grid-template-columns:1fr}.menu-section__intro,.menu-build__grid{gap:24px}.menu-build__copy{max-width:680px}.soda-grid{grid-template-columns:1fr}.soda-card{min-height:260px}}
@media(max-width:760px){.menu-hero,.menu-section,.menu-build{padding:70px 0}.menu-hero h1{font-size:64px}.menu-hero h1 span{-webkit-text-stroke:2px #000;text-shadow:5px 5px 0 #000}.coffee-item{grid-template-columns:40px 1fr;padding:21px 18px;gap:13px}.coffee-item__tag{grid-column:2;justify-self:start}.flavor-grid{grid-template-columns:1fr}.flavor-card,.flavor-card:last-child{grid-column:auto;min-height:230px}.soda-card{min-height:230px}.soda-card__copy{padding:28px}}
@media(max-width:460px){.menu-hero h1{font-size:53px}.menu-section__intro h2{font-size:44px}.coffee-item h3{font-size:24px}.soda-card h3{font-size:31px}}