.home-promo{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;color:#fff;overflow:visible;max-width:none;max-height:none;width:max-content;box-shadow:0 12px 70px #0006}
.home-promo:not([open]){display:none}
.home-promo::backdrop{background:rgba(0,0,0,.72)}
.home-promo a{display:block;border-radius:4px;overflow:hidden}
.home-promo img{display:block;width:auto;height:auto;max-width:min(600px,calc(100vw - 40px));max-height:calc(100dvh - 80px);object-fit:contain}
.home-promo-close{position:absolute;right:-12px;top:-16px;width:40px;height:40px;border:2px solid #fff;border-radius:50%;background:#202226;color:#fff;font:30px/32px Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0;z-index:1}
.home-promo-close:focus{outline:none}.home-promo-close:focus-visible{box-shadow:0 0 0 3px #ffffff66}.home-promo a:focus-visible{outline:3px solid #fff;outline-offset:4px}
html.home-promo-open{overflow:hidden}

.home-promo[open]{animation:home-promo-in .55s ease-out both}
.home-promo[open]::backdrop{animation:home-promo-backdrop-in .55s ease-out both}
@keyframes home-promo-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-promo-backdrop-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.72)}}
@media(prefers-reduced-motion:reduce){.home-promo[open],.home-promo[open]::backdrop{animation:none}}