/* GENERATED by tools/sync_site.py. Edit styles/*.css, not this file. */

/* Source: styles/base.css */
/* BURDEGA — cores e dimensões principais */
:root {
  --ink:#141412;
  --ink-soft:#20201d;
  --line:#3b3b33;
  --cream:#f8f2e3;
  --muted:#b3b2a6;
  --yellow:#f4bb10;
  --red:#d92c24;
  --sans:Inter,"Segoe UI",Arial,sans-serif;
  --display:"Inter Display",Inter,"Arial Black",Arial,sans-serif;
  --radius:18px
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:24px
}

body {
  margin:0;
  overflow-x:clip;
  background:var(--ink);
  color:var(--cream);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased
}

button,input,a {
  -webkit-tap-highlight-color:transparent
}

button,input {
  font:inherit
}

button,a {
  touch-action:manipulation
}

a {
  color:inherit;
  text-decoration:none
}

button {
  color:inherit
}

button:not(:disabled),a {
  cursor:pointer
}

button:disabled {
  cursor:default;
  opacity:.65
}

button {
  border:0
}

img,svg {
  display:block;
  max-width:100%
}

button:focus-visible,a:focus-visible,input:focus-visible {
  outline:3px solid var(--red);
  outline-offset:5px
}

.icon {
  width:24px;
  height:24px;
  flex-shrink:0
}

.container {
  width:min(1180px,calc(100% - 80px));
  margin-inline:auto
}

.topline {
  height:5px;
  background:linear-gradient(90deg,var(--yellow) 0 73%,var(--red) 73%)
}

.header {
  min-height:114px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}

.brand {
  display:flex;
  align-items:center;
  gap:10px
}

.brand-mark {
  width:52px;
  height:52px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:9px;
  background:#050505;
  flex-shrink:0
}

.brand-mark img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}

.brand-type {
  display:grid;
  gap:4px
}

.brand-type strong {
  font-family:var(--display);
  font-size:34px;
  letter-spacing:-2px;
  line-height:1.02;
  font-weight:900
}

.brand-type strong span {
  font-size:11px;
  vertical-align:super;
  letter-spacing:0;
  margin-left:3px
}

.brand-type small {
  font-size:8px;
  letter-spacing:2.15px;
  font-weight:700
}

.header-nav {
  display:flex;
  align-items:center;
  gap:25px
}

.header-place,.utility {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:500
}

.header-place {
  color:var(--muted)
}

.header-place .icon {
  width:16px;
  height:16px
}

.utility {
  background:none;
  padding:12px 0;
  transition:color .2s
}

.utility:hover {
  color:var(--yellow)
}

.utility .icon {
  width:17px;
  height:17px
}

.share-button {
  width:40px;
  height:40px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:transparent;
  transition:background .2s,transform .2s
}

.share-button:hover {
  background:var(--ink-soft);
  transform:rotate(-8deg)
}

.share-button .icon {
  width:17px;
  height:17px
}

.main {
  display:grid;
  grid-template-columns:1.06fr 1fr;
  gap:38px;
  align-items:stretch;
  padding:7px 0 38px
}

.poster {
  background:var(--cream);
  border-radius:22px;
  color:var(--ink);
  padding:28px 28px 0;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  isolation:isolate
}

.poster:after {
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.11' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
  opacity:.2;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:6
}

.poster-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}

.eyebrow {
  font-size:9px;
  letter-spacing:1.45px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px
}

.tiny-star {
  font-size:22px;
  line-height:1
}

.edition {
  font-size:9px;
  letter-spacing:1px;
  white-space:nowrap
}

.poster h1 {
  margin:30px 0 0;
  font-family:var(--display);
  font-size:58px;
  letter-spacing:-3.8px;
  line-height:.97;
  font-weight:950;
  position:relative;
  z-index:2
}

.poster h1>span {
  display:block;
  white-space:nowrap
}

.poster h1>span:first-child {
  font-size:1.3em;
  letter-spacing:-4px
}

.poster h1>span+span {
  margin-top:7px;
  font-size:.72em;
  letter-spacing:-2px
}

.poster h1 em {
  font-style:normal;
  position:relative
}

.poster h1 em:after {
  content:"";
  position:absolute;
  height:9px;
  background:var(--yellow);
  bottom:-4px;
  left:-2px;
  right:0;
  z-index:-1;
  transform:rotate(-2deg)
}

