html, body { margin: 0; padding: 0; background: transparent; }
body { min-height: 100vh; }
#catalogue { padding: 32px 16px; min-height: 100vh; }
@media (min-width: 640px) { #catalogue { padding: 40px 24px; } }

/* Embed-only: enlarge the closed-book teaser (~1.5x) so it reads as the
   clear focal point of this standalone landing page. Main site's in-page
   teaser keeps its original size (catalogue.css untouched); these
   overrides live here only. */
#catBook { width: 300px; height: 425px; }
@media (min-width: 640px) {
    #catBook { width: 390px; height: 552px; }
}
.cat-book-edges { width: 15px; right: -14px; }
.cat-book-ribbon { width: 14px; height: 66px; bottom: -39px; }
.cat-book-floor-shadow { width: 255px; height: 45px; margin-top: 33px; }
@media (min-width: 640px) {
    .cat-book-floor-shadow { width: 330px; height: 51px; margin-top: 39px; }
    /* base's hover-grow (250x40) is now smaller than the new resting size
       (330x51) — rescale the hover-grow too so it still grows, not shrinks. */
    #catBookWrap:hover .cat-book-floor-shadow { width: 375px; height: 60px; }
}

/* Embed-only: prevent Safari/Chrome from rendering a native drag-ghost
   thumbnail of the book/CTA if a click turns into an accidental drag. */
#catBookWrap, #catBookWrap * {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Embed-only: link back to the main site, replaces the "Esc to close" hint */
.cat-home-link {
    font-family: 'Prompt', sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--cat-gold-bright);
    text-decoration: none;
    border-bottom: 1px solid rgba(224, 192, 121, 0.35);
    padding-bottom: 1px;
    transition: color 200ms ease, border-color 200ms ease;
}
.cat-home-link:hover,
.cat-home-link:focus-visible {
    color: #fff8e6;
    border-color: rgba(224, 192, 121, 0.9);
}

/* Embed-only: endgame card CTA — LINE-only primary button (no phone number)
   plus a secondary link back to the main site. */
.cat-endgame-line-btn {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.03em;
    color: var(--cat-ink);
    background: linear-gradient(180deg, var(--cat-gold-bright), var(--cat-gold));
    padding: 11px 24px;
    border-radius: 24px;
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.cat-endgame-line-btn:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 26px -6px rgba(198, 161, 91, 0.65);
}
.cat-endgame-home-btn {
    display: block;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: rgba(244, 239, 228, 0.5);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    margin-top: 14px;
    transition: color 200ms ease, border-color 200ms ease;
}
.cat-endgame-home-btn:hover,
.cat-endgame-home-btn:focus-visible {
    color: var(--cat-gold-bright);
    border-color: rgba(224, 192, 121, 0.6);
}

/* Embed-only: thin landing header — logo + link back to the main site.
   Needs its own dark background: body is transparent (see top of file)
   so a page loading this standalone has no navy behind the header until
   #catalogue's own gradient starts. */
.cat-landing-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: calc(env(safe-area-inset-top, 0px) + 16px) 20px 0;
    background: #080e18;
}
@media (min-width: 640px) { .cat-landing-header { padding: calc(env(safe-area-inset-top, 0px) + 20px) 32px 0; } }
.cat-landing-logo { display: block; height: 22px; width: auto; }
@media (min-width: 640px) { .cat-landing-logo { height: 26px; } }
.cat-landing-back {
    font-family: 'Prompt', sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: rgba(244, 239, 228, 0.55);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    transition: color 200ms ease, border-color 200ms ease;
}
.cat-landing-back:hover,
.cat-landing-back:focus-visible {
    color: var(--cat-gold-bright);
    border-color: rgba(224, 192, 121, 0.6);
}

/* Embed-only: small edition caption under the CTA. */
.cat-edition {
    margin: 14px 0 0;
    font-family: 'Prompt', sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: rgba(244, 239, 228, 0.45);
    text-align: center;
}