/* Sparse decorative stars, kept out of the reading and portrait areas. */
.hero{position:relative;isolation:isolate}
.hero-stars{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.hero-art{position:relative}
.portrait-stars{position:absolute;inset:-18px -16px 24px;pointer-events:none;z-index:2}
.magic-star{position:absolute;left:var(--x);top:var(--y);color:#a48548;font:var(--size)/1 Georgia,serif;opacity:.45;transform:translate(-50%,-50%);animation:gentle-star-twinkle 6s ease-in-out var(--delay) infinite}
@keyframes gentle-star-twinkle{0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.88) rotate(-5deg)}50%{opacity:.65;transform:translate(-50%,-50%) scale(1.08) rotate(5deg)}}
html:has(link[href="ocean-light.css"]) .portrait-stars{left:calc(50% - 108px);right:auto;width:216px}
@media(max-width:800px){.portrait-stars{inset:-12px -10px 25px}.magic-star{font-size:calc(var(--size)*.85)}}
@media(prefers-reduced-motion:reduce){.magic-star{animation:none;opacity:.45}}

.shipboard-emblem{display:block;width:190px;max-width:45%;height:auto;mix-blend-mode:multiply;margin:0 0 24px}.class-download{display:block;margin-top:20px;font-size:16px;text-decoration:underline;text-underline-offset:4px}html:has(link[href="ocean-light.css"]) .shipboard-emblem{margin:0 auto 24px}@media(max-width:800px){.shipboard-emblem{width:150px}}