.poster-art {
  flex:1;
  position:relative;
  min-height:335px;
  isolation:isolate;
  margin:0 -25px
}

.sun-disc {
  position:absolute;
  left:22%;
  top:8%;
  width:56%;
  aspect-ratio:1;
  background:var(--yellow);
  border-radius:50%;
  z-index:-1
}

.sun-disc:after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px dashed #14141255;
  border-radius:50%
}

.burger-art {
  position:absolute;
  width:90%;
  height:auto;
  max-width:none;
  left:5%;
  top:6px;
  transform-origin:50% 70%;
  animation:appear .75s cubic-bezier(.2,.6,.25,1) both;
  transition:transform .4s
}

.poster:hover .burger-art {
  transform:rotate(-1.5deg) translateY(-3px)
}

.arc-label {
  position:absolute;
  left:30px;
  top:32px;
  font-weight:700;
  font-size:8px;
  letter-spacing:1.2px;
  transform:rotate(-16deg);
  z-index:2
}

.round-stamp {
  position:absolute;
  bottom:23px;
  left:23px;
  width:85px;
  height:85px;
  border:2px solid var(--ink);
  border-radius:50%;
  background:var(--cream);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  transform:rotate(-15deg);
  box-shadow:3px 3px 0 var(--ink);
  z-index:4
}

.round-stamp span,.round-stamp strong {
  font-size:7px;
  letter-spacing:.7px;
  font-weight:800
}

.round-stamp .icon {
  color:var(--red);
  width:22px;
  height:22px;
  fill:var(--red)
}

.poster-scribble {
  position:absolute;
  bottom:44px;
  right:20px;
  transform:rotate(-9deg);
  font-family:Georgia,serif;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  line-height:1.1;
  text-align:center;
  z-index:4
}

.scribble-arrow {
  position:absolute;
  bottom:72px;
  right:20px;
  width:53px;
  height:56px;
  transform:rotate(-30deg);
  z-index:4
}

.poster-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #14141233;
  padding:19px 0 21px;
  gap:8px;
  font-size:8px;
  letter-spacing:1px;
  font-weight:800;
  position:relative;
  z-index:3;
  margin-top:0
}

.poster-bottom>span:first-child {
  display:flex;
  align-items:center;
  gap:8px
}

.poster-bottom .icon {
  width:20px;
  height:20px
}

.links-panel {
  padding-top:8px;
  scroll-margin-top:18px
}

.panel-heading {
  padding-bottom:22px
}

.label-light {
  color:var(--yellow);
  font-size:9px;
  letter-spacing:2px
}

.status-dot {
  display:block;
  background:var(--yellow);
  width:5px;
  height:5px;
  border-radius:50%
}

.panel-heading h2 {
  font-family:var(--display);
  font-size:34px;
  letter-spacing:-1.3px;
  line-height:1.1;
  margin:12px 0 9px;
  font-weight:800
}

.panel-heading h2 span {
  white-space:nowrap
}

.panel-heading p {
  font-size:13px;
  color:var(--muted);
  margin:0;
  line-height:1.5
}

.action-card {
  border-radius:var(--radius);
  transition:transform .23s,background .23s,border-color .23s,box-shadow .23s;
  position:relative
}

.action-card:hover {
  transform:translateY(-3px)
}

.action-card:active {
  transform:translateY(0)
}

.action-menu {
  display:block;
  padding:22px 25px 19px;
  background:var(--yellow);
  color:var(--ink);
  overflow:hidden;
  border:1px solid var(--yellow)
}

.action-menu:hover {
  background:#ffcb32;
  box-shadow:0 8px 24px #0003
}

.card-top {
  display:flex;
  align-items:center;
  gap:11px
}

.card-icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex-shrink:0
}

.action-menu .card-icon {
  width:34px;
  height:32px
}

.action-menu .card-icon .icon {
  width:30px;
  height:30px
}

.mini-label {
  font-size:9px;
  font-weight:800;
  letter-spacing:1.2px
}

.card-arrow {
  width:21px;
  height:21px;
  transition:transform .2s
}

.card-top>.card-arrow {
  margin-left:auto
}

.action-card:hover .card-arrow {
  transform:translate(2px,-2px)
}

