.rs-head[data-astro-cid-aoremtdf] {
  padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(2rem, 4vw, 3rem);
  border-bottom: var(--line) solid var(--line-on-petrol);
}

.rs-head-grid[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: end;
}

h1[data-astro-cid-aoremtdf] {
  font-size: clamp(3.25rem, 8.4vw, 6rem);
  font-weight: 200;
  line-height: .98;
  letter-spacing: -.03em;
}

.rs-head-side[data-astro-cid-aoremtdf] {
  display: grid;
  gap: 1.5rem;
  justify-items: start;
}

.rs-head[data-astro-cid-aoremtdf] .lede[data-astro-cid-aoremtdf] {
  color: var(--on-petrol-soft);
  text-wrap: balance;
}

.rs-body[data-astro-cid-aoremtdf] {
  padding-block: clamp(2rem, 5vw, 4.5rem) clamp(4rem, 9vw, 8rem);
}

.rs-grid[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 25rem);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.cuadros[data-astro-cid-aoremtdf] {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--line) solid var(--line-on-mineral);
}

.cuadro[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 1fr);
  padding-block: 1.6rem;
  border-bottom: var(--line) solid var(--line-on-mineral);
  scroll-margin-top: 1rem;
}

.c-num[data-astro-cid-aoremtdf] {
  padding-top: .55rem;
  font-family: var(--font-display);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1;
  color: var(--gold-ink);
}

.c-top[data-astro-cid-aoremtdf] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.c-title[data-astro-cid-aoremtdf] {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 300;
  line-height: 1.2;
  outline: none;
}

.cuadro[data-astro-cid-aoremtdf][data-state="pending"] .c-title[data-astro-cid-aoremtdf], .cuadro[data-astro-cid-aoremtdf][data-state="pending"] .c-num[data-astro-cid-aoremtdf] {
  color: var(--ink-soft);
}

.t-short[data-astro-cid-aoremtdf], .cuadro[data-astro-cid-aoremtdf][data-state="done"] .t-full[data-astro-cid-aoremtdf] {
  display: none;
}

.cuadro[data-astro-cid-aoremtdf][data-state="done"] .t-short[data-astro-cid-aoremtdf] {
  display: inline;
}

