/*
 * Print Catalog page (#14) — the annual Print Catalog flipbook.
 * Loaded via @push('styles') — only on /catalog.
 *
 * A deliberately simple page: heading, a responsive 16:9 flipbook embed, and a
 * PDF download fallback. "Start here, may revisit post-launch."
 */

.print-catalog {
    --catalog-accent: var(--brand-primary, #ec1c8c);
    padding: 3rem 0 4rem;
}

.print-catalog__header {
    max-width: 720px;
    margin: 0 auto 2rem;
    text-align: center;
}

.print-catalog__title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 900;
}

.print-catalog__intro {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #5a5a5a;
}

/* -- Responsive embed ----------------------------------------------------- */

.print-catalog__embed {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    background: #1a1a1a;
    border-radius: 6px;
    overflow: hidden;
}

.print-catalog__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.print-catalog__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    color: #f2f2f2;
}

.print-catalog__placeholder-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.print-catalog__placeholder p {
    margin: 0;
    max-width: 40ch;
    color: #cfcfcf;
}

/* -- PDF download fallback ------------------------------------------------ */

.print-catalog__actions {
    margin: 2rem auto 0;
    text-align: center;
}

.print-catalog__download {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: var(--catalog-accent);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
}

.print-catalog__download:hover,
.print-catalog__download:focus-visible {
    filter: brightness(0.92);
}

.print-catalog__download:focus-visible {
    outline: 3px solid var(--catalog-accent);
    outline-offset: 3px;
}

.print-catalog__note {
    margin: 0.75rem 0 0;
    font-size: 0.85rem;
    color: #777;
}