*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#071733;color:#F5F3EE}
img{max-width:100%}
a:hover{color:#E8566C !important}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:#E8566C !important}
button:hover{background:#BF0A30 !important;color:#F5F3EE !important}
a:focus-visible,button:focus-visible{outline:2px solid #E8566C;outline-offset:3px}
.g-grid{column-count:3;column-gap:20px}
.g-item{display:block;width:100%;margin:0 0 20px;padding:0;border:0;border-bottom:2px solid #BF0A30;background:#0D2250;cursor:zoom-in;break-inside:avoid;overflow:hidden}
.g-item img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05) brightness(.92);transition:filter .4s ease}
.g-item:hover img,.g-item:focus-visible img{filter:none}
@media (max-width:900px){.g-grid{column-count:2}}
@media (max-width:520px){.g-grid{column-count:1}}
.lb{position:fixed;inset:0;z-index:50;background:rgba(4,12,28,.96);display:flex;align-items:center;justify-content:center;padding:56px 16px}
.lb[hidden]{display:none}
.lb img{max-width:min(1100px,100%);max-height:100%;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#F5F3EE;font-size:32px;cursor:pointer;width:52px;height:52px;line-height:1}
.lb button:hover{color:#E8566C}
.lb-x{top:8px;right:8px;font-size:40px}.lb-p{left:4px;top:50%;margin-top:-26px}.lb-n{right:4px;top:50%;margin-top:-26px}
.band{max-width:1200px;margin:0 auto;position:relative;height:clamp(160px,22vw,300px);overflow:hidden;background:#0D2250;border:1px solid rgba(245,243,238,.12)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.05) brightness(.8)}
.band i{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,40,104,.25) 0%,rgba(7,23,51,.8) 100%)}
:root{color-scheme:dark}


.film{position:absolute;inset:0;overflow:hidden;background:#0D2250}
.film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.75) brightness(.85);animation:cut 30s infinite}
.film img:first-child{opacity:1}
@keyframes cut{0%{opacity:0;transform:scale(1)}3%{opacity:1}20%{opacity:1}23%{opacity:0;transform:scale(1.09)}100%{opacity:0;transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.film img{animation:none}.film img:not(:first-child){display:none}}