@font-face {
  font-family: Outfit; src: url('/design/venue/assets/outfit-extra-bold.ttf') format('truetype');
  font-style: normal; font-weight: 800; font-display: swap;
}
@font-face {
  font-family: Outfit; src: url('/design/venue/assets/outfit-bold.ttf') format('truetype');
  font-style: normal; font-weight: 700; font-display: swap;
}
/* Extend the locked white finder panel with a second native control. */
.finder.day-picker { grid-template-columns: .92fr 1fr 1.05fr auto; }
.day-picker label { min-width: 0; }
.day-picker select { text-overflow: ellipsis; }
.day-guide { background: var(--sand, #f5f3ed); }
.day-banner { display: grid; grid-template-columns: 1.15fr 1fr; background: #143e50; color: white; }
.banner-copy { padding: 28px 36px 58px max(var(--gutter), calc((100vw - 1216px)/2)); }
.banner-copy nav { font-size: 14px; margin-bottom: 26px; color: #c2e8e3; }
.banner-copy h1 { font-size: clamp(56px, 6vw, 92px); line-height: .98; letter-spacing: -.035em; }
.banner-copy h1 span { color: #ff8069; }
.banner-copy p { margin-top: 13px; font-size: 19px; }
.banner-picture { position: relative; clip-path: polygon(7% 0,100% 0,100% 100%,0 100%); overflow: hidden; }
.banner-picture img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 64% 52%; }
.banner-picture span { position: absolute; bottom: 38px; right: var(--gutter); background: #103343; color: white; border-radius: 4px; padding: 5px 9px; font-size: 12px; }
.day-results { max-width: 1344px; margin: auto; padding: 56px max(32px, 4vw) 80px; }
.result-heading { display: flex; justify-content: space-between; align-items: end; gap: 16px; }
.day-kicker, .detail-tag { color: #126f73; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.day-guide h2 { font-size: clamp(36px,4vw,57px); letter-spacing: -.032em; line-height: 1.05; margin-top: 9px; }
.day-guide h2 span { color: #167c80; }
.result-count { border: 1px solid #bfcec9; border-radius: 30px; padding: 6px 14px; white-space: nowrap; font-size: 14px; }
.result-context { margin-top: 14px; color: #455f68; }
.match-list { display: grid; gap: 20px; margin-top: 24px; }
.day-match { border-radius: 14px; overflow: hidden; background: white; display: grid; grid-template-columns: 1.2fr 1fr; border: 1px solid #d7dfde; }
.match-story,.match-detail,.day-empty { padding: clamp(22px,3vw,42px); }
.day-match h3,.day-empty h3 { font-size: clamp(27px,2.7vw,40px); letter-spacing: -.025em; line-height: 1.1; margin: 12px 0; }
.day-match h3 a:hover { text-decoration: underline; }
.day-match p:not(.day-kicker),.day-empty p,.result-context { line-height: 1.55; }
.match-story .button,.empty-actions { margin-top: 22px; }
.match-detail { background: #e4efe9; }
.match-detail h4 { display: flex; align-items: center; gap: 9px; font-size: 20px; line-height: 1.15; margin: 0 0 8px; }
.match-detail p+h4,.detail-tag+h4 { margin-top: 20px; }
.match-detail p+p { margin-top: 7px; }
.match-detail svg { width: 24px; height: 24px; fill: none; stroke: #126f73; stroke-width: 2; }
.day-empty { margin-top: 24px; background: white; border: 1px solid #d7dfde; border-radius: 14px; }
.empty-actions { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.day-inline { text-decoration: underline; text-underline-offset: .2em; color: #126f73; }
@media(max-width:1050px) and (min-width:701px) {
  .day-picker .finder-intro { display: none; }
  .finder.day-picker { grid-template-columns: 1fr 1fr auto; }
  .day-picker label:first-of-type { border: 0; padding-left: 0; }
}
@media(max-width:700px) {
  .day-banner { grid-template-columns: 1fr; }
  .banner-copy { padding: 24px var(--gutter) 30px; }
  .banner-copy nav { margin-bottom: 18px; }
  .banner-picture { display: none; }
  .day-guide .day-picker .finder-intro { display: none; }
  .day-guide .day-picker label:first-of-type { border: 0; padding-top: 0; }
  .day-results { padding: 32px var(--gutter) 48px; }
  .result-heading { align-items: start; flex-wrap: wrap; }
  .day-match { grid-template-columns: 1fr; }
}

.day-guide h1,.day-guide h2,.day-match h3,.day-empty h3 { font-weight: 800; }
.match-detail h4 { font-weight: 700; }
.result-tools { display: flex; gap: 14px; align-items: center; }
.result-tools .day-inline { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
#choose, #results, .finder-wrap#finder { scroll-margin-top: 16px; }