/* Public-page type scale. Font families, colors, layout, and navigation stay in their existing stylesheets. */

@media (min-width: 1024px) {
    .home-hero h1,
    .editorial-page .page-intro h1,
    .experience-hero-copy h1,
    .story-copy h1,
    .articles-intro h1,
    .article-heading h1,
    .poster-headline,
    .story-card .headline,
    main h1.graza-headline {
        font-size: clamp(64px, 6.5vw, 80px);
        line-height: 1.04;
    }

    .story-card .headline { font-size: 64px; }

    .home-discover-heading h2,
    .newsletter-band h2,
    .contact-cta h2,
    .collection-step-heading h2,
    .experience-intro h2,
    .infusion-panel h2,
    .shop-showcase h2,
    .quote-section h2,
    .article-body h2,
    .article-related > h2,
    .sheet-headline,
    .sheet .big,
    body.text-gray-800 main h2 {
        font-size: clamp(42px, 4vw, 52px);
        line-height: 1.12;
    }

    .discover-card h3,
    .bottle-card h2,
    .shop-product h3,
    .collection-bottle-name,
    .collection-infusion-card strong,
    .experience-card figcaption,
    .article-card h2,
    .article-body h3,
    body.text-gray-800 main h3,
    .site-footer h2 {
        font-size: clamp(28px, 2.2vw, 34px);
        line-height: 1.16;
    }

    .home-hero-description,
    .home-discover-heading p:not(.page-eyebrow),
    .page-intro > p:last-child,
    .collection-step-heading > p:last-child,
    .collection-bottle-copy > span:not(.collection-bottle-name):not(.bottle-size):not(.collection-choice-action),
    .collection-infusion-card > span,
    .bottle-card p:not(.bottle-size),
    .infusion-panel p,
    .shop-product p,
    .experience-intro p,
    .story-copy p:not(.page-eyebrow),
    .contact-cta-inner > p:not(.page-eyebrow),
    .newsletter-band p:not(.page-eyebrow):not(.newsletter-status),
    .site-footer-brand p:not(.site-footer-tagline),
    .articles-intro > p:last-child,
    .article-lead,
    .article-body,
    .article-card-copy > p:not(.article-date):not(.article-category),
    .poster-support,
    .sheet-body,
    .story-card .sub,
    body.text-gray-800 main p,
    main .graza-body {
        font-size: 19px;
        line-height: 1.7;
    }

    .ove-button,
    .page-cta,
    .newsletter-form button,
    .quote-form button,
    .collection-submit,
    .collection-choice-action,
    .family-index a,
    .infusion-options label,
    .experience-hero-copy a,
    .article-read-link,
    .article-ending a,
    .article-back-link,
    .poster-cta,
    .submit-btn,
    main a.font-body {
        font-size: 18px;
    }

    .family-index a { min-height: 44px; }
    .quote-field label,
    .quote-summary,
    .quote-checkbox,
    .quote-status { font-size: 17px; }
    .field label,
    .upload-wrap label { font-size: 17px; opacity: 1; }
    .quote-field input,
    .quote-field select,
    .quote-field textarea,
    .newsletter-form input,
    .field input,
    .field select,
    .field textarea { font-size: 17px; }
    .drop-title { font-size: 18px; }
    .drop-hint { font-size: 17px; opacity: .85; }
    .drop-chosen { font-size: 17px; opacity: 1; }
    .sheet .big { font-size: 42px; }
    .contact-cta .contact-cta-phone { font-size: 18px; }
    .site-footer-links a { font-size: 17px; }
    .site-footer-socials span { font-size: 15px; }
    .site-footer h2 { font-size: 28px; }
    .home-eyebrow,
    .page-eyebrow,
    .articles-eyebrow,
    .experience-hero-copy > p { font-size: 14px; }
    .home-discover-heading .page-eyebrow,
    .story-copy .page-eyebrow,
    .article-heading .articles-eyebrow { font-size: 14px; }
    .home-hero-note { font-size: 13px; }
    .discover-card > span:not(.discover-arrow) { font-size: 13px; }
    .bottle-size,
    .article-date,
    .article-category { font-size: 14px; }
    .article-card-copy > p.article-category { font-size: 14px; }
    .collection-infusion-card .collection-infusion-pairing { font-size: 16px; }
    .newsletter-status { font-size: 16px; }
    .articles-empty { font-size: 19px; line-height: 1.7; }
    .article-body { font-size: 19px; line-height: 1.75; }
    .site-footer-tagline { font-size: 15px; }
    .site-footer-contact { font-size: 17px; }
    .site-footer-bottom { font-size: 14px; line-height: 1.6; }
    .site-footer-bottom a { font-size: 16px; }
    footer.bg-brand-green p { font-size: 16px; line-height: 1.6; }
    footer.bg-brand-green a { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .home-hero h1,
    .editorial-page .page-intro h1,
    .experience-hero-copy h1,
    .story-copy h1,
    .articles-intro h1,
    .article-heading h1,
    .poster-headline,
    .story-card .headline,
    main h1.graza-headline {
        font-size: clamp(54px, 7vw, 64px);
        line-height: 1.04;
    }

    .story-card .headline { font-size: clamp(50px, 6.5vw, 54px); }

    .home-discover-heading h2,
    .newsletter-band h2,
    .contact-cta h2,
    .collection-step-heading h2,
    .experience-intro h2,
    .infusion-panel h2,
    .shop-showcase h2,
    .quote-section h2,
    .article-body h2,
    .article-related > h2,
    .sheet-headline,
    .sheet .big,
    body.text-gray-800 main h2 {
        font-size: clamp(38px, 5vw, 46px);
        line-height: 1.12;
    }

    .discover-card h3,
    .bottle-card h2,
    .shop-product h3,
    .collection-bottle-name,
    .collection-infusion-card strong,
    .experience-card figcaption,
    .article-card h2,
    .article-body h3,
    body.text-gray-800 main h3,
    .site-footer h2 {
        font-size: clamp(26px, 4vw, 32px);
        line-height: 1.16;
    }

    .home-hero-description,
    .home-discover-heading p:not(.page-eyebrow),
    .page-intro > p:last-child,
    .collection-step-heading > p:last-child,
    .collection-bottle-copy > span:not(.collection-bottle-name):not(.bottle-size):not(.collection-choice-action),
    .collection-infusion-card > span,
    .bottle-card p:not(.bottle-size),
    .infusion-panel p,
    .shop-product p,
    .experience-intro p,
    .story-copy p:not(.page-eyebrow),
    .contact-cta-inner > p:not(.page-eyebrow),
    .newsletter-band p:not(.page-eyebrow):not(.newsletter-status),
    .site-footer-brand p:not(.site-footer-tagline),
    .articles-intro > p:last-child,
    .article-lead,
    .article-body,
    .article-card-copy > p:not(.article-date):not(.article-category),
    .poster-support,
    .sheet-body,
    .story-card .sub,
    body.text-gray-800 main p,
    main .graza-body {
        font-size: 18px;
        line-height: 1.7;
    }

    .ove-button,
    .page-cta,
    .newsletter-form button,
    .quote-form button,
    .collection-submit,
    .collection-choice-action,
    .family-index a,
    .infusion-options label,
    .experience-hero-copy a,
    .article-read-link,
    .article-ending a,
    .article-back-link,
    .poster-cta,
    .submit-btn,
    main a.font-body {
        font-size: 17px;
    }

    .family-index a { min-height: 44px; }
    .quote-field label,
    .quote-summary,
    .quote-checkbox,
    .quote-status { font-size: 17px; }
    .field label,
    .upload-wrap label { font-size: 17px; opacity: 1; }
    .quote-field input,
    .quote-field select,
    .quote-field textarea,
    .newsletter-form input,
    .field input,
    .field select,
    .field textarea { font-size: 17px; }
    .drop-title { font-size: 17px; }
    .drop-hint { font-size: 17px; opacity: .85; }
    .drop-chosen { font-size: 17px; opacity: 1; }
    .sheet .big { font-size: 38px; }
    .contact-cta .contact-cta-phone { font-size: 17px; }
    .site-footer-links a { font-size: 16px; }
    .site-footer-socials span { font-size: 15px; }
    .site-footer h2 { font-size: 26px; }
    .home-eyebrow,
    .page-eyebrow,
    .articles-eyebrow,
    .experience-hero-copy > p { font-size: 13px; }
    .home-discover-heading .page-eyebrow,
    .story-copy .page-eyebrow { font-size: 13px; }
    .article-heading .articles-eyebrow { font-size: 14px; }
    .home-hero-note { font-size: 13px; }
    .discover-card > span:not(.discover-arrow) { font-size: 13px; }
    .bottle-size,
    .article-date,
    .article-category { font-size: 14px; }
    .article-card-copy > p.article-category { font-size: 14px; }
    .collection-infusion-card .collection-infusion-pairing { font-size: 16px; }
    .newsletter-status { font-size: 16px; }
    .articles-empty { font-size: 18px; line-height: 1.7; }
    .article-body { font-size: 18px; line-height: 1.75; }
    .site-footer-tagline { font-size: 14px; }
    .site-footer-contact { font-size: 16px; }
    .site-footer-bottom { font-size: 14px; line-height: 1.6; }
    .site-footer-bottom a { font-size: 16px; }
    footer.bg-brand-green p { font-size: 16px; line-height: 1.6; }
    footer.bg-brand-green a { font-size: 16px; }
}

@media (max-width: 767px) {
    .home-hero h1,
    .editorial-page .page-intro h1,
    .experience-hero-copy h1,
    .story-copy h1,
    .articles-intro h1,
    .article-heading h1,
    .poster-headline,
    .story-card .headline,
    main h1.graza-headline {
        font-size: clamp(42px, 12vw, 48px);
        line-height: 1.05;
    }

    .home-discover-heading h2,
    .newsletter-band h2,
    .contact-cta h2,
    .collection-step-heading h2,
    .experience-intro h2,
    .infusion-panel h2,
    .shop-showcase h2,
    .quote-section h2,
    .article-body h2,
    .article-related > h2,
    .sheet-headline,
    .sheet .big,
    body.text-gray-800 main h2 {
        font-size: clamp(32px, 9vw, 38px);
        line-height: 1.14;
    }

    .discover-card h3,
    .bottle-card h2,
    .shop-product h3,
    .collection-bottle-name,
    .collection-infusion-card strong,
    .experience-card figcaption,
    .article-card h2,
    .article-body h3,
    body.text-gray-800 main h3,
    .site-footer h2 {
        font-size: clamp(24px, 7vw, 28px);
        line-height: 1.18;
    }

    .home-hero-description,
    .home-discover-heading p:not(.page-eyebrow),
    .page-intro > p:last-child,
    .collection-step-heading > p:last-child,
    .collection-bottle-copy > span:not(.collection-bottle-name):not(.bottle-size):not(.collection-choice-action),
    .collection-infusion-card > span,
    .bottle-card p:not(.bottle-size),
    .infusion-panel p,
    .shop-product p,
    .experience-intro p,
    .story-copy p:not(.page-eyebrow),
    .contact-cta-inner > p:not(.page-eyebrow),
    .newsletter-band p:not(.page-eyebrow):not(.newsletter-status),
    .site-footer-brand p:not(.site-footer-tagline),
    .articles-intro > p:last-child,
    .article-lead,
    .article-body,
    .article-card-copy > p:not(.article-date):not(.article-category),
    .poster-support,
    .sheet-body,
    .story-card .sub,
    body.text-gray-800 main p,
    main .graza-body {
        font-size: 17px;
        line-height: 1.7;
    }

    .article-body { font-size: 18px; line-height: 1.75; }

    .ove-button,
    .page-cta,
    .newsletter-form button,
    .quote-form button,
    .collection-submit,
    .collection-choice-action,
    .family-index a,
    .infusion-options label,
    .experience-hero-copy a,
    .article-read-link,
    .article-ending a,
    .article-back-link,
    .poster-cta,
    .submit-btn,
    main a.font-body {
        font-size: 17px;
    }

    .family-index a { min-height: 44px; }
    .quote-field label,
    .quote-summary,
    .quote-checkbox,
    .quote-status { font-size: 16px; }
    .field label,
    .upload-wrap label { font-size: 16px; opacity: 1; }
    .drop-title { font-size: 17px; }
    .drop-hint { font-size: 16px; opacity: .85; }
    .drop-chosen { font-size: 16px; opacity: 1; }
    .sheet .big { font-size: 38px; }
    .contact-cta .contact-cta-phone { font-size: 17px; }
    .site-footer-links a { font-size: 16px; }
    .site-footer-socials span { font-size: 15px; }
    .site-footer h2 { font-size: 24px; }
    .infusion-options label { font-size: 17px; }
    .home-eyebrow,
    .page-eyebrow,
    .articles-eyebrow,
    .experience-hero-copy > p { font-size: 13px; }
    .home-discover-heading .page-eyebrow,
    .story-copy .page-eyebrow { font-size: 13px; }
    .article-heading .articles-eyebrow { font-size: 14px; }
    .home-hero-note { font-size: 12px; }
    .discover-card > span:not(.discover-arrow) { font-size: 12px; }
    .bottle-size,
    .article-date,
    .article-category { font-size: 14px; }
    .article-card-copy > p.article-category { font-size: 13px; }
    .article-date,
    .article-category,
    .article-card-copy > p.article-category,
    .article-heading .articles-eyebrow { font-size: 14px; }
    .collection-infusion-card .collection-infusion-pairing { font-size: 16px; }
    .newsletter-status { font-size: 16px; }
    .articles-empty { font-size: 17px; line-height: 1.7; }
    .site-footer-tagline { font-size: 14px; }
    .site-footer-contact { font-size: 16px; }
    .site-footer-bottom { font-size: 14px; line-height: 1.6; }
    .site-footer-bottom a { font-size: 15px; }
    footer.bg-brand-green p { font-size: 15px; line-height: 1.6; }
    footer.bg-brand-green a { font-size: 15px; }
}