/* QUOTE */
/* ─────────────────────────────────────────────
   QUOTE — testimonial card
─────────────────────────────────────────────  */
/* ─────────────────────────────────────────────
   QUOTE — Editorial pull-quote
   No card, just big elegant typography
─────────────────────────────────────────────  */
.quote {
  padding:120px 0 100px;
  position:relative;
  text-align:center;
}

.quote-wrap {
  max-width:960px;
  margin:0 auto;
  position:relative;
}

.quote-tag {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--orange-d);
  margin-bottom:36px;
}
.quote-tag-dot {
  width:8px; height:8px;
  border-radius:50%;
  background:var(--orange);
}

.quote-marks-wrap {
  display:none;
}

.quote blockquote {
  font-family:var(--font-display);
  font-size:clamp(26px, 4.8vw, 56px);
  font-weight:400;
  letter-spacing:-1px;
  line-height:1.1;
  color:var(--ink);
  max-width:920px;
  margin:0 auto 48px;
  text-transform:none;
  position:relative;
}
.quote blockquote::before {
  content:'"';
  position:absolute;
  top:-0.5em;
  left:50%;
  transform:translateX(-50%);
  font-family:var(--font-display);
  font-size:1.4em;
  color:var(--orange);
  opacity:.3;
  line-height:1;
  pointer-events:none;
}
.quote blockquote em {
  font-style:normal;
  color:var(--orange-d);
  position:relative;
  display:inline-block;
}
.quote blockquote em::after {
  content:'';
  position:absolute;
  left:-0.04em; right:-0.04em; bottom:0.28em;
  height:0.32em;
  background:var(--yellow);
  border-radius:0.06em;
  z-index:-1;
  transform:rotate(-1deg);
}

.quote-author {
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:8px 18px 8px 8px;
  background:var(--white);
  border:1.5px solid var(--ink);
  border-radius:999px;
  box-shadow: 0 3px 0 var(--ink);
}

.quote-author-avatar {
  width:40px;
  height:40px;
  border-radius:50%;
  border:1.5px solid var(--ink);
  background:var(--orange);
  color:var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-display);
  font-size:14px;
  letter-spacing:-0.5px;
  position:relative;
  flex-shrink:0;
}
.quote-author-avatar span {
  display:inline-block;
}
.quote-author-avatar span:nth-child(2) {
  margin-left:-3px;
  color:var(--yellow);
}

.quote-author-info {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  text-align:left;
}
.quote-author-name {
  font-family:var(--font-display);
  font-size:14px;
  color:var(--ink);
  letter-spacing:-0.3px;
  text-transform:uppercase;
}
.quote-author-meta {
  font-family:var(--font-mono);
  font-size:9.5px;
  font-weight:500;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:var(--gray-1);
}