.km-hero{position:relative;height:min(860px,92vh);min-height:680px;overflow:hidden}.km-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.5) contrast(1.12)}.km-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#060405fc,#10070a9c 52%,#060405d5),linear-gradient(0deg,#080506,transparent 40%),rgba(105,8,27,.11)}.km-hero__copy{position:absolute;left:clamp(25px,10vw,190px);bottom:90px;width:min(760px,60vw)}.km-hero__copy>p{color:#e15268;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.km-hero__copy>p i{display:inline-block;width:36px;height:1px;margin-right:13px;background:#e32443;vertical-align:middle}.km-hero h1{margin:25px 0;font:500 clamp(54px,6.5vw,100px)/.95 var(--serif);letter-spacing:-.055em}.km-hero h1 em,.km-gallery h2 em{color:#b82942;font-style:normal;font-weight:400}.km-hero__copy>span{display:block;max-width:620px;margin-bottom:34px;color:#aaa0a2;font-size:18px;line-height:1.65}.km-hero__counter{position:absolute;right:6vw;bottom:90px;width:160px;padding:23px 0;border-block:1px solid rgba(255,255,255,.14)}.km-hero__counter span,.km-hero__counter small{display:block;color:#756b6e;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.km-hero__counter b{display:block;margin:10px 0;color:#eee3e5;font:500 55px var(--serif)}.km-gallery{padding:130px 6vw;background:radial-gradient(circle at 85% 10%,rgba(118,9,29,.13),transparent 25%),#080506}.km-gallery>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;max-width:1450px;margin:0 auto 65px}.km-gallery>header>div:first-child>span{color:#dc4359;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.km-gallery h2{margin:20px 0 0;font:500 clamp(42px,5vw,72px)/1.02 var(--serif)}.km-filters{display:flex;border-bottom:1px solid rgba(255,255,255,.13)}.km-filters button{position:relative;padding:15px 18px;border:0;background:none;color:#786e71;font-size:8px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;cursor:pointer}.km-filters button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#df2845;transform:scaleX(0);transition:.25s}.km-filters button.is-active{color:#fff}.km-filters button.is-active:after{transform:scaleX(1)}.km-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:12px;max-width:1450px;margin:auto}.km-shot{position:relative;min-width:0;padding:0;border:1px solid rgba(255,255,255,.13);background:#10090b;overflow:hidden;cursor:zoom-in;text-align:left;transition:opacity .3s,transform .3s}.km-shot--hero{grid-column:span 2;grid-row:span 2}.km-shot--tall{grid-row:span 2}.km-shot--wide{grid-column:span 2}.km-shot[hidden]{display:none}.km-shot>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.67);transition:transform .7s,filter .5s}.km-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080506e8,transparent 63%);pointer-events:none}.km-shot>span{position:absolute;z-index:2;right:25px;bottom:23px;left:25px}.km-shot small{display:block;color:#de4a60;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.km-shot strong{display:block;margin-top:10px;font:500 clamp(18px,1.8vw,27px) var(--serif)}.km-shot>span i{position:absolute;right:0;bottom:3px;color:#9d9295;font-size:7px;font-style:normal;letter-spacing:.15em;text-transform:uppercase;opacity:0;transform:translateX(7px);transition:.3s}.km-shot:hover>img{transform:scale(1.04);filter:saturate(.78) brightness(.74)}.km-shot:hover>span i{opacity:1;transform:none}.km-empty{max-width:1450px;margin:auto;padding:80px;border:1px solid rgba(255,255,255,.12);text-align:center}.km-empty span{color:#3c3033;font:60px var(--serif)}.km-empty p{color:#897e81}.km-community{display:grid;grid-template-columns:1fr 380px auto;gap:60px;align-items:center;padding:100px 8vw;border-block:1px solid rgba(255,255,255,.13);background:linear-gradient(105deg,#0a0607eb,#2c0a10c9),url('../img/universe/backgrounds/l2-story-fortress.jpg') center/cover}.km-community span{color:#db445a;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.km-community h2{margin:18px 0 0;font:500 clamp(32px,4vw,55px)/1.08 var(--serif)}.km-community>p{color:#a09598;font-size:17px;line-height:1.65}.km-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:rgba(4,3,4,.96);color:#eee3e5}.km-lightbox[open]{display:grid;grid-template-columns:85px 1fr 85px;align-items:center}.km-lightbox::backdrop{background:#030203f5}.km-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;padding:60px 0 30px}.km-lightbox figure>img{width:100%;height:100%;min-height:0;object-fit:contain}.km-lightbox figcaption{display:flex;justify-content:space-between;align-items:center;padding:22px 10px 0}.km-lightbox figcaption small{color:#d6475d;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.km-lightbox figcaption strong{font:500 17px var(--serif)}.km-lightbox__close,.km-lightbox__arrow{border:1px solid rgba(255,255,255,.15);background:#0d0809;color:#cfc2c5;cursor:pointer}.km-lightbox__close{position:absolute;z-index:2;top:25px;right:25px;width:44px;height:44px;font-size:24px}.km-lightbox__arrow{width:46px;height:46px;justify-self:center;font-size:18px}.km-lightbox button:hover{border-color:#d52c47;color:#fff}
@media(max-width:1000px){.km-hero__copy{width:auto;right:25px}.km-hero__counter{display:none}.km-gallery{padding:95px 24px}.km-gallery>header{grid-template-columns:1fr}.km-filters{overflow:auto}.km-grid{grid-template-columns:repeat(2,1fr)}.km-community{grid-template-columns:1fr;gap:30px}.km-community .kn-button{justify-self:start}}@media(max-width:600px){.km-hero{height:760px}.km-hero__copy{bottom:65px}.km-hero h1{font-size:45px}.km-hero__copy>span{font-size:16px}.km-grid{display:flex;flex-direction:column}.km-shot,.km-shot--hero,.km-shot--tall,.km-shot--wide{height:340px}.km-filters button{padding-inline:14px}.km-community{padding:75px 24px}.km-lightbox[open]{grid-template-columns:55px 1fr 55px}.km-lightbox figure{padding:70px 0 25px}.km-lightbox figcaption{align-items:flex-start;flex-direction:column;gap:8px}.km-lightbox__arrow{width:38px;height:38px}}