.cuadro[data-astro-cid-aoremtdf][data-state="done"] .c-title[data-astro-cid-aoremtdf] {
  font-size: .75rem;
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.c-change[data-astro-cid-aoremtdf] {
  flex: none;
  padding: .35rem 0;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  font-size: .95rem;
  text-decoration: underline;
  text-decoration-thickness: var(--line);
  text-underline-offset: .22em;
  cursor: pointer;
}

.c-change[data-astro-cid-aoremtdf]:hover {
  color: var(--gold-ink);
}

.c-pie[data-astro-cid-aoremtdf] {
  margin-top: .4rem;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 300;
  line-height: 1.2;
}

.c-pie[data-astro-cid-aoremtdf] .pie-sub {
  display: block;
  margin-top: .3rem;
  font-family: var(--font-body);
  font-size: .95rem;
  color: var(--ink-soft);
}

.c-panel[data-astro-cid-aoremtdf] {
  margin-top: 1.5rem;
}

.cuadro[data-astro-cid-aoremtdf][data-state="active"] .c-panel[data-astro-cid-aoremtdf].is-exposing {
  animation: expose .42s var(--ease-out) both;
}

@keyframes expose {
  from {
    filter: brightness(1.9) contrast(.55) saturate(0);
    opacity: .35;
  }

  to {
    filter: none;
    opacity: 1;
  }
}

.status[data-astro-cid-aoremtdf] {
  margin: 0 0 1rem;
  color: var(--ink-soft);
}

.status[data-astro-cid-aoremtdf]:empty {
  display: none;
}

.status[data-astro-cid-aoremtdf] button {
  margin-left: .5rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  text-decoration: underline;
  text-decoration-thickness: var(--line);
  text-underline-offset: .22em;
  cursor: pointer;
}

.areas[data-astro-cid-aoremtdf] {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: var(--line) solid var(--line-on-mineral);
}

.area-opt[data-astro-cid-aoremtdf] {
  position: relative;
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  grid-template-areas: "plate name thumb"
                       "plate short thumb"
                       "plate next thumb";
  column-gap: 1.25rem;
  row-gap: .3rem;
  padding: .85rem .75rem .85rem 0;
  border-bottom: var(--line) solid var(--line-on-mineral);
  cursor: pointer;
  transition: background-color .22s var(--ease-out);
}

.area-opt[data-astro-cid-aoremtdf]:hover {
  background: #0a27300a;
}

.area-opt[data-astro-cid-aoremtdf]:has(input:focus-visible) {
  outline: 2px solid var(--gold-ink);
  outline-offset: 3px;
}

.area-opt[data-astro-cid-aoremtdf]:has(input:checked) {
  outline: var(--line) solid var(--gold-ink);
  outline-offset: calc(-1 * var(--line));
}

.area-opt[data-astro-cid-aoremtdf].is-empty {
  cursor: not-allowed;
}

.area-opt[data-astro-cid-aoremtdf].is-empty .area-name[data-astro-cid-aoremtdf], .area-opt[data-astro-cid-aoremtdf].is-empty .area-thumb[data-astro-cid-aoremtdf] {
  opacity: .55;
}

.area-plate[data-astro-cid-aoremtdf] {
  grid-area: plate;
  align-self: start;
  padding: .7rem 0 0 .75rem;
  color: var(--gold-ink);
}

.area-name[data-astro-cid-aoremtdf] {
  grid-area: name;
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.4vw, 3.5rem);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -.02em;
}

.area-short[data-astro-cid-aoremtdf] {
  grid-area: short;
  color: var(--ink-soft);
  max-width: 34em;
}

.area-next[data-astro-cid-aoremtdf] {
  grid-area: next;
  color: var(--gold-ink);
}

.area-thumb[data-astro-cid-aoremtdf] {
  grid-area: thumb;
  align-self: center;
  width: 4.5rem;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  filter: saturate(.7);
  transition: filter .38s var(--ease-out);
}

.area-opt[data-astro-cid-aoremtdf]:hover .area-thumb[data-astro-cid-aoremtdf], .area-opt[data-astro-cid-aoremtdf]:has(input:checked) .area-thumb[data-astro-cid-aoremtdf] {
  filter: none;
}

.area-thumb-mark[data-astro-cid-aoremtdf] {
  display: grid;
  place-items: center;
  padding: .6rem;
  background: var(--petrol-deep);
  color: var(--gold);
}

.days[data-astro-cid-aoremtdf] {
  display: grid;
  gap: .9rem;
}

.days[data-astro-cid-aoremtdf] .week {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

.days[data-astro-cid-aoremtdf] .week-label {
  padding-top: .6rem;
  color: var(--ink-soft);
}

.days[data-astro-cid-aoremtdf] .week-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: clamp(.25rem, .8vw, .5rem);
}

.days[data-astro-cid-aoremtdf] .day, .hours[data-astro-cid-aoremtdf] .slot {
  display: grid;
  align-content: start;
  gap: .25rem;
  min-height: 3rem;
  padding: .55rem .6rem .6rem;
  border: var(--line) solid var(--line-on-mineral);
  background: none;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color .22s var(--ease-out),
      border-color .22s var(--ease-out),
      color .22s var(--ease-out);
}

.days[data-astro-cid-aoremtdf] .day:hover:not(:disabled), .hours[data-astro-cid-aoremtdf] .slot:hover {
  border-color: var(--ink);
}

.days[data-astro-cid-aoremtdf] .day:disabled {
  cursor: default;
  color: #0a273052;
  border-color: #0000;
}