.action-menu h3 {
  margin:15px 0 20px;
  font-family:var(--display);
  font-weight:850;
  letter-spacing:-1.3px;
  font-size:33px;
  line-height:1.07
}

.card-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:13px;
  border-top:1px solid #14141233;
  font-size:11px;
  font-weight:600
}

.card-bottom .icon {
  width:19px;
  height:19px
}

.action-whatsapp {
  display:flex;
  gap:12px;
  align-items:center;
  padding:19px 20px;
  background:var(--cream);
  color:var(--ink);
  margin-top:12px;
  min-height:98px
}

.action-whatsapp:hover {
  background:#fffaf0
}

.action-whatsapp .card-icon {
  border-radius:50%;
  background:#e9e7d7;
  width:40px;
  height:40px
}

.action-whatsapp .card-icon .icon {
  width:23px;
  height:23px
}

.card-copy {
  flex:1
}

.card-copy h3 {
  font-size:16px;
  letter-spacing:-.45px;
  font-weight:800;
  margin:0 0 6px
}

.card-copy p {
  font-size:10.5px;
  line-height:1.5;
  margin:0;
  color:#5d5d52
}

.link-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px
}

.action-small {
  border:1px solid var(--line);
  padding:19px 20px;
  background:var(--ink-soft);
  min-height:134px
}

.action-small:hover {
  border-color:#7b7658;
  background:#272720
}

.small-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:17px
}

.small-top>.icon:first-child {
  color:var(--yellow);
  width:23px;
  height:23px
}

.small-top .card-arrow {
  color:var(--muted);
  width:18px;
  height:18px
}

.action-small h3 {
  font-size:13px;
  margin:0 0 7px;
  font-weight:700;
  letter-spacing:-.3px
}

.action-small p {
  font-size:10px;
  margin:0;
  color:var(--muted);
  line-height:1.5
}

.address-bar {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  color:var(--muted)
}

.address-bar>.icon {
  width:18px;
  height:18px;
  color:#d0ccbb
}

.address-bar p {
  font-size:10px;
  line-height:1.8;
  margin:0;
  flex:1
}

.address-bar strong {
  font-weight:500
}

.copy-address {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:transparent
}

.copy-address:hover {
  background:var(--ink-soft);
  color:var(--yellow)
}

.copy-address .icon {
  width:15px;
  height:15px
}

.ticker {
  overflow:hidden;
  width:100%;
  background:var(--red);
  color:var(--cream);
  padding:15px 0;
  transform:rotate(-1deg);
  margin:13px 0 0
}

.ticker-content {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:33px;
  width:max-content;
  min-width:100%;
  padding:0 24px;
  white-space:nowrap
}

.ticker span {
  font-size:13px;
  font-weight:850;
  letter-spacing:1px
}

.ticker b {
  font-size:22px;
  line-height:1;
  font-weight:400
}

.footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:39px;
  padding-bottom:32px
}

.footer-copy {
  display:grid;
  gap:8px
}

.footer-copy strong {
  font-size:11px;
  font-weight:600
}

.footer-copy>span {
  font-size:9px;
  color:var(--muted)
}

.footer-socials {
  display:flex;
  align-items:center;
  gap:22px
}

.footer-socials a {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:var(--muted);
  padding:12px 0
}

.footer-socials a:hover {
  color:var(--yellow)
}

.footer-socials .icon {
  width:16px;
  height:16px
}

.mobile-dock {
  display:none
}

.dialog {
  background:var(--cream);
  color:var(--ink);
  border:1px solid #14141255;
  border-radius:23px;
  max-width:min(450px,calc(100% - 32px));
  width:100%;
  padding:28px;
  box-shadow:0 30px 120px #0009
}

.dialog::backdrop {
  background:#090908bd;
  backdrop-filter:blur(5px)
}

.dialog-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:23px
}

.dialog-icon {
  width:47px;
  height:47px;
  border-radius:50%;
  background:var(--yellow);
  display:grid;
  place-items:center
}

.dialog-close {
  background:#eae4d6;
  border-radius:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center
}

.dialog-close:hover {
  background:#ded6c4
}

.dialog-close .icon {
  width:18px;
  height:18px
}

.dialog>.eyebrow {
  color:#68614b;
  font-size:8px
}

.dialog h2 {
  font-family:var(--display);
  font-size:34px;
  font-weight:850;
  letter-spacing:-1.4px;
  line-height:1.08;
  margin:14px 0 18px
}

