/* Original supplied PNGs, with an accessible button over the full-screen scene. */
.entry-gate { position:fixed; inset:0; z-index:990; overflow:hidden; background:#102136; isolation:isolate; transition:opacity 400ms ease; }
.entry-gate[hidden],.entry-notification[hidden] { display:none; }
.entry-gate:focus { outline:none; }
.entry-gate__scene { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.entry-gate__content { position:absolute; inset:0; display:flex; align-items:center; padding:5vw; }
.entry-notification { position:relative; width:min(690px,49vw); padding:0; border:0; border-radius:24px; background:transparent; cursor:pointer; color:#fff; animation:notification-arrive 550ms cubic-bezier(.2,.8,.2,1) both; -webkit-tap-highlight-color:#286a5366; }
.entry-notification img { display:block; width:100%; height:auto; pointer-events:none; }
.entry-notification::after { content:""; position:absolute; inset:20% 13% 22%; border-radius:clamp(12px,3vw,38px); pointer-events:none; transition:box-shadow 180ms ease; }
.entry-notification:hover::after { box-shadow:0 0 0 3px #286a53; }
.entry-notification:focus-visible { outline:none; }
.entry-notification:focus-visible::after { outline:3px solid #a8e6d0; outline-offset:5px; }
.entry-gate.is-leaving { opacity:0; pointer-events:none; }
@keyframes notification-arrive { from { opacity:0; transform:translateY(18px) scale(.96); } to { opacity:1; transform:none; } }
@media(max-width:700px) {
 .entry-gate__scene { object-position:85% center; }
 .entry-gate__content { align-items:flex-end; justify-content:center; padding:0 12px max(9svh,32px); background:linear-gradient(transparent 45%,#07182c96); }
 .entry-notification { width:min(100%,520px); border-radius:16px; }
}
@media(max-height:420px) and (min-width:701px) {
 .entry-notification { width:min(580px,50vw); }
}
@media(prefers-reduced-motion:reduce) { .entry-gate,.entry-notification::after { transition:none; } .entry-notification { animation:none; } }
@media(forced-colors:active) { .entry-notification:focus-visible::after { outline-color:Highlight; } }