@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;600;700&display=swap');

/* 06_quote.css */

:root {
  --font-quote: 'Bitter', Georgia, "Times New Roman", serif;
  --quote-primary: #315c7c;
  --quote-accent: #ff5a3c;
}

.editorial-quote-section {
  padding: 70px 20px 80px;
  background: transparent;
}

.editorial-quote {
  max-width: 760px;
  margin: 0 auto;
  position: relative;
  padding: 12px 0 12px 34px;
  border-left: 3px solid var(--quote-accent);
}

.quote-mark {
  position: absolute;
  top: -34px;
  left: 14px;
  font-family: var(--font-quote);
  font-size: 6.5rem;
  line-height: 1;
  font-weight: 700;
  color: rgba(255, 90, 60, 0.18);
}

.editorial-quote p {
  margin: 0;
  font-family: var(--font-quote);
  font-size: clamp(1.35rem, 2.5vw, 2.05rem);
  line-height: 1.34;
  font-weight: 600;
  color: var(--quote-primary);
  letter-spacing: -0.035em;
}

@media (max-width: 640px) {
  .editorial-quote-section {
    padding: 55px 18px 65px;
  }

  .editorial-quote {
    padding-left: 24px;
  }

  .quote-mark {
    top: -28px;
    left: 10px;
    font-size: 5rem;
  }

  .editorial-quote p {
    font-size: 1.35rem;
    line-height: 1.4;
  }
}