/* Burgerwerk, measured against the original 1086 × 1448 design. */
body[data-design="burger"] { --accent:#ffdc21; --brass:#ffdc21; --line:#dbc125; --muted:#f4f3ee; }
body[data-design="burger"] .card-intro { inset:0 0 auto; width:100%; height:25.6%; }
body[data-design="burger"] h1 { height:100%; transform:none; }
.burger-brand { position:absolute; inset:0; display:block; width:100%; height:auto; overflow:visible; }
.burger-brand text { fill:#ffdc21; font:400 269px 'Anton',Impact,sans-serif; letter-spacing:0; }
body[data-design="burger"] .experience-options a { color:#173444; }
body[data-design="burger"] .experience-options a[aria-current] { color:#fff; }
body[data-design="burger"] .basket-bar,
body[data-design="burger"] .basket-dialog { color:#173444; --muted:#59666c; --line:#d5d7cb; }
body[data-design="burger"] .menu-end { --muted:#59666c; }
body[data-design="burger"] .card-intro > p { position:absolute; left:32.3%; top:22.1cqw; width:56.5%; padding:1.05cqw 1cqw .3cqw 7.6cqw; margin:0; color:#fff; font:700 7.6cqw/1 'Allura',cursive; -webkit-text-stroke:.04cqw #fff; text-align:left; transform:rotate(-5deg); background:#f23d26; clip-path:polygon(1% 14%,6% 10%,3% 7%,91% 2%,97% 5%,96% 12%,100% 15%,97% 23%,99% 27%,97% 33%,100% 39%,97% 45%,99% 51%,96% 56%,99% 62%,97% 69%,99% 76%,94% 80%,97% 85%,91% 89%,94% 93%,8% 100%,4% 94%,7% 90%,2% 85%,5% 81%,1% 76%,4% 70%,0 65%,4% 60%,1% 56%,5% 50%,2% 46%,4% 41%,0 36%,5% 31%,1% 28%,5% 23%); }
body[data-design="burger"] .group-heading { position:relative; isolation:isolate; }
body[data-design="burger"] .group-heading h2 { position:relative; background:none; padding:0; color:#090b09; font:400 5.8cqw/1.05 'Anton',Impact,sans-serif; clip-path:none; transform:rotate(-2deg); }
body[data-design="burger"] .group-heading h2::before { content:''; position:absolute; z-index:-1; left:-3.7cqw; right:-5.8cqw; top:-.55cqw; bottom:-.55cqw; background:#ffdc21; clip-path:polygon(3% 10%,11% 8%,8% 4%,89% 0,94% 4%,90% 9%,98% 10%,95% 17%,100% 19%,96% 26%,99% 32%,95% 38%,98% 44%,94% 50%,99% 55%,95% 63%,97% 69%,91% 76%,96% 83%,90% 89%,94% 94%,7% 100%,3% 94%,7% 89%,0 84%,4% 78%,1% 72%,5% 65%,0 60%,4% 54%,1% 48%,5% 42%,0 36%,4% 30%,1% 24%,5% 19%); }
body[data-design="burger"] .card-intro > p,
body[data-design="burger"] .group-heading h2::before { clip-path:none; mask-image:url('./assets/burger-brush.svg'); mask-size:100% 100%; mask-repeat:no-repeat; }
body[data-design="burger"] .card-intro > p { top:22.8cqw; padding-left:9.2cqw; font-size:7.1cqw; }
@media(min-width:601px) {
 body[data-design="burger"] .paper { --add-size:4.42cqw; }
 body[data-design="burger"] .group-1 { left:40.88%; width:55.16%; top:27.07%; }
 body[data-design="burger"] .group-2 { left:42.45%; width:53.59%; top:54.28%; }
 body[data-design="burger"] .group-3 { left:60.4%; width:35.64%; top:72.8%; }
 body[data-design="burger"] .group-heading { height:7.8cqw; min-height:0; margin:0; align-items:start; }
 body[data-design="burger"] .group-heading h2 { transform:rotate(-3deg) scaleX(1.25); transform-origin:left center; }
 body[data-design="burger"] .group-heading h2::before { left:-2.9cqw; right:-5.4cqw; }
 body[data-design="burger"] .group-3 .group-heading { height:8.2cqw; }
 body[data-design="burger"] .group-3 h2 { font-size:5.6cqw; transform:rotate(-3deg) scaleX(1.15); }
 body[data-design="burger"] .group-3 h2::before { left:-2.7cqw; right:-3cqw; }
 body[data-design="burger"] .dish { height:9.2cqw; min-height:0; padding:0; border-bottom:1px solid #dbc125; }
 body[data-design="burger"] .dish:first-child { height:7.83cqw; }
 body[data-design="burger"] .dish + .dish { padding-top:1.25cqw; }
 body[data-design="burger"] .dish:last-child { border-bottom:0; }
 body[data-design="burger"] .dish h3 { font:700 3.5cqw/1.12 'Roboto Condensed',Arial,sans-serif; }
 body[data-design="burger"] .ingredients { font:400 2.12cqw/1.2 'Roboto Condensed',Arial,sans-serif; margin:.3cqw 0 0; }
 body[data-design="burger"] .price { font:700 3.3cqw/1.15 'Roboto Condensed',Arial,sans-serif; }
 body[data-design="burger"] .dish-actions { gap:2cqw; }
 body[data-design="burger"] .dish-add { font:400 3.8cqw/1 Arial,sans-serif; }
 body[data-design="burger"] .group-2 .dish:last-child .ingredients,
 body[data-design="burger"] .group-3 .ingredients { display:none; }
 body[data-design="burger"] .group-3 .dish h3 { font-size:3.18cqw; white-space:nowrap; }
 body[data-design="burger"] .group-3 .dish-heading { gap:.6cqw; }
 body[data-design="burger"] .group-3 .dish-actions { gap:1.3cqw; }
}
@media(max-width:600px) {
 body[data-design="burger"] .card-intro { top:0; }
 body[data-design="burger"] .paper { padding-top:38cqw; }
 body[data-design="burger"] .group-heading { min-height:7.5cqw; margin-bottom:10px; }
 body[data-design="burger"] .group-heading h2 { font-size:6cqw; }
 body[data-design="burger"] .group-heading h2::before { left:-2cqw; right:-4cqw; }
 body[data-design="burger"] .dish { padding:6px 0 10px; }
 body[data-design="burger"] .dish h3 { font-size:16px; }
 body[data-design="burger"] .price { font-size:16px; }
 body[data-design="burger"] .ingredients { font-size:12px; }
 body[data-design="burger"] .group-2 .dish:last-child .ingredients,
 body[data-design="burger"] .group-3 .ingredients { display:none; }
}