@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --ink: #201713 !important;
  --muted: #70635c !important;
  --brand: #c84b2f !important;
  --brand-2: #f0a33a !important;
  --gold: #d9ad5d !important;
  --bg: #f5efe4 !important;
  --card: #fffdf8 !important;
  --line: rgba(32, 23, 19, .13) !important;
  --green: #506a4b !important;
  --surface: #fffdf8 !important;
  --sans: "DM Sans", system-ui, sans-serif !important;
}

html { scroll-behavior: smooth; }
body {
  margin: 0 !important;
  overflow-x: hidden;
  background: #f5efe4 !important;
  color: #201713 !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 16px;
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, p, li, td, th, .sub { overflow-wrap: anywhere; }
h1, h2, h3, h4, .price, .stat b, .hero-stats b, .hstats b {
  font-family: "Manrope", "DM Sans", system-ui, sans-serif !important;
  letter-spacing: -.035em !important;
}
h1 { font-weight: 800 !important; }
h2, h3, h4 { font-weight: 700 !important; }
a { text-underline-offset: 3px; }

.deal-nav {
  position: sticky;
  z-index: 50;
  top: 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(22,14,11,.96);
  color: #fff;
  backdrop-filter: blur(14px);
}
.deal-nav-inner {
  display: flex;
  width: min(1120px, calc(100% - 40px));
  min-height: 66px;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.deal-brand { display: flex; align-items: center; gap: 11px; color: #fff !important; font-weight: 800; text-decoration: none; }
.deal-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; color: #f0a33a; font-size: .75rem; }
.deal-back { color: rgba(255,255,255,.72) !important; font-size: .78rem; font-weight: 700; text-decoration: none; }
.deal-back:hover { color: #f0a33a !important; }

.wrap { width: min(1120px, calc(100% - 40px)) !important; max-width: none !important; padding-inline: 0 !important; }
.page {
  width: min(1040px, calc(100% - 40px));
  max-width: none !important;
  margin: 34px auto 70px !important;
  padding: clamp(34px, 6vw, 72px) !important;
  border: 1px solid rgba(32,23,19,.1);
  border-radius: 22px;
  background: #fffdf8 !important;
  box-shadow: 0 24px 70px rgba(29,15,10,.11) !important;
}

header.hero, body > header {
  position: relative;
  overflow: hidden;
  padding: clamp(74px, 10vw, 120px) 0 clamp(58px, 8vw, 90px) !important;
  background: linear-gradient(90deg, rgba(22,14,11,.97), rgba(22,14,11,.52)), url('images/bar.jpg') center/cover no-repeat !important;
  color: #fff !important;
}
header.hero::after, body > header::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -230px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(240,163,58,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(240,163,58,.03);
  pointer-events: none;
}
header h1, header.hero h1 {
  max-width: 850px;
  margin-bottom: 14px !important;
  color: #fff !important;
  font-size: clamp(2.65rem, 7vw, 5.6rem) !important;
  line-height: .98 !important;
  text-shadow: none !important;
}
header p, header .hero-sub, header .addr { max-width: 760px !important; color: rgba(255,255,255,.74) !important; font-size: clamp(1rem, 1.8vw, 1.15rem) !important; }
.badge, header .kicker, .tag {
  display: inline-flex !important;
  margin-bottom: 20px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(240,163,58,.42) !important;
  border-radius: 999px !important;
  background: rgba(240,163,58,.1) !important;
  color: #f0a33a !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}
.hero-stats, .hstats { gap: 10px !important; }
.hero-stats .s, .hstats > div {
  min-width: 150px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background: rgba(22,14,11,.5);
  backdrop-filter: blur(10px);
}
.hero-stats .s b, .hstats b { color: #f0a33a !important; font-size: 1.45rem !important; }

.pricestrip { padding: 24px 0 !important; background: #160e0b !important; }
.pricestrip .ask b { color: #f0a33a !important; font-size: 2rem !important; }
.btn {
  min-height: 48px;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: #c84b2f !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
}
.btn:hover { background: #ad3922 !important; }

section { padding: clamp(64px, 8vw, 100px) 0 !important; }
section h2, .page h2 {
  margin-top: 42px !important;
  margin-bottom: 16px !important;
  color: #201713 !important;
  font-size: clamp(1.7rem, 4vw, 2.65rem) !important;
  line-height: 1.08 !important;
  text-transform: none !important;
  border-bottom: 0 !important;
}
section h2::after, .page h2::after { content: ""; display: block; width: 42px; height: 3px; margin-top: 12px; border-radius: 2px; background: #f0a33a; }
.lead { max-width: 760px !important; color: #62554f !important; font-size: 1.04rem !important; }
.grid { gap: 18px !important; }
.card, .stat, .q, .box, .note, .reason, .party {
  border: 1px solid rgba(32,23,19,.11) !important;
  border-left: 1px solid rgba(32,23,19,.11) !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
  box-shadow: 0 10px 30px rgba(29,15,10,.05) !important;
}
.card { padding: 26px !important; }
.card h3 { color: #201713 !important; }
.stat b { color: #c84b2f !important; }
.note, .box, .reason, .party { padding: 18px 20px !important; }
.note, .box { border-left: 4px solid #f0a33a !important; }
.reason, .green { border-left: 4px solid #506a4b !important; }
.q { padding: 22px !important; border-top: 3px solid #f0a33a !important; }
.q blockquote { font-size: 1rem !important; line-height: 1.55; }
.pill { border: 1px solid rgba(200,75,47,.15); background: #f8e9df !important; color: #87402f !important; font-weight: 600; }

table { display: table; width: 100%; overflow: hidden; border: 1px solid rgba(32,23,19,.11) !important; border-radius: 14px !important; background: #fffdf8 !important; font-family: "DM Sans", sans-serif !important; font-size: .9rem !important; }
th { background: #f2e9dc !important; color: #5f4e45 !important; }
th, td { padding: 12px 14px !important; border-bottom-color: rgba(32,23,19,.09) !important; }
.two { gap: 24px !important; }
.pband { gap: 10px !important; margin: 26px 0 34px !important; }
.pband img { height: 160px !important; border: 0 !important; border-radius: 12px !important; }
.price { color: #c84b2f !important; font-size: 2.75rem !important; }
.fill { border-bottom-color: #8f8279 !important; }

.contact { padding: 50px !important; border-radius: 22px !important; background: #160e0b !important; }
.contact h2 { color: #fff !important; }
.contact a { color: #f0a33a !important; }
footer { padding: 36px 20px !important; background: #160e0b; color: rgba(255,255,255,.56) !important; }
footer a { color: #f0a33a !important; }

@media (max-width: 760px) {
  .deal-nav-inner, .wrap { width: min(100% - 28px, 1120px) !important; }
  .deal-brand { font-size: .84rem; }
  .deal-back { display: none; }
  .page { width: calc(100% - 20px); margin: 10px auto 30px !important; padding: 26px 20px !important; border-radius: 15px; }
  header.hero, body > header { padding: 62px 0 54px !important; }
  header h1, header.hero h1 { font-size: clamp(2.25rem, 11vw, 3.2rem) !important; overflow-wrap: break-word; }
  .hero-stats, .hstats { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .hero-stats .s, .hstats > div { min-width: 0; padding: 14px !important; }
  .g3, .g2, .g4, .gallery, .stats { grid-template-columns: 1fr !important; }
  .two { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .pband { display: grid !important; grid-template-columns: 1fr 1fr; }
  .pband img { width: 100% !important; height: 120px !important; }
  .grid { columns: 1 !important; }
  .tbar { display: grid !important; grid-template-columns: 1fr auto; gap: 6px !important; }
  .tlabel { flex-basis: auto !important; }
  .ttrack { grid-column: 1; }
  .tnum { grid-column: 2; grid-row: 2; }
  table { display: block; overflow-x: auto; white-space: normal; }
  th, td { min-width: 145px; }
  .contact { padding: 30px 20px !important; }
  .fill { max-width: 100% !important; min-width: 120px !important; }
}

@media print {
  .deal-nav { display: none !important; }
  body { background: #fff !important; font-size: 10.5pt; }
  .page { width: 100%; margin: 0 !important; padding: 24px 30px !important; border: 0; border-radius: 0; box-shadow: none !important; }
  .page h2 { font-size: 14pt !important; margin-top: 18px !important; }
  .page h2::after { display: none; }
}