/* A static campaign: no countdown, invented deadline, or flashing effects. */
.promo-ribbon {
  display: block;
  background: #ffb951;
  color: #21150d;
  text-decoration: none;
}
.promo-ribbon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 44px;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0;
}
.promo-ribbon-badge {
  flex: 0 0 auto;
  padding: 4px 9px;
  border-radius: 3px;
  background: #21150d;
  color: #fff4dd;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.promo-ribbon-text { font-weight: 650; }
.promo-ribbon-text strong { font-weight: 850; }
.promo-ribbon-more {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 750;
  border-bottom: 1px solid currentColor;
}
.promo-ribbon:hover { background: #ffca72; }
.promo-ribbon:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
/* Keep the original spacing between the taller header and the page content. */
.hero .hero-layout { padding-top: 214px; }
main .page-hero { padding-top: 234px; }
.hero-fret-promo {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 22px;
  margin-top: 24px;
  padding: 18px 22px;
  border-radius: 8px;
  background: linear-gradient(115deg, #ffd991, #ffa13d);
  color: #21150d;
  text-decoration: none;
}
.hero-fret-promo:hover { background: #ffc66e; }
.hero-fret-promo:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.hero-fret-discount {
  font-family: Manrope, sans-serif;
  font-size: clamp(52px, 5vw, 68px);
  font-weight: 850;
  letter-spacing: -.08em;
  line-height: 1;
  white-space: nowrap;
}
.hero-fret-discount > span { font-size: .63em; letter-spacing: -.04em; }
.hero-fret-copy { display: grid; gap: 5px; }
.hero-fret-copy > small { font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
.hero-fret-title { font-family: "Cormorant Garamond", Georgia, serif; font-size: 25px; font-weight: 600; line-height: 1.05; }
.hero-fret-action { font-size: 11px; font-weight: 750; }
.fret-promo { padding: 48px 0; background: #11110f; }
.fret-promo-panel {
  position: relative;
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  align-items: center;
  gap: 50px;
  padding: 48px 54px;
  border-radius: 12px;
  background: linear-gradient(115deg, #ffd991, #ffa13d 62%, #ffbd58);
  color: #21150d;
  overflow: hidden;
}
.fret-promo-number {
  display: block;
  white-space: nowrap;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(92px, 11vw, 150px);
  font-weight: 850;
  letter-spacing: -.08em;
  line-height: 1;
}
.fret-promo-percent { font-size: .62em; letter-spacing: -.055em; }
.fret-promo-badge {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 18px;
  border: 1px solid rgba(33,21,13,.35);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.fret-promo-copy h2 { font-size: clamp(38px, 4.3vw, 56px); line-height: 1; }
.fret-promo-copy p { max-width: 530px; margin: 18px 0 22px; font-size: 15px; line-height: 1.65; }
.fret-promo-button {
  gap: 28px;
  min-height: 50px;
  background: #21150d;
  color: #fff4dd;
  border-color: #21150d;
}
.fret-promo-button:hover { background: #392719; transform: none; }
.fret-promo-button:focus-visible { outline: 3px solid #21150d; outline-offset: 4px; }
@media (max-width: 960px) {
  .fret-promo-panel { gap: 28px; padding: 40px 30px; }
  .fret-promo-number { font-size: 100px; }
}
@media (max-width: 720px) {
  .hero .hero-layout { padding-top: 162px; }
  main .page-hero { padding-top: 176px; }
  .promo-ribbon-inner { gap: 10px; font-size: 12px; }
  .hero-fret-promo { gap: 16px; padding: 16px; margin-top: 22px; }
  .hero-fret-discount { font-size: 57px; }
  .hero-fret-title { font-size: 23px; }
  .hero-fret-action { font-size: 10px; }
  .fret-promo { padding: 30px 0; }
  .fret-promo-panel { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 28px 24px; }
  .fret-promo-number { font-size: 102px; }
  .fret-promo-badge { margin-bottom: 14px; }
  .fret-promo-copy h2 { font-size: 38px; }
  .fret-promo-copy p { font-size: 14px; }
  .fret-promo-button { width: 100%; gap: 16px; font-size: 12px; }
}
@media (max-width: 520px) {
  .promo-ribbon-more { display: none; }
  .promo-ribbon-text { min-width: 0; font-size: 12px; }
}