.dialog p {
  font-size:13px;
  color:#4f4e46;
  line-height:1.7;
  margin:0 0 11px
}

.dialog p.muted {
  font-size:11px;
  color:#69675c
}

.dialog-cta {
  width:100%;
  background:var(--yellow);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:12px;
  padding:16px 12px;
  margin-top:22px;
  font-size:12px;
  font-weight:750;
  min-height:50px
}

.dialog-cta:hover {
  background:#ffcc30
}

.dialog-cta .icon {
  width:20px;
  height:20px
}

.dialog-cta>.icon:last-child {
  margin-left:auto
}

.dialog-cta>.icon:first-child {
  margin-right:auto
}

.dialog-secondary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  margin-top:20px;
  text-decoration:underline;
  text-underline-offset:4px
}

.dialog-secondary .icon {
  width:15px;
  height:15px
}

#share-url {
  width:100%;
  padding:14px;
  background:#fffaf0;
  color:var(--ink);
  border:1px solid #b7b2a3;
  border-radius:10px;
  font-size:12px;
  margin-top:13px
}

.schedule-list {
  margin:18px 0 0;
  padding:0;
  list-style:none
}

.schedule-list li {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #14141222;
  padding:12px 0;
  font-size:13px
}

.toast {
  position:fixed;
  left:50%;
  bottom:26px;
  transform:translate(-50%,20px);
  padding:13px 22px;
  background:var(--cream);
  color:var(--ink);
  box-shadow:0 6px 40px #0005;
  border:1px solid #14141222;
  border-radius:40px;
  font-size:12px;
  font-weight:650;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s,transform .2s,visibility .2s;
  z-index:50;
  max-width:calc(100% - 30px);
  text-align:center;
  pointer-events:none
}

.toast.is-visible {
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0)
}

.skip-link {
  position:fixed;
  top:10px;
  left:10px;
  padding:12px;
  background:var(--yellow);
  color:var(--ink);
  z-index:100;
  transform:translateY(-200%);
  font-size:13px
}

.skip-link:focus {
  transform:translateY(0)
}

.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
}

.noscript {
  padding:18px;
  color:var(--muted);
  font-size:12px;
  text-align:center
}

@keyframes appear {
  from {
    opacity:0;
    transform:translateY(13px) rotate(2deg)
  }

  to {
    opacity:1;
    transform:translateY(0)
  }

}

@media(min-width:1350px) {
  .poster h1 {
    font-size:64px
  }

  .poster-art {
    min-height:369px
  }

  .burger-art {
    top:4px
  }

  .poster h1>span+span {
    font-size:.71em
  }

  .poster-scribble {
    bottom:54px
  }

  .scribble-arrow {
    bottom:84px
  }

}

@media(max-width:1099px) and (min-width:761px) {
  .container {
    width:calc(100% - 48px)
  }

  .main {
    gap:23px;
    grid-template-columns:1fr 1fr
  }

  .poster {
    padding:23px 21px 0
  }

  .poster h1 {
    font-size:46px;
    letter-spacing:-2px
  }

  .poster h1>span:first-child {
    letter-spacing:-3px
  }

  .poster h1>span+span {
    letter-spacing:-1.5px;
    font-size:.71em
  }

  .poster-art {
    min-height:325px;
    margin-inline:-20px
  }

  .burger-art {
    top:40px
  }

  .sun-disc {
    top:25%
  }

  .poster-top .eyebrow {
    font-size:7px;
    letter-spacing:.8px
  }

  .edition {
    font-size:7px
  }

  .poster-bottom {
    font-size:6.5px
  }

  .poster-bottom .icon {
    width:16px
  }

  .arc-label {
    top:70px;
    left:20px;
    font-size:7px
  }

  .round-stamp {
    width:68px;
    height:68px;
    left:22px;
    bottom:45px
  }

  .round-stamp span,.round-stamp strong {
    font-size:5.5px
  }

  .round-stamp .icon {
    width:18px;
    height:18px
  }

  .poster-scribble {
    font-size:13px;
    right:12px;
    bottom:46px
  }

  .scribble-arrow {
    width:42px;
    height:46px;
    right:13px;
    bottom:65px
  }

  .panel-heading h2 {
    font-size:27px
  }

  .panel-heading p {
    font-size:12px
  }

  .action-menu {
    padding:20px
  }

  .action-menu h3 {
    font-size:29px
  }

  .action-whatsapp {
    padding:16px 14px;
    gap:8px
  }

  .card-copy h3 {
    font-size:14px
  }

  .card-copy p {
    font-size:9px
  }

  .card-bottom {
    font-size:9px
  }

  .action-small {
    padding:17px 14px
  }

  .action-small h3 {
    font-size:12px
  }

  .action-small p {
    font-size:9px
  }

  .header-nav {
    gap:17px
  }

  .header-place {
    font-size:10px
  }

  .address-bar p {
    font-size:9px
  }

}

