/* xl - DESKTOP STYLES */ 
/* ── QUOTE BAND ── */
.quote-band {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.quote-band-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: brightness(.5) sepia(.8) saturate(.8);
    transform: scale(1.1);
}
.quote-band-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(92,61,30,.85) 0%,
        rgba(92,61,30,.55) 50%,
        rgba(92,61,30,.2) 100%
    );
}
.quote-band-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 60px;
}
.quote-inner-frame {
    border: 2px solid rgba(200,107,46,0.5);
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.quote-tag {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--brown-pale);
}
.quote-band h2 {
    font-family: 'Fraunces', serif;
    font-size: clamp(2rem, 5vw, 3.8rem);
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    letter-spacing: 1px;
}

.quote-band .h2-dest{
	color:var(--cream-dark);
}
.quote-band-content p {
    font-size: 1rem;
    color: rgba(255,255,255,.65);
    line-height: 1.6;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
}
.btn-quote {
    display: inline-block;
    align-self: flex-start;
    padding: 14px 32px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 3px;
    transition: all .3s;
}
.btn-quote:hover {
    background: #fff;
    color: var(--brown);
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (max-width: 767px) {
   .quote-band {
          min-height: 70vh;
      }
      .quote-band-content {
          padding: 24px;
      }
      .quote-inner-frame {
          padding: 32px 24px;
      }
      .quote-band h2 {
          font-size: clamp(1.6rem, 6vw, 2.4rem);
      }
      .quote-band-content p {
          font-size: .88rem;
      }
      .btn-quote {
          width: 100%;
          text-align: center;
      }
}