.hero,
.about-hero,
.contact-hero,
.consign-hero,
.financing-hero,
.shipping-hero,
.refund-hero,
.privacy-hero,
.terms-hero,
.thankyou-hero,
.inventory-hero {
    position: relative;
    background: var(--color-surface);
    color: var(--color-text);
    padding: var(--section-y-md) var(--container-padding-x, 24px);
    border-bottom: 4px solid var(--color-primary);
    border-radius: 0;
    overflow: hidden;
    margin: 0 0 var(--space-6);
}

.hero__inner,
.about-hero__grid,
.contact-hero__inner,
.consign-hero__inner,
.financing-hero__inner,
.shipping-hero__content,
.refund-hero__inner,
.privacy-hero__inner,
.terms-hero__inner,
.thankyou-hero__inner {
    position: relative;
    max-width: var(--container-narrow, 1100px);
    margin-inline: auto;
}

.hero__eyebrow,
.about-hero__kicker,
.contact-hero__kicker,
.consign-hero__kicker,
.financing-hero__kicker,
.shipping-hero__kicker,
.refund-hero__kicker,
.privacy-hero__kicker,
.terms-hero__kicker,
.thankyou-hero__kicker,
.inventory-hero__kicker {
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin: 0 0 var(--space-2);
    line-height: var(--lh-snug);
    opacity: 1;
}

.hero__title,
.about-hero__title,
.contact-hero__title,
.consign-hero__title,
.financing-hero__title,
.shipping-hero__title,
.refund-hero__title,
.privacy-hero__title,
.terms-hero__title,
.thankyou-hero__title,
.inventory-title {
    color: var(--color-ink);
    font-size: clamp(28px, 5vw, 48px);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    margin: 0 0 var(--space-3);
    text-shadow: none;
    letter-spacing: var(--ls-tight);
    opacity: 1;
}

.hero__lead,
.about-hero__lead,
.contact-hero__subtitle,
.consign-hero__lead,
.financing-hero__lead,
.shipping-hero__lead,
.refund-hero__lead,
.privacy-hero__lead,
.terms-hero__lead,
.thankyou-hero__lead,
.inventory-lead {
    color: var(--color-muted);
    font-size: var(--fs-md);
    line-height: var(--lh-relaxed);
    max-width: 65ch;
    margin: 0 0 var(--space-4);
    opacity: 1;
}

.shipping-hero__chips,
.refund-hero__chips,
.privacy-hero__chips,
.terms-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-4);
}
.shipping-hero__chips li,
.refund-hero__chips li,
.privacy-hero__chips li,
.terms-hero__chips li {
    padding: var(--space-2) var(--space-4);
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
}
.shipping-hero__chips a,
.refund-hero__chips a,
.privacy-hero__chips a,
.terms-hero__chips a {
    color: var(--color-text);
    text-decoration: none;
    background: var(--color-paper);
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    transition: all var(--anim-fast) var(--ease-out);
}
.shipping-hero__chips a:hover,
.refund-hero__chips a:hover,
.privacy-hero__chips a:hover,
.terms-hero__chips a:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.shipping-hero__meta,
.refund-hero__meta,
.privacy-hero__meta,
.terms-hero__meta {
    color: var(--color-muted);
    font-size: var(--fs-sm);
    margin: var(--space-3) 0;
}
.shipping-hero__meta a,
.refund-hero__meta a,
.privacy-hero__meta a,
.terms-hero__meta a {
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.shipping-hero__actions,
.refund-hero__actions,
.privacy-hero__actions,
.terms-hero__actions,
.contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

@media (max-width: 600px) {
    .hero,
    .about-hero,
    .contact-hero,
    .consign-hero,
    .financing-hero,
    .shipping-hero,
    .refund-hero,
    .privacy-hero,
    .terms-hero,
    .thankyou-hero,
    .inventory-hero {
        padding: var(--section-y-sm) var(--container-padding-x, 24px);
    }
    .hero__title,
    .shipping-hero__title,
    .refund-hero__title,
    .privacy-hero__title,
    .terms-hero__title {
        font-size: clamp(24px, 7vw, 32px);
    }
}