@media(max-width:760px) {
  .container {
    width:min(500px,calc(100% - 36px))
  }

  .topline {
    height:4px
  }

  .header {
    min-height:91px;
    gap:10px
  }

  .brand-mark {
    width:43px;
    height:43px;
    border-radius:8px
  }

  .brand-type strong {
    font-size:28px;
    letter-spacing:-1.5px
  }

  .brand-type small {
    font-size:6.3px;
    letter-spacing:1.6px
  }

  .brand {
    gap:8px
  }

  .brand-type strong span {
    font-size:9px
  }

  .header-nav {
    gap:15px
  }

  .header-place {
    display:none
  }

  .utility {
    font-size:11px;
    gap:5px
  }

  .utility .icon {
    width:15px;
    height:15px
  }

  .share-button {
    width:35px;
    height:35px
  }

  .share-button .icon {
    width:15px;
    height:15px
  }

  .main {
    grid-template-columns:1fr;
    gap:25px;
    padding:0 0 25px
  }

  .poster {
    padding:22px 22px 0;
    border-radius:20px;
    min-height:420px
  }

  .poster h1 {
    font-size:53px;
    letter-spacing:-3px;
    margin-top:21px
  }

  .poster h1>span:first-child {
    font-size:1.22em;
    letter-spacing:-3px
  }

  .poster h1>span+span {
    font-size:.70em;
    letter-spacing:-1.7px;
    margin-top:6px
  }

  .eyebrow {
    font-size:7.2px;
    letter-spacing:.9px
  }

  .edition {
    font-size:7px
  }

  .tiny-star {
    font-size:19px
  }

  .poster-art {
    min-height:227px;
    margin-inline:-18px
  }

  .burger-art {
    width:86%;
    left:8%;
    top:-10px
  }

  .sun-disc {
    width:53%;
    left:24%;
    top:7%
  }

  .arc-label {
    font-size:6.5px;
    top:22px;
    left:17px;
    letter-spacing:.7px
  }

  .round-stamp {
    height:61px;
    width:61px;
    left:17px;
    bottom:18px;
    gap:5px;
    box-shadow:2px 2px 0 var(--ink);
    border-width:1.5px
  }

  .round-stamp span,.round-stamp strong {
    font-size:5.3px;
    letter-spacing:.2px
  }

  .round-stamp .icon {
    height:17px;
    width:17px
  }

  .poster-scribble {
    font-size:12px;
    right:11px;
    bottom:24px
  }

  .scribble-arrow {
    width:38px;
    height:38px;
    right:17px;
    bottom:49px
  }

  .poster-bottom {
    font-size:6.7px;
    letter-spacing:.6px;
    padding:13px 0 15px;
    gap:6px
  }

  .poster-bottom .icon {
    width:16px;
    height:16px
  }

  .poster-bottom>span:first-child {
    gap:5px
  }

  .links-panel {
    padding-top:0
  }

  .panel-heading {
    padding:0 0 17px
  }

  .label-light {
    font-size:8px;
    letter-spacing:1.5px
  }

  .panel-heading h2 {
    font-size:28px;
    margin:9px 0 7px;
    letter-spacing:-1px
  }

  .panel-heading p {
    font-size:12px
  }

  .action-menu {
    padding:19px 21px 17px
  }

  .action-menu h3 {
    font-size:30px;
    letter-spacing:-.9px;
    margin:13px 0 19px
  }

  .card-top .mini-label {
    font-size:8px
  }

  .card-top .card-icon .icon {
    width:27px;
    height:27px
  }

  .card-bottom {
    font-size:10px;
    padding-top:12px
  }

  .action-whatsapp {
    padding:19px 17px;
    gap:10px;
    min-height:96px
  }

  .card-copy h3 {
    font-size:15px
  }

  .card-copy p {
    font-size:9.5px
  }

  .card-arrow {
    width:19px;
    height:19px
  }

  .action-small {
    padding:18px 17px;
    min-height:126px
  }

  .action-small h3 {
    font-size:12px
  }

  .action-small p {
    font-size:9px
  }

  .small-top {
    margin-bottom:16px
  }

  .address-bar {
    gap:9px;
    margin-top:16px
  }

  .address-bar p {
    font-size:9px
  }

  .ticker {
    margin:8px 0 0;
    padding:12px 0;
    transform:rotate(-1.7deg)
  }

  .ticker-content {
    gap:23px;
    justify-content:flex-start
  }

  .ticker span {
    font-size:11px
  }

  .ticker b {
    font-size:18px
  }

  .footer {
    align-items:flex-start;
    padding-top:30px;
    padding-bottom:107px;
    gap:15px
  }

  .footer-copy strong {
    font-size:9px;
    max-width:175px;
    line-height:1.5
  }

  .footer-copy>span {
    font-size:8px;
    line-height:1.5
  }

  .footer-socials {
    gap:15px;
    padding-top:0
  }

  .footer-socials a {
    padding-top:4px
  }

  .footer-socials a span {
    display:none
  }

  .footer-socials .icon {
    width:19px;
    height:19px
  }

  .mobile-dock {
    display:block;
    position:fixed;
    z-index:20;
    bottom:0;
    left:0;
    right:0;
    padding:12px max(18px,calc((100% - 500px)/2)) calc(12px + env(safe-area-inset-bottom));
    background:#141412e8;
    backdrop-filter:blur(12px);
    border-top:1px solid #f8f2e317;
    transform:translateY(110%);
    transition:transform .25s;
    visibility:hidden
  }

  .mobile-dock.is-visible {
    transform:translateY(0);
    visibility:visible
  }

  .mobile-dock a {
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:13px;
    background:var(--yellow);
    color:var(--ink);
    font-size:14px;
    font-weight:800;
    max-width:500px;
    margin:auto
  }

  .mobile-dock .icon {
    width:20px;
    height:20px
  }

  .mobile-dock .icon:last-child {
    position:absolute;
    right:calc(max(18px,(100% - 500px)/2) + 18px)
  }

  .toast {
    bottom:89px;
    font-size:11px;
    padding:13px 18px
  }

  .dialog {
    padding:24px
  }

  .dialog h2 {
    font-size:31px
  }

}