.days[data-astro-cid-aoremtdf] .day[aria-pressed="true"], .hours[data-astro-cid-aoremtdf] .slot[aria-pressed="true"] {
  border-color: var(--gold-ink);
  color: var(--ink);
}

.days[data-astro-cid-aoremtdf] .d-dow {
  color: inherit;
  opacity: .8;
}

.days[data-astro-cid-aoremtdf] .d-num {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 300;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.days[data-astro-cid-aoremtdf] .d-count {
  color: var(--gold-ink);
}

.days[data-astro-cid-aoremtdf] .d-unit-short {
  display: none;
}

.hours[data-astro-cid-aoremtdf] {
  display: grid;
  gap: 1.25rem;
}

.hours[data-astro-cid-aoremtdf] .shift {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.hours[data-astro-cid-aoremtdf] .shift-label {
  padding-top: .75rem;
  color: var(--ink-soft);
}

.hours[data-astro-cid-aoremtdf] .shift-slots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  gap: .5rem;
}

.hours[data-astro-cid-aoremtdf] .s-time {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 300;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.hours[data-astro-cid-aoremtdf] .s-who {
  color: var(--ink-soft);
}

.fields[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

.field[data-astro-cid-aoremtdf] {
  display: grid;
  gap: .45rem;
  align-content: start;
}

.field-wide[data-astro-cid-aoremtdf] {
  grid-column: 1 / -1;
}

.field[data-astro-cid-aoremtdf] label[data-astro-cid-aoremtdf].meta {
  color: var(--ink-soft);
}

.optional[data-astro-cid-aoremtdf] {
  text-transform: none;
  letter-spacing: 0;
}

.field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf][type="text"], .field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf][type="email"], .field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf][type="tel"], .field[data-astro-cid-aoremtdf] textarea[data-astro-cid-aoremtdf] {
  width: 100%;
  min-height: 3rem;
  padding: .7rem .85rem;
  border: var(--line) solid #0a273066;
  border-radius: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  transition: border-color .22s var(--ease-out),
      background-color .22s var(--ease-out);
}

.field[data-astro-cid-aoremtdf] textarea[data-astro-cid-aoremtdf] {
  resize: vertical;
  min-height: 6rem;
}

.field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf]:hover, .field[data-astro-cid-aoremtdf] textarea[data-astro-cid-aoremtdf]:hover {
  border-color: var(--ink);
}

.field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf]:focus-visible, .field[data-astro-cid-aoremtdf] textarea[data-astro-cid-aoremtdf]:focus-visible {
  outline: 2px solid var(--gold-ink);
  outline-offset: 2px;
  border-color: var(--ink);
}

.field[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf][aria-invalid="true"] {
  border-color: #9b2c1f;
}

[data-astro-cid-aoremtdf]::placeholder {
  color: #3c5a61bf;
}

.phone[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}

.phone-prefix[data-astro-cid-aoremtdf] {
  display: grid;
  place-items: center;
  padding-inline: .85rem;
  border: var(--line) solid #0a273066;
  border-right: 0;
  color: var(--ink-soft);
  font-variant-numeric: tabular-nums;
}

.field[data-astro-cid-aoremtdf]:has([aria-invalid="true"]) .field-hint[data-astro-cid-aoremtdf] {
  display: none;
}

.field-hint[data-astro-cid-aoremtdf] {
  font-size: .95rem;
  color: var(--ink-soft);
}

.field-error[data-astro-cid-aoremtdf], .form-error[data-astro-cid-aoremtdf] {
  font-size: .95rem;
  color: #9b2c1f;
}

.consent[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  cursor: pointer;
}

.consent[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf] {
  position: absolute;
  opacity: 0;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
}

.consent-box[data-astro-cid-aoremtdf] {
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-top: .1rem;
  border: var(--line) solid var(--ink);
  color: #0000;
  transition: background-color .22s var(--ease-out),
      color .22s var(--ease-out);
}

