/* An engraved frontispiece; all animation is confined to this illustration. */
body.wiki-redesign .wiki-frontispiece {
    position: relative;
    isolation: isolate;
    aspect-ratio: 5 / 2;
    margin: 0 0 32px;
    overflow: hidden;
    border: 1px solid #c4aeba24;
    border-radius: 6px;
    background: #100e14;
    box-shadow: none;
}
.wiki-frontispiece__pan { position: absolute; inset: -7px; transform: translate3d(var(--pan-x, 0px), var(--pan-y, 0px), 0); transition: transform 1.2s cubic-bezier(.2,.65,.2,1); }
body.wiki-redesign .wiki-frontispiece .wiki-frontispiece__art {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.wiki-frontispiece__shade { position: absolute; inset: 0; background: linear-gradient(90deg, #100e1430, transparent 56%); pointer-events: none; }
.wiki-frontispiece__identity { position: absolute; left: 5%; top: 49%; width: 42%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 1.5vw, 24px); pointer-events: none; }
.wiki-frontispiece__seal { display: block; width: 32%; height: auto; overflow: visible; }
.wiki-frontispiece__name { display: block; width: 100%; height: auto; overflow: hidden; }
.wiki-frontispiece__petals { position: absolute; inset: 0; overflow: hidden; pointer-events: none; opacity: 0; }
.wiki-frontispiece__flight { position: absolute; left: var(--x); top: 0; bottom: 0; width: 13px; }
.wiki-frontispiece__petal { display: block; width: 100%; height: 17px; fill: #c797af; }
.wiki-frontispiece.has-motion .wiki-frontispiece__art { animation: aw-wiki-ink-drift 18s ease-in-out infinite; }
.wiki-frontispiece.has-motion .wiki-frontispiece__seal { animation: aw-wiki-seal-float 9s ease-in-out infinite; }
.wiki-frontispiece.has-motion .wiki-frontispiece__petals { opacity: 1; }
.wiki-frontispiece.has-motion .wiki-frontispiece__flight { animation: aw-wiki-petal-fall var(--duration) linear var(--delay) infinite; }
.wiki-frontispiece.has-motion .wiki-frontispiece__petal { animation: aw-wiki-petal-turn 5s ease-in-out var(--delay) infinite alternate; }
.wiki-frontispiece.has-motion :is(.wiki-frontispiece__art, .wiki-frontispiece__seal, .wiki-frontispiece__flight, .wiki-frontispiece__petal) { animation-play-state: paused; }
.wiki-frontispiece.has-motion.is-running :is(.wiki-frontispiece__art, .wiki-frontispiece__seal, .wiki-frontispiece__flight, .wiki-frontispiece__petal) { animation-play-state: running; }
@keyframes aw-wiki-ink-drift { 0%,100% { transform: scale(1.015); } 50% { transform: scale(1.035); } }
@keyframes aw-wiki-seal-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes aw-wiki-petal-fall {
    0% { transform: translate3d(-12px, -16%, 0); opacity: 0; }
    12% { opacity: .5; }
    80% { opacity: .4; }
    100% { transform: translate3d(var(--drift), 115%, 0); opacity: 0; }
}
@keyframes aw-wiki-petal-turn { from { transform: rotate(-25deg) scale(.7); } to { transform: rotate(80deg) scaleX(.55); } }
@media (max-width: 699px) {
    body.wiki-redesign .wiki-frontispiece { aspect-ratio: 1 / 1.08; max-height: 460px; }
    body.wiki-redesign .wiki-frontispiece .wiki-frontispiece__art { object-position: 74% center; }
    .wiki-frontispiece__shade { background: linear-gradient(0deg, #0b0a10f0, #0b0a1070 30%, transparent 57%); }
    .wiki-frontispiece__identity { top: auto; bottom: 8%; left: 8%; width: 84%; transform: none; gap: 10px; }
    .wiki-frontispiece__seal { width: 25%; }
    .wiki-frontispiece__flight { width: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .wiki-frontispiece:not(.motion-forced) .wiki-frontispiece__pan { transition: none; transform: none; }
    .wiki-frontispiece:not(.motion-forced) :is(.wiki-frontispiece__art, .wiki-frontispiece__seal, .wiki-frontispiece__flight, .wiki-frontispiece__petal) { animation: none !important; }
    .wiki-frontispiece:not(.motion-forced) .wiki-frontispiece__petals { opacity: 0; }
}