/* Refinements confined to the separate website export. */
html:not(.export-ready) #screen,
html:not(.export-ready) .frame,
html:not(.export-ready) .commands,
html:not(.export-ready) #gallery-atmosphere{visibility:hidden!important}
.dossier-back:not([hidden]) svg{opacity:.32;transform:translate(0,-50%)}
.dossier-back:not([hidden]):hover svg{opacity:.75}
.dossier-back:not([hidden]):focus-visible svg{opacity:1}
/* Keep the invitation together at the bottom of the welcome screen. */
body.home-ui .welcome-panel>.welcome-greeting{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:5;width:max-content;max-width:90vw;margin:0;text-align:center;font-size:26px;line-height:1.3;letter-spacing:.16em;font-weight:500;pointer-events:none}
body.home-ui .welcome-panel>.enter-collection{bottom:8px;padding:12px 20px}
@media(max-width:720px){body.home-ui .welcome-panel>.welcome-greeting{bottom:60px;font-size:23px}body.home-ui .welcome-panel>.enter-collection{bottom:10px;padding:12px 16px}}

@media(max-width:720px){body.home-ui .welcome-panel>.welcome-open{bottom:122px}}

/* Center the emblem over the title while retaining the left-aligned text block. */
body.home-ui .welcome-copy h1.welcome-brand{width:max-content;max-width:100%;text-align:left}
body.home-ui .welcome-copy .welcome-brand img{align-self:center}

/* Both invitation labels share the same entrance and hover treatment. */
body.home-ui .welcome-panel>.enter-collection{font-size:14px;line-height:20px}
body.home-ui .welcome-panel>.welcome-greeting{bottom:57px;padding:0;border:0;background:transparent;color:#f3f4f0;pointer-events:auto;cursor:pointer;transition:text-shadow 180ms ease,color 180ms ease}
body.home-ui .welcome-panel:has(>.welcome-greeting:is(:hover,:focus-visible),>.enter-collection:is(:hover,:focus-visible))>:is(.welcome-greeting,.enter-collection){color:#fff;background:transparent;text-shadow:0 0 12px #fffc,0 0 24px #fff6;text-decoration:none}
body.home-ui .welcome-panel:has(>.welcome-greeting:is(:hover,:focus-visible))>.enter-collection::before{opacity:1}
@media(max-width:720px){body.home-ui .welcome-panel>.enter-collection{font-size:13px}body.home-ui .welcome-panel>.welcome-greeting{bottom:59px}}
@media(prefers-reduced-motion:reduce){body.home-ui .welcome-panel>.welcome-greeting{transition:none}}

/* Set the smaller invitation directly beneath WELCOME as its subtitle. */
body.home-ui .welcome-panel>.enter-collection{bottom:22px;padding:0 20px 12px}
@media(max-width:720px){body.home-ui .welcome-panel>.enter-collection{bottom:24px;padding:0 16px 12px}}

/* Original gallery hover glow and inset vignette are defined in index.html. */
.feature-show-more{margin:8px 0;width:100%;text-align:left}
@media(prefers-reduced-motion:reduce){.collection-main .gallery-object,.collection-main .gallery-object::after{transition:none!important}}