/* 2026-theme/shortcodes/pull-quote/style.css */

.pull-quote {
    position: relative;
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    border-left: 3px solid var(--color-brand-primary--500);
    background: color-mix(in srgb, var(--color-brand-primary--500) 8%, transparent);
}

.pull-quote__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.pull-quote__title {
    margin: 0;
    font-size: var(--font-size-050);
    font-weight: var(--fw-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-brand-primary--700);
}

.pull-quote__text {
    margin: 0;
    font-style: italic;
    line-height: var(--lh-body);
    color: inherit;

    &.pull-quote__text--small  { font-size: var(--font-size-100); }
    &.pull-quote__text--medium { font-size: var(--font-size-300); }
    &.pull-quote__text--large  { font-size: var(--font-size-400); }
}

.pull-quote__text--medium,
.pull-quote__text--large {
    &::before { content: '\201C'; }
    &::after  { content: '\201D'; }
}