@media(min-width:460px) and (max-width:760px) {
  .poster {
    min-height:510px
  }

  .poster h1 {
    font-size:65px
  }

  .poster-art {
    min-height:290px
  }

  .burger-art {
    top:-2px
  }

  .sun-disc {
    top:15%
  }

  .arc-label {
    font-size:7px;
    top:43px
  }

  .round-stamp {
    width:76px;
    height:76px;
    left:24px;
    bottom:25px
  }

  .round-stamp span,.round-stamp strong {
    font-size:6px
  }

  .poster-scribble {
    font-size:15px;
    bottom:35px;
    right:12px
  }

  .scribble-arrow {
    bottom:70px
  }

}

@media(max-width:359px) {
  .container {
    width:calc(100% - 28px)
  }

  .brand-type strong {
    font-size:25px
  }

  .brand-type small {
    font-size:5.5px;
    letter-spacing:1.2px
  }

  .brand-mark {
    width:37px;
    height:37px
  }

  .header-nav {
    gap:10px
  }

  .utility span {
    display:none
  }

  .utility {
    padding:9px
  }

  .header {
    min-height:83px
  }

  .poster {
    padding:18px 16px 0;
    min-height:368px
  }

  .poster h1 {
    font-size:45px;
    margin-top:19px
  }

  .poster h1>span:first-child {
    letter-spacing:-2.4px
  }

  .poster h1>span+span {
    font-size:.67em;
    letter-spacing:-1.2px
  }

  .poster-top .eyebrow {
    font-size:6px;
    letter-spacing:.7px
  }

  .edition {
    font-size:6px
  }

  .poster-art {
    min-height:205px;
    margin-inline:-13px
  }

  .burger-art {
    top:0px;
    width:92%;
    left:4%
  }

  .round-stamp {
    bottom:20px;
    left:12px;
    width:54px;
    height:54px;
    gap:4px
  }

  .round-stamp span,.round-stamp strong {
    font-size:4.5px
  }

  .poster-scribble {
    right:6px;
    bottom:26px;
    font-size:10px
  }

  .arc-label {
    top:22px;
    left:13px;
    font-size:5.5px
  }

  .scribble-arrow {
    right:9px;
    bottom:40px;
    width:31px
  }

  .poster-bottom {
    font-size:5.5px;
    letter-spacing:.4px
  }

  .panel-heading h2 {
    font-size:25px
  }

  .action-menu {
    padding:18px
  }

  .action-menu h3 {
    font-size:27px
  }

  .card-bottom {
    font-size:8.5px
  }

  .action-whatsapp {
    padding:17px 13px;
    gap:8px
  }

  .card-copy h3 {
    font-size:13px
  }

  .card-copy p {
    font-size:8px
  }

  .action-whatsapp .card-icon {
    width:34px;
    height:34px
  }

  .action-small {
    padding:16px 13px;
    min-height:120px
  }

  .action-small h3 {
    font-size:10.8px
  }

  .action-small p {
    font-size:8px
  }

  .address-bar p {
    font-size:8px
  }

  .poster h1>span+span {
    margin-top:8px
  }

}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }

  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }

  .poster:hover .burger-art,.action-card:hover {
    transform:none
  }

}

