/* Wet belt landing page: QSV's existing ink, red, gold and white palette. */
.wet-landing { --wet-border: #dce1e7; }
.wet-container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.wet-section { padding-block: 76px; scroll-margin-top: 110px; }
.wet-soft { background: var(--soft); scroll-margin-top: 100px; }
.wet-landing h2 { margin: 0 0 18px; font-size: clamp(29px, 3.4vw, 43px); line-height: 1.16; letter-spacing: -.035em; }
.wet-landing h3 { line-height: 1.3; }
:where(.wet-landing) p { margin-top: 0; }
.wet-hero { background: var(--night); color: #fff; }
.wet-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 54px; align-items: center; padding-block: 56px; }
.wet-hero-copy { min-width: 0; }
.wet-hero .eyebrow { color: #f6bd40; margin-bottom: 22px; font-size: 12px; letter-spacing: .12em; }
.wet-hero h1 { margin: 0 0 24px; font-size: clamp(40px, 4.3vw, 61px); line-height: 1.04; letter-spacing: -.045em; font-weight: 850; }
.wet-hero h1 span { color: #f1f3f6; }
.wet-lead { max-width: 540px; font-size: 18px; color: #d3d9e2; line-height: 1.65; }
.wet-hero-prices { margin: 28px 0 22px; }
.wet-hero-prices .wet-hero-price { margin: 0 0 14px; }
.wet-hero-prices .wet-hero-price:last-child { margin-bottom: 0; }
#wet-reviews { scroll-margin-top: 100px; }
.wet-hero-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 9px; font-size: 16px; margin: 28px 0 22px; }
.wet-hero-price strong { font-size: 32px; line-height: 1; letter-spacing: -.04em; }
.wet-hero-price span { font-size: 15px; color: #d3d9e2; }
.wet-landing .contact-actions { gap: 10px; }
.wet-landing .button { gap: 12px; min-height: 52px; font-weight: 750; padding: 14px 19px; }
.wet-hours { color: #c8d0db; font-size: 13px; margin: 20px 0 0; }
.wet-hours span { padding: 0 6px; }
.wet-hero-image, .wet-detail-image { margin: 0; min-width: 0; }
.wet-hero-image picture, .wet-detail-image picture { display: block; border-radius: 12px; overflow: hidden; }
.wet-hero-image img { width: 100%; height: 430px; object-fit: cover; }
.wet-hero-image figcaption { color: #aeb9c8; font-size: 11px; margin-top: 10px; }
.wet-jump { border-bottom: 1px solid var(--wet-border); background: #fff; }
.wet-jump .wet-container { display: flex; gap: 32px; overflow-x: auto; scrollbar-width: thin; }
.wet-jump a { padding-block: 20px; white-space: nowrap; font-size: 14px; font-weight: 700; min-height: 60px; }
.wet-jump a:last-child { margin-left: auto; color: var(--accent); }
.wet-jump a:hover { text-decoration: underline; text-underline-offset: 5px; }
.wet-heading { max-width: 710px; margin-bottom: 32px; }
.wet-heading > p:last-child { font-size: 17px; color: #4e5969; line-height: 1.7; margin-bottom: 0; }
.wet-prices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.wet-price-card { padding: 28px; border: 1px solid var(--wet-border); border-top: 3px solid var(--accent); border-radius: 9px; display: flex; flex-direction: column; }
.wet-label { font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; color: #626d7b; margin-bottom: 10px; }
.wet-price-card h3 { margin: 0 0 10px; font-size: 25px; letter-spacing: -.03em; }
.wet-makes { font-size: 13px; color: #586271; margin-bottom: 26px; }
.wet-price { font-size: 44px; line-height: 1.1; font-weight: 800; letter-spacing: -.045em; margin-bottom: 25px; margin-top: auto !important; }
.wet-price span { font-size: 14px; font-weight: 500; letter-spacing: 0; color: #586271; }
.wet-price-card > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--wet-border); padding-top: 18px; font-size: 14px; font-weight: 750; color: #a81117; }
.wet-price-note { font-size: 13px; color: #596575; margin: 20px 0 0; max-width: 940px; }
.wet-work-grid { display: grid; grid-template-columns: 1fr 1.15fr; align-items: start; gap: 56px; }
.wet-detail-image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.wet-detail-image figcaption { font-size: 12px; color: #596575; padding-top: 10px; }
.wet-steps { padding: 0; margin: 0; list-style: none; }
.wet-steps li { display: grid; grid-template-columns: 35px 1fr; gap: 18px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--wet-border); }
.wet-steps li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.wet-steps li > span { color: #a81117; font-size: 13px; padding-top: 3px; font-weight: 800; }
.wet-steps h3 { font-size: 19px; margin: 0 0 9px; }
.wet-steps p { color: #4e5969; font-size: 15px; line-height: 1.65; margin-bottom: 0; }
.wet-engine-list article { display: grid; grid-template-columns: 260px 1fr; gap: 40px; padding: 25px 0; border-top: 1px solid var(--wet-border); }
.wet-engine-list h3 { margin: 0; font-size: 22px; letter-spacing: -.025em; }
.wet-engine-list p { margin-bottom: 0; max-width: 740px; color: #4e5969; font-size: 16px; line-height: 1.75; }
.wet-inline-help { padding-top: 18px; font-size: 15px; color: #4e5969; }
.wet-inline-help a, .wet-email a { text-decoration: underline; text-underline-offset: 3px; }
.wet-warning { margin-top: 36px; display: grid; grid-template-columns: 30px 1fr; gap: 18px; padding: 26px 30px; border: 1px solid #eadcb6; border-left: 4px solid #c69216; background: #fffbf1; border-radius: 6px; }
.wet-warning-mark { font-weight: 900; text-align: center; border: 2px solid #936d13; border-radius: 50%; height: 26px; width: 26px; line-height: 22px; color: #7d5c0c; }
.wet-warning h3 { margin: 0 0 10px; font-size: 19px; }
.wet-warning p { font-size: 15px; margin-bottom: 12px; color: #514a3c; }
.wet-warning a { font-size: 14px; }
.wet-faq-grid { display: grid; grid-template-columns: .85fr 1.35fr; gap: 70px; }
.wet-faq-grid .faq-list { gap: 12px; }
.wet-faq-grid .faq-list details { padding: 0; border: 1px solid var(--wet-border); box-shadow: none; }
.wet-faq-grid .faq-list summary { padding: 21px 23px; font-size: 16px; min-height: 64px; }
.wet-faq-grid .faq-list details p { padding: 0 23px 22px; margin: 0; font-size: 15px; color: #4e5969; line-height: 1.75; }
.wet-booking { display: grid; grid-template-columns: 1.4fr .75fr; gap: 64px; padding: 48px; background: var(--night); color: #fff; border-radius: 12px; }
.wet-booking .section-kicker { color: #f6bd40; }
.wet-booking h2 { font-size: clamp(29px, 3vw, 38px); }
.wet-booking > div > p:not(.section-kicker) { color: #ccd4df; font-size: 16px; }
.wet-booking .contact-actions { margin-top: 25px; }
.wet-booking p.wet-email { margin-top: 22px; margin-bottom: 0; font-size: 13px; }
.wet-visit { border-left: 1px solid #414954; padding-left: 36px; }
.wet-visit h3 { font-size: 18px; margin: 0 0 20px; }
.wet-visit > a { color: #fff; font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.wet-visit p.wet-local { font-size: 13px; margin: 20px 0 0; color: #aeb9c8; }
@media (max-width: 1000px) {
  .wet-hero-grid { gap: 28px; }
  .wet-hero-image img { height: 400px; }
  .wet-price-card { padding: 22px; }
  .wet-price-card h3 { font-size: 22px; }
  .wet-work-grid { gap: 30px; }
  .wet-faq-grid { gap: 36px; grid-template-columns: .85fr 1.2fr; }
  .wet-booking { gap: 32px; padding: 34px; }
}
@media (max-width: 760px) {
  .wet-container { width: calc(100% - 36px); }
  .wet-section { padding-block: 48px; scroll-margin-top: 94px; }
  .wet-hero-grid { grid-template-columns: 1fr; gap: 30px; padding-block: 36px 28px; }
  .wet-hero h1 { max-width: 550px; font-size: clamp(39px, 9vw, 55px); }
  .wet-hero .eyebrow { font-size: 10px; margin-bottom: 20px; }
  .wet-lead { font-size: 16px; }
  .wet-hero-price { margin-block: 23px; }
  .wet-hero-image img { height: auto; aspect-ratio: 1.7; }
  .wet-landing .contact-actions .button { flex: 1 1 220px; }
  .wet-jump .wet-container { gap: 25px; }
  .wet-jump a { font-size: 13px; padding-block: 17px; min-height: 54px; }
  .wet-heading { margin-bottom: 26px; }
  .wet-heading > p:last-child { font-size: 16px; }
  .wet-prices { grid-template-columns: 1fr; gap: 16px; }
  .wet-price-card { padding: 24px; }
  .wet-price-card h3 { font-size: 25px; }
  .wet-makes { margin-bottom: 18px; }
  .wet-price { font-size: 43px; margin-bottom: 20px; }
  .wet-work-grid, .wet-faq-grid, .wet-booking { grid-template-columns: 1fr; gap: 30px; }
  .wet-detail-image img { max-height: 330px; }
  .wet-engine-list article { grid-template-columns: 1fr; gap: 12px; }
  .wet-engine-list h3 { font-size: 22px; }
  .wet-warning { padding: 23px 19px; grid-template-columns: 24px 1fr; gap: 14px; margin-top: 28px; }
  .wet-warning h3 { font-size: 18px; }
  .wet-faq-grid .wet-heading { margin-bottom: 0; }
  .wet-faq-grid .faq-list summary { padding: 18px; }
  .wet-faq-grid .faq-list details p { padding: 0 18px 20px; }
  .wet-booking { padding: 28px 24px; }
  .wet-visit { border-left: 0; padding-left: 0; padding-top: 27px; border-top: 1px solid #414954; }
}

