/* intro v16 — Metropolis reel: film-perforation strips, image cover, load stagger, radius morph */

/* Film-perforation edge strips: colour comes from Tailwind bg-* on the element; mask punches holes */
.intro-reel__perf {
    -webkit-mask: radial-gradient(circle at center, transparent 0 0.28rem, black 0.3rem) center / 1.5rem 2.2rem;
    mask: radial-gradient(circle at center, transparent 0 0.28rem, black 0.3rem) center / 1.5rem 2.2rem;
    z-index: 1;
}

/* Background image fills the band, keeps aspect via object-fit (no BS utility) */
.intro-reel__row {
    min-height: 18rem;
    transition: border-radius 320ms ease;
    opacity: 0;
    animation: intro-reel-rise 520ms ease forwards;
}
.intro-reel__img {
    object-fit: cover;
    object-position: center;
}

/* Border-radius morph on hover */
.intro-reel__row:hover {
    border-radius: 2.25rem 0.5rem 2.25rem 0.5rem;
}

/* Stagger children — 80ms delay each on load */
.intro-reel__row:nth-child(1) { animation-delay: 0ms; }
.intro-reel__row:nth-child(2) { animation-delay: 80ms; }
.intro-reel__row:nth-child(3) { animation-delay: 160ms; }
.intro-reel__row:nth-child(4) { animation-delay: 240ms; }
.intro-reel__row:nth-child(5) { animation-delay: 320ms; }
.intro-reel__row:nth-child(6) { animation-delay: 400ms; }

@keyframes intro-reel-rise {
    from { opacity: 0; transform: translateY(1.5rem); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .intro-reel__row { animation: none; opacity: 1; }
}

.origin-image-hover {
    transition: transform 0.3s ease;
}

.origin-image-hover:hover {
    transform: scale(1.05);
}

/* Bootstrap flex-md-row: cap thumb width (parity with Tailwind md:w-80) */
.content-v41-thumb-wrap {
    flex-shrink: 0;
}

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

.spread-chapter__visual--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

.spread-chapter__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

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

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

.content-img-expands {
    display: block;
    width: 100%;
    height: 18rem;
    min-height: 18rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-expands {
        height: 24rem;
        min-height: 24rem;
    }
}


.writeup-document__accent-trail {
    margin-bottom: 2rem;
    width: 4rem;
    height: 0.25rem;
}

.writeup-document__title-trail { margin-bottom: 2rem; }

.writeup-document__hull-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

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

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

.bulletin-card-grid__tile {
    max-width: 24rem;
}

.perks-bordered-flex__tile {
    transition: transform 0.2s ease;
}

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

.mailing-wide-slab__center {
    max-width: 64rem;
}

.google-map-hero__iframe {
    width: 100%;
    min-height: 440px;
}

@media (min-width: 768px) {
    .google-map-hero__iframe {
        min-height: 550px;
    }
}

/* iframe-normalized */
.google-map-hero__iframe {
    width: 100%;
    max-width: 100%;
    height: 440px;
    min-height: 440px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-hero__iframe {
        height: 550px;
        min-height: 550px;
    }
}