[hidden] {
  display:none!important
}

/* Keep the title within its card at every viewport and fallback font size. */
@supports(font-size:1cqw) {
  .poster {
    container-type:inline-size
  }

  .poster h1>span:first-child {
    font-size:min(20cqw,84px);
    letter-spacing:-.055em
  }

  .poster h1>span+span {
    font-size:min(11.5cqw,46px);
    letter-spacing:-.05em
  }

  .poster h1 em {
    margin-left:.10em
  }

}

/* The tilted decorative ribbon is clipped inside its own wrapper. */
.ticker-wrap {
  overflow:hidden;
  padding-block:14px;
  margin-top:-1px
}

.ticker {
  margin-top:0
}

.footer {
  padding-top:25px
}

/* Source: styles/appearance.css */
/* System appearance only. Keep the existing artwork and brand colors fixed;
   never invert --ink/--cream, since they also paint the poster and buttons. */
:root {
  color-scheme: dark;
  color-scheme: only dark;
  background: var(--ink);
}
/* These original light surfaces stay light within the dark page. */
.poster, .action-menu, .action-whatsapp, .dialog, .toast, .mobile-dock a {
  color-scheme: light;
  color-scheme: only light;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    color-scheme: only light;
    background: #fffaf0;
    --line: #d6d0c2;
    --muted: #5d5d52;
  }
  body {
    background: #fffaf0;
    color: var(--ink);
  }
  .share-button:hover, .copy-address:hover {
    background: var(--cream);
  }
  .utility:hover, .copy-address:hover, .footer-socials a:hover,
  .label-light, .small-top > .icon:first-child {
    color: var(--red);
  }
  .action-small {
    background: var(--cream);
  }
  .action-small:hover {
    background: #efe8d7;
  }
  .address-bar > .icon {
    color: var(--muted);
  }
  .mobile-dock {
    background: #fffaf0e8;
    border-top-color: #14141222;
  }
}

/* Approved transparent symbol; wordmark and responsive dimensions are unchanged. */
.brand-mark.brand-mark--transparent { background: transparent; border-radius: 0; }
.brand-mark--transparent .logo-fallback { object-fit: contain; }

/* Source: styles/burger.css */
/* Only the existing burger area: same photo, a larger fit and a gentle tilt. */
.poster-art--photo .sun-disc {
  background: var(--red);
  top: 7%;
  left: 50%;
  width: auto;
  height: 92%;
  transform: translateX(-50%);
}
.poster-art--photo .burger-art {
  top: 0;
  left: 3%;
  width: 94%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 50%;
  transform: rotate(-10deg);
  animation: none;
  filter: drop-shadow(0 9px 7px #14141226);
  z-index: 1;
}
.poster:hover .poster-art--photo .burger-art {
  transform: rotate(-11.5deg) translateY(-3px);
}
.burger-accents {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--ink);
  pointer-events: none;
  z-index: 0;
}
.burger-accents .spark { fill: var(--red); }
@media (min-width: 761px) and (max-width: 1099px) {
  .poster-art--photo .burger-art { left: 11%; width: 78%; top: 6%; height: 88%; }
  .poster-art--photo .sun-disc { top: 12%; height: 76%; }
}
@media (prefers-reduced-motion: reduce) {
  .poster:hover .poster-art--photo .burger-art { transform: rotate(-10deg); }
}