.consent-box[data-astro-cid-aoremtdf] svg {
  width: 1rem;
  height: 1rem;
}

.consent[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf]:checked + .consent-box[data-astro-cid-aoremtdf] {
  background: var(--petrol);
  border-color: var(--petrol);
  color: var(--gold);
}

.consent[data-astro-cid-aoremtdf] input[data-astro-cid-aoremtdf]:focus-visible + .consent-box[data-astro-cid-aoremtdf] {
  outline: 2px solid var(--gold-ink);
  outline-offset: 3px;
}

.review[data-astro-cid-aoremtdf] {
  display: grid;
  gap: 1.25rem;
  justify-items: start;
}

.review-list[data-astro-cid-aoremtdf] {
  width: 100%;
  margin: 0;
  border-top: var(--line) solid var(--line-on-mineral);
}

.review-list[data-astro-cid-aoremtdf] div {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 1rem;
  padding-block: .75rem;
  border-bottom: var(--line) solid var(--line-on-mineral);
}

.review-list[data-astro-cid-aoremtdf] dt {
  padding-top: .2rem;
  color: var(--ink-soft);
}

.review-list[data-astro-cid-aoremtdf] dd {
  margin: 0;
}

.btn[data-astro-cid-aoremtdf][disabled] {
  opacity: .6;
  cursor: progress;
}

.pie[data-astro-cid-aoremtdf] {
  position: sticky;
  top: 1.5rem;
  display: grid;
  gap: 1.25rem;
}

.pie-shot[data-astro-cid-aoremtdf] {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: var(--petrol-deep);
  background-image: linear-gradient(var(--line-on-petrol) var(--line), transparent var(--line)),
      linear-gradient(90deg, var(--line-on-petrol) var(--line), transparent var(--line));
  background-size: var(--cell) var(--cell);
  border: var(--line) solid var(--line-on-mineral);
}

.pie-shot[data-astro-cid-aoremtdf] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pie-shot[data-astro-cid-aoremtdf] img.is-exposing {
  animation: expose .6s var(--ease-out) both;
}

.pie-shot[data-astro-cid-aoremtdf] img[hidden], .pie-mark[data-astro-cid-aoremtdf][hidden] {
  display: none;
}

.pie-mark[data-astro-cid-aoremtdf] .logo, .area-thumb-mark[data-astro-cid-aoremtdf] .logo {
  width: 100%;
}

.pie-mark[data-astro-cid-aoremtdf] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22%;
  color: var(--gold);
}

.pie-frame[data-astro-cid-aoremtdf] figcaption[data-astro-cid-aoremtdf] {
  display: flex;
  gap: .75rem;
  margin-top: .6rem;
  color: var(--ink-soft);
}

.pie-plate[data-astro-cid-aoremtdf] {
  color: var(--gold-ink);
}

.pie-list[data-astro-cid-aoremtdf] {
  margin: 0;
  border-top: var(--line) solid var(--line-on-mineral);
}

.pie-list[data-astro-cid-aoremtdf] div[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: .75rem;
  padding-block: .65rem;
  border-bottom: var(--line) solid var(--line-on-mineral);
}

.pie-list[data-astro-cid-aoremtdf] dt[data-astro-cid-aoremtdf] {
  display: flex;
  gap: .6rem;
  padding-top: .2rem;
  color: var(--ink-soft);
}

.pie-n[data-astro-cid-aoremtdf] {
  width: 1.6rem;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--gold-ink);
}

.pie-list[data-astro-cid-aoremtdf] [data-astro-cid-aoremtdf][data-current] dt[data-astro-cid-aoremtdf] {
  color: var(--ink);
}

.pie-list[data-astro-cid-aoremtdf] dd[data-astro-cid-aoremtdf] {
  margin: 0;
}

.pie-city[data-astro-cid-aoremtdf] {
  display: block;
  color: var(--ink-soft);
}

