.hero-image{animation:none!important;transform:scale(1.05)!important;filter:saturate(1.08) contrast(1.03);background-image:url('hero-reference-blank.png')!important}
.gateway{top:48%;bottom:auto;transform:translate(-50%,-50%);isolation:isolate;gap:12px;background:transparent;border:0;border-radius:0;box-shadow:none;width:min(900px,88vw)}
.gateway a{position:relative;isolation:isolate;min-height:112px;overflow:hidden;animation:none!important;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:#050b13;box-shadow:0 14px 35px rgba(0,0,0,.42);transform:none}
.gateway a::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.12),rgba(2,6,12,.88));translate:0;animation:none}
.gateway video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.2) contrast(1.08);transition:opacity .3s,transform .6s}
.gateway a:hover{transform:none;background:#050b13;border-color:var(--gold);box-shadow:0 18px 48px rgba(0,0,0,.52),0 0 26px rgba(242,200,106,.18)}
.gateway a:hover video,.gateway a:focus video{opacity:1;transform:scale(1.08)}
.gateway a>b,.gateway a>span{position:relative;z-index:2}
.gateway a>b{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(2,7,14,.62);text-shadow:0 0 14px currentColor}
.gateway a>span{padding:5px 8px;border-radius:5px;background:rgba(2,7,14,.58);backdrop-filter:blur(4px)}
@media(max-width:680px){.gateway{top:48%;bottom:auto;transform:translate(-50%,-50%);width:92vw;gap:6px}.gateway a{min-height:54px}.gateway a>b{width:36px;height:36px}}

.side-cover{--cover-a:#db8222;--cover-b:#090d18;position:absolute;z-index:5;top:14%;width:clamp(105px,13.8vw,186px);aspect-ratio:.79;border:1px solid rgba(255,255,255,.62);border-radius:9px;padding:0;overflow:hidden;color:#fff;background:#030711;box-shadow:0 16px 42px rgba(0,0,0,.78),0 0 18px color-mix(in srgb,var(--cover-a) 45%,transparent);cursor:pointer;transition:opacity .32s,transform .5s,border-color .3s}
.side-cover-left{left:6.5%;transform:rotate(4deg);animation:coverVsLeft 4.8s ease-in-out infinite}
.side-cover-right{right:6.5%;top:14%;transform:rotate(-4deg);animation:coverVsRight 4.8s ease-in-out -2.4s infinite}
.side-cover::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--cover-a) 80%,white),transparent 8%),linear-gradient(145deg,color-mix(in srgb,var(--cover-a) 75%,#081329),var(--cover-b) 58%,#02040a);transition:.45s}
.side-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.2),transparent 62%);translate:-130% 0;transition:translate .7s}
.side-cover:hover::after,.side-cover:focus-visible::after{translate:130% 0}
.side-cover:hover,.side-cover:focus-visible{border-color:var(--gold);box-shadow:0 25px 70px rgba(0,0,0,.85),0 0 36px color-mix(in srgb,var(--cover-a) 65%,transparent)}
.side-cover-left:hover,.side-cover-left:focus-visible{transform:rotate(2deg) scale(1.055)}
.side-cover-right:hover,.side-cover-right:focus-visible{transform:rotate(-2deg) scale(1.055)}
.side-cover-art{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 3px 12px #000}
.side-cover-art small{font:700 .58rem var(--display);letter-spacing:.2em;color:#fff}
.side-cover-art strong{margin:8px 0 7px;font:900 clamp(1.4rem,2.5vw,2.8rem)/.72 var(--display);font-style:italic;letter-spacing:-.04em}
.side-cover-art em{font:700 .68rem var(--display);letter-spacing:.18em;color:var(--gold);font-style:normal}
.side-cover-action{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(2,5,12,.86);font:700 .62rem var(--display);letter-spacing:.1em;text-transform:uppercase}
.side-cover-action b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #fff;border-radius:50%}
.side-cover.changing{opacity:0;transform:scale(.88) rotate(0)}
.side-cover[data-theme="city"]{--cover-a:#238cff;--cover-b:#07172f}
.side-cover[data-theme="season"]{--cover-a:#9e4eff;--cover-b:#160829}
.citybound-link{width:min(440px,90vw);justify-content:space-between;gap:16px;border-color:var(--gold);color:var(--gold);white-space:nowrap}
.citybound-link span:last-child{font-size:.65em;letter-spacing:.04em}
.citybound-link:hover{border-color:#fff;box-shadow:0 0 30px rgba(242,200,106,.25)}
.side-cover[data-theme="late"]{--cover-a:#ff3d62;--cover-b:#280712}
@keyframes coverVsLeft{0%,100%{translate:0 0}50%{translate:14px 0}}
@keyframes coverVsRight{0%,100%{translate:0 0}50%{translate:-14px 0}}
@media(max-width:900px){.side-cover{top:15%;width:15vw}.side-cover-right{top:15%}.side-cover-art small,.side-cover-art em{display:none}.side-cover-action{padding:7px;font-size:.52rem}}
@media(max-width:680px){.side-cover{top:14%;width:20vw;border-radius:6px}.side-cover-left{left:4%}.side-cover-right{right:4%;top:14%}.side-cover-art strong{font-size:1.05rem}.side-cover-action{justify-content:center;padding:4px;font-size:.48rem}.side-cover-action b{display:none}@keyframes coverVsLeft{0%,100%{translate:0 0}50%{translate:7px 0}}@keyframes coverVsRight{0%,100%{translate:0 0}50%{translate:-7px 0}}}