*{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}
.sec{padding:clamp(56px,7vw,96px) clamp(20px,5vw,64px)}
.sec.blue{background:#002868}
.wrap{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px 72px}
.side{flex:0 1 300px;min-width:0}
.side h2{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(40px,5vw,60px);line-height:1.05}
.side p{margin:16px 0 0;font-size:15px;line-height:1.7;font-weight:300;color:#B3BDD3}
.blue .side p{color:#C3CCE0}
.tbl{flex:1 1 480px;min-width:0;border-bottom:1px solid rgba(245,243,238,.2)}
.r{display:flex;flex-wrap:wrap;gap:8px 32px;padding:22px 0;border-top:1px solid rgba(245,243,238,.2)}
.k{flex:0 0 190px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#AEB9D6;padding-top:5px}
.v{flex:1 1 260px;min-width:0;font-size:18px;font-weight:300;line-height:1.6}
.v em{display:block;margin-top:6px;font-style:normal;font-size:15px;line-height:1.7;color:#B3BDD3}
.cols{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px 64px}
.col{flex:1 1 280px;min-width:0;border-top:1px solid #BF0A30;padding-top:24px}
.col h3{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.5vw,34px);font-weight:400;line-height:1.2}
.col p{margin:14px 0 0;font-size:15px;line-height:1.7;font-weight:300;color:#B3BDD3}
.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#E8566C}
.list{margin:0;padding:0;list-style:none}
.list li{padding:14px 0;border-top:1px solid rgba(245,243,238,.16);font-size:17px;font-weight:300;line-height:1.6}
.list li:last-child{border-bottom:1px solid rgba(245,243,238,.16)}
.num{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;font-weight:300;color:#E8566C;line-height:1}


.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 36s infinite}
.film img:first-child{opacity:1}
@keyframes cut{0%{opacity:0;transform:scale(1)}3%{opacity:1}17%{opacity:1}20%{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}}
.conv{background:#002868}
.conv-head{padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px);background:linear-gradient(rgba(0,40,104,.35),rgba(0,40,104,.35)),url(images/mosaic.webp) center/cover no-repeat,#002868}
.conv-body{background:#002868;padding-top:clamp(20px,2.5vw,32px)}
.conv .num{color:#E8566C}
.site-foot{background:#040C1C;border-top:1px solid rgba(245,243,238,.2);padding:56px clamp(20px,5vw,64px) 28px}
.foot-base{max-width:1200px;margin:44px auto 0;padding-top:20px;border-top:1px solid rgba(245,243,238,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 40px;font-size:12px;font-weight:300;line-height:1.7;color:#6F7D9E}
.foot-base .credits{max-width:70ch;font-size:11px}
.grid{display:grid;gap:40px 48px;max-width:1200px;margin:0 auto}
.grid>*{min-width:0}
.grid.g4{grid-template-columns:repeat(4,1fr)}
.grid.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.grid.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.grid.g3{grid-template-columns:1fr}}
@media (max-width:640px){.grid.g4{grid-template-columns:1fr}}
.tag{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#E8566C}