.rs-done[data-astro-cid-aoremtdf] {
  padding-block: clamp(4rem, 9vw, 8rem);
  outline: none;
}

.done-grid[data-astro-cid-aoremtdf] {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: end;
}

.done-text[data-astro-cid-aoremtdf] {
  display: grid;
  gap: 1.25rem;
  justify-items: start;
}

#done-h[data-astro-cid-aoremtdf] {
  font-size: clamp(3.25rem, 8.4vw, 6rem);
  font-weight: 200;
  letter-spacing: -.03em;
  line-height: .98;
}

.done-when[data-astro-cid-aoremtdf] {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 300;
  line-height: 1.2;
  color: var(--gold);
}

.rs-done[data-astro-cid-aoremtdf] .lede[data-astro-cid-aoremtdf] {
  color: var(--on-petrol-soft);
}

.done-ref[data-astro-cid-aoremtdf] {
  color: var(--on-petrol-soft);
}

.done-actions[data-astro-cid-aoremtdf] {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .5rem;
}

.again[data-astro-cid-aoremtdf] {
  color: var(--on-petrol-soft);
}

.again[data-astro-cid-aoremtdf]:hover {
  color: var(--gold-soft);
}

.done-map[data-astro-cid-aoremtdf] {
  display: grid;
  gap: .4rem;
  padding-top: 1.5rem;
  border-top: var(--line) solid var(--line-on-petrol);
  text-decoration: none;
}

.done-street[data-astro-cid-aoremtdf] {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.4vw, 3.5rem);
  font-weight: 300;
  line-height: 1.05;
}

.done-city[data-astro-cid-aoremtdf] {
  color: var(--gold);
}

.done-map[data-astro-cid-aoremtdf] .meta[data-astro-cid-aoremtdf] {
  color: var(--on-petrol-soft);
  text-decoration: underline;
  text-decoration-thickness: var(--line);
  text-underline-offset: .3em;
}

@media (prefers-reduced-motion: reduce) {
  .cuadro[data-astro-cid-aoremtdf][data-state="active"] .c-panel[data-astro-cid-aoremtdf].is-exposing, .pie-shot[data-astro-cid-aoremtdf] img.is-exposing {
    animation: none;
  }
}

@media (width <= 64rem) {
  .rs-grid[data-astro-cid-aoremtdf] {
    grid-template-columns: minmax(0, 1fr);
  }

  .pie[data-astro-cid-aoremtdf] {
    display: none;
  }
}

@media (width <= 52rem) {
  .rs-head-grid[data-astro-cid-aoremtdf], .done-grid[data-astro-cid-aoremtdf] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cuadro[data-astro-cid-aoremtdf] {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .area-opt[data-astro-cid-aoremtdf] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "plate name thumb"
                         "short short thumb"
                         "next next thumb";
    column-gap: .75rem;
    padding-left: .75rem;
  }

  .area-plate[data-astro-cid-aoremtdf], .area-name[data-astro-cid-aoremtdf] {
    align-self: baseline;
  }

  .area-plate[data-astro-cid-aoremtdf] {
    padding: 0;
  }

  .days[data-astro-cid-aoremtdf] .week, .hours[data-astro-cid-aoremtdf] .shift {
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
  }

  .days[data-astro-cid-aoremtdf] .week-label, .hours[data-astro-cid-aoremtdf] .shift-label {
    padding-top: 0;
  }

  .days[data-astro-cid-aoremtdf] .day {
    padding: .45rem .25rem .5rem;
    justify-items: center;
    text-align: center;
  }

  .days[data-astro-cid-aoremtdf] .d-unit {
    display: none;
  }

  .days[data-astro-cid-aoremtdf] .d-unit-short {
    display: inline;
  }

  .fields[data-astro-cid-aoremtdf] {
    grid-template-columns: minmax(0, 1fr);
  }

  .review-list[data-astro-cid-aoremtdf] div {
    grid-template-columns: 5rem minmax(0, 1fr);
  }
}