/* Paper, olive illustrations and coastal drawing extracted from the supplied menus. */
:root {--cream:#f3ecdf;--paper:#f7f0e4;--gold:#a48745}
main > .section {isolation:isolate;background-color:var(--cream);background-image:url('assets/menu-paper-texture.avif');background-size:640px 640px}
main > .section.menu,
main > .section.suggestion,
main > .section.pinchos {
  background-color:var(--green);
  background-image:linear-gradient(rgba(16,47,37,.94),rgba(16,47,37,.94)),url('assets/menu-paper-texture.avif');
  background-size:auto,640px 640px;
}
main > .section.suggestion {background-image:linear-gradient(rgba(10,36,27,.96),rgba(10,36,27,.96)),url('assets/menu-paper-texture.avif')}
.menu-paper,.pinchos-ticket {
  background-color:var(--paper);background-image:url('assets/menu-paper-texture.avif');background-size:640px 640px;
}
.menu-paper {border:1px solid var(--gold);border-radius:26px 4px 26px 4px;box-shadow:12px 12px 0 #b08b4c0d}
.menu-paper::before {border-color:#a4874570;border-radius:20px 2px 20px 2px}
.menu-paper > :not(.menu-art) {position:relative;z-index:1}
.menu-art {position:absolute;display:block;pointer-events:none;user-select:none;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:-1}
.menu-art-olive {background-image:url('assets/menu-olive-branch.png');width:clamp(130px,20vw,300px);aspect-ratio:1;opacity:.38;top:12px;left:12px}
.menu-art-right {left:auto;right:12px;transform:scaleX(-1);opacity:.3}
.menu-art-bottom {top:auto;bottom:14px;left:auto;right:14px;transform:rotate(180deg);opacity:.25}
.menu-art-coast {background-image:url('assets/menu-coastal-drawing.png');width:clamp(210px,29vw,430px);aspect-ratio:1.2;right:0;bottom:0;opacity:.25}
.essence > .menu-art-olive {opacity:.55;top:24px;width:clamp(130px,20vw,265px)}
.flavours > .menu-art-olive {width:clamp(125px,16vw,220px);opacity:.28}
.breakfast > .menu-art-olive {opacity:.3}
.bites > .menu-art-olive {opacity:.25}
.menu > .menu-art-olive,.pinchos > .menu-art-olive,.suggestion > .menu-art-olive {opacity:.17}
.menu-paper > .menu-art-olive {width:110px;right:15px;left:auto;top:15px;transform:scaleX(-1);opacity:.2;z-index:0}
.visit > .menu-art-coast {width:clamp(250px,36vw,540px);opacity:.23}
.visit > .menu-art-olive {opacity:.2;top:18px}
.section-heading::after,
.menu-top::after,
.gallery-top::after {
  content:'';display:block;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-top:28px;
}
.flavours .section-heading::after {margin-left:auto;margin-right:auto}
.menu-top,.gallery-top {position:relative}
.menu-top::after,.gallery-top::after {position:absolute;left:0;bottom:-22px}
.menu-item {border-bottom-color:#a4874550}
.menu-footnote {border-top-color:#a4874550}
.section-heading .eyebrow {color:#8f743a}
.pinchos-ticket {outline:1px solid #a4874570;outline-offset:-7px;border-radius:16px 2px 16px 2px}
footer {background-image:linear-gradient(rgba(10,36,27,.96),rgba(10,36,27,.96)),url('assets/menu-paper-texture.avif');background-size:auto,640px 640px;border-top:1px solid #a4874580}
@media(max-width:760px) {
  .menu-art-olive {width:120px;opacity:.16;top:9px;left:8px}
  .menu-art-right {left:auto;right:8px}
  .menu-art-bottom {left:auto;right:8px;top:auto;bottom:8px}
  .essence > .menu-art-olive {width:135px;opacity:.16;top:14px}
  .flavours > .menu-art-olive,.bites > .menu-art-olive,.breakfast > .menu-art-olive {width:110px;opacity:.14}
  .menu-art-coast {width:220px;opacity:.13}
  .visit > .menu-art-coast {width:250px;opacity:.13}
  .menu-paper > .menu-art-olive {width:74px;opacity:.15}
  .flavours .section-heading::after {margin-left:0}
}