/* intro v22 — Lavazza brutalist: blueprint grid, aurora sweep, outlined heading, progressive stagger */

/* Blueprint engineering-paper grid (colour from Tailwind text-*, lines via currentColor) */
.intro-blue__grid {
    background-image:
        repeating-linear-gradient(0deg, currentColor 0 1px, transparent 1px 28px),
        repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 28px);
    opacity: 0.16;
}

/* Aurora wave sweep horizontal */
.intro-blue__aurora {
    background-size: 200% 100%;
    opacity: 0.3;
    animation: intro-blue-aurora 7s ease-in-out infinite;
}
@keyframes intro-blue-aurora {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 100% 0%; }
}

/* Text-stroke outlined heading (hollow fill, stroke = the element's Tailwind colour) */
.intro-blue__title {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px currentColor;
    text-stroke: 2px currentColor;
    letter-spacing: -0.02em;
}

/* Progressive stagger reveal — pure CSS on the reliable [data-lane-item] attribute; always ends visible */
@keyframes intro-blue-rise {
    from { opacity: 0; transform: translateY(1.5rem); }
    to   { opacity: 1; transform: translateY(0); }
}
.intro-blue [data-lane-item] { animation: intro-blue-rise 500ms ease both; }
.intro-blue [data-lane-item]:nth-child(2) { animation-delay: 120ms; }
.intro-blue [data-lane-item]:nth-child(3) { animation-delay: 240ms; }

@media (prefers-reduced-motion: reduce) {
    .intro-blue__aurora { animation: none; }
    .intro-blue [data-lane-item] { animation: none; }
}

.digest-sq-6  { width: 1.5rem;  height: 1.5rem;  flex-shrink: 0; }
.digest-sq-10 { width: 2.5rem;  height: 2.5rem;  flex-shrink: 0; }


.content-v40-thumb-wrap {
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .content-v40-thumb-wrap {
        width: 50rem;
        max-width: 50rem;
    }
}

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-ratio {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex-shrink: 0;
}

.folio-bodycopy__figure--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.folio-bodycopy__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.content-grid-gap {
    gap: 2rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}


.editorial-document__decor-1 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    right: 0;
    transform: translate(4rem, -4rem) rotate(45deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__decor-2 {
    position: absolute;
    width: 12rem;
    height: 6rem;
    bottom: 0;
    left: 0;
    transform: translate(-6rem, 3rem) rotate(12deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__decor-3 {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 0;
    transform: translate(-2rem, -50%) rotate(45deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__decor-4 {
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 25%;
    right: 33.333333%;
    transform: rotate(12deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__decor-5 {
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: 25%;
    left: 50%;
    transform: rotate(-12deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__decor-6 {
    position: absolute;
    width: 2rem;
    height: 2rem;
    bottom: 50%;
    right: 0;
    transform: translate(1rem, 0) rotate(45deg);
    z-index: 0;
    pointer-events: none;
}

.editorial-document__divider-bar {
    height: 0.25rem;
}

.editorial-document__rule-trail { margin-bottom: 3rem; }

.editorial-document__shell-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-prose-measure {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.timeline-dot-rail__bead {
    width: 0.75rem;
    height: 0.75rem;
}

.timeline-dot-rail__spine {
    width: 1px;
}

.perks-flex-center__thumb {
    width: 5rem;
    height: 5rem;
}

.perks-flex-center__tile,
.perks-flex-center__cta {
    transition: transform 0.2s ease;
}

@media (min-width: 640px) {
    .perks-flex-center__tile:hover {
        transform: scale(1.05);
    }

    .perks-flex-center__cta:hover {
        transform: scale(1.05);
    }
}

/* subscribe v21 — bento-grid benefit tiles: layout-only sizing helper, no colors */
.mailing-bento-benefits__panel {
    min-height: 14rem;
}

.google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe {
        height: 600px;
        min-height: 600px;
    }
}