/* Applied only once the existing interaction enhancement is ready. */
.poster .poster-art--photo .burger-art.burger-interactive {
  filter: drop-shadow(0 0 7px #1414122e) drop-shadow(0 9px 7px #14141226);
  transform: rotate(-10deg);
  transition: none;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.poster .poster-art--photo .burger-art.burger-interactive:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 4px;
}

.burger-art.burger-is-animating { will-change: transform; }
.poster .poster-art--photo .burger-art.burger-interactive[aria-disabled="true"] { cursor: default; }

/* Source: styles/icons.css */
/* Decorative icons use the existing typography scale and inherited colors. */
.tiny-star, .ticker-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  letter-spacing: 0;
}
.tiny-star > svg, .ticker-symbol > svg {
  width: 100%;
  height: 100%;
}

/* Source: styles/location.css */
/* Replace the old address row with one map card. Preserve the hero's first-row
   height on desktop by retaining only the old address row's occupied space. */
.location-card {
  grid-column: 2;
  min-width: 0;
  margin-top: -76px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--ink-soft);
  color: var(--cream);
  box-shadow: 0 8px 24px #00000014;
}
.location-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}
.location-card-copy { min-width: 0; }
.location-card h2 {
  margin: 0 0 7px;
  font-family: var(--display);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.5px;
}
.location-card-copy p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.location-card-copy strong { font-weight: 500; }
.location-card .copy-address {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--ink);
  color: var(--yellow);
  transition: background .2s, color .2s;
}
.location-card .copy-address .icon { width: 19px; height: 19px; }
.location-card .copy-address:hover { background: var(--yellow); color: var(--ink); }
.location-card-frame {
  display: block;
  width: 100%;
  height: 250px;
  border: 0;
  background: #f0eee8;
  color-scheme: light;
  color-scheme: only light;
}
.location-card-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 12px 18px;
  border-top: 1px solid var(--line);
  color: var(--yellow);
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}
.location-card-open .icon { width: 15px; height: 15px; }
.location-card-open:hover { background: var(--ink); }
.location-card-open:focus-visible { outline-offset: -4px; }
@media (min-width: 761px) {
  .main--location > .links-panel { padding-bottom: 56px; }
}
@media (min-width: 761px) and (max-width: 1099px) {
  .location-card { margin-top: -61px; }
}
@media (max-width: 760px) {
  .location-card { grid-column: 1; margin-top: -9px; }
  .location-card-heading { padding: 16px; gap: 12px; }
  .location-card-frame { height: 230px; }
  .location-card-open { padding-inline: 16px; }
}
@media (prefers-color-scheme: light) {
  .location-card { background: var(--cream); color: var(--ink); box-shadow: 0 6px 20px #1414120a; }
  .location-card .copy-address { background: #fffaf0; color: var(--ink); }
  .location-card .copy-address:hover { background: var(--yellow); }
  .location-card-open { color: var(--red); }
  .location-card-open:hover { background: #efe8d7; }
}

/* Source: styles/ticker.css */
/* Activated only by the ribbon enhancement; the no-JS ribbon is unchanged. */
.ticker.ticker--enhanced {
  /* One alpha pixel smooths the slanted edges without blurring text or SVGs. */
  background: linear-gradient(to bottom, transparent 0, var(--red) 1px, var(--red) calc(100% - 1px), transparent 100%);
  outline-offset: -5px;
  overflow-x: hidden;
  scrollbar-width: none;
  cursor: pointer;
}
.ticker--enhanced .ticker-track {
  display: flex;
  width: max-content;
  max-width: none;
  /* Never promote the entire repeated strip to a large mobile texture. */
  will-change: auto;
}
.ticker--enhanced .ticker-content {
  flex: 0 0 auto;
  min-width: 0;
  justify-content: flex-start;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding-inline: var(--ticker-half-gap, 0px);
  will-change: auto;
}
.ticker--enhanced .ticker-group--animated { will-change: transform; }
.ticker.ticker--manual { overflow-x: auto; cursor: auto; }