/* Original, bundled artwork. The central photograph stays behind the illustrated hands and paws. */
.character-frame { --frame-ink: var(--intro-ink, #35483c); --frame-accent: var(--intro-liner, #648776); --frame-soft: var(--intro-envelope, #d5e4d6); --frame-paper: var(--intro-paper, #fffaf1); --frame-gold: #e8bd75; position: relative; width: 100%; aspect-ratio: 1; isolation: isolate; }
.character-frame .character-frame-photo { position: absolute; inset: 12.7778% auto auto 23.8889%; width: 52.2222%; height: 69.4444%; display: block; border-radius: 45% 45% 18px 18px; overflow: hidden; z-index: 1; }
.character-frame-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.character-frame-art { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.character-frame-art svg { display: block; width: 100%; height: 100%; overflow: visible; }
.intro-cover[data-character-frame]:not([data-character-frame="none"]) .intro-character-photo { grid-column: 1; grid-row: 2; width: min(100%, 620px); justify-self: center; }
.intro-cover[data-character-frame]:not([data-character-frame="none"]) .character-frame-photo { position: absolute; inset: 12.7778% auto auto 23.8889%; width: 52.2222%; height: 69.4444%; aspect-ratio: auto; min-height: 0; border-radius: 45% 45% 18px 18px; box-shadow: none; }
.intro-cover[data-character-frame]:not([data-character-frame="none"]):has(.intro-copy-hidden) .intro-character-photo { grid-column: 1 / -1; }
.intro-cover--editorial .intro-character-photo { display: none; }
#invitation-cover[data-character-frame]:not([data-character-frame="none"]) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); transition-property: none; }
.example-card-art--themed { --intro-ink: var(--example-label-color); --intro-liner: var(--example-color); --intro-envelope: var(--example-envelope); --intro-paper: var(--example-paper); }
.example-card-art--themed .character-frame { position: absolute; top: 16px; left: 0; width: 100%; z-index: 0; }
.example-card-art--themed::after { background: linear-gradient(180deg, transparent 50%, #17231db0 83%, #17231de8); z-index: 1; pointer-events: none; }
.example-card-art--themed .example-card-letter, .example-card-art--themed .example-card-open { z-index: 2; }
.example-card-art--themed .example-card-edition, .example-card-art--themed .example-card-category { z-index: 3; }
.example-card-art--themed .example-card-seal { display: none; }
@media (max-width: 899px) {
    #invitation-cover[data-character-frame]:not([data-character-frame="none"]) { padding: 38px max(16px, env(safe-area-inset-left, 0px)) 24px max(16px, env(safe-area-inset-right, 0px)); gap: 16px; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto; }
    .intro-cover[data-character-frame]:not([data-character-frame="none"]) .intro-character-photo { width: min(100%, 440px); }
    #invitation-cover[data-character-frame]:not([data-character-frame="none"]) .intro-cover-copy { grid-column: 1; grid-row: 3; padding: 0 16px; }
}