.floor-marketing .f404-screenshots{width:100%;padding-block:60px 100px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#34202844,transparent 70%)}.f404-screenshots__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:70px}.f404-screenshots__heading>p{max-width:330px;color:#b5b5c1;font-size:16px;line-height:1.8}.f404-screenshot-wall{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:22px;width:115%;margin-left:-7.5%;padding-block:95px}.f404-screenshot-column{display:grid;gap:22px;align-content:start;transform:translateY(var(--gallery-shift,0));will-change:transform}.f404-screenshot-column--1{transform:translateY(calc(55px - var(--gallery-shift,0px)))}.f404-screenshot-column--2{transform:translateY(calc(-35px + var(--gallery-shift,0px)*.65))}.f404-shot{min-width:0}.f404-shot>button{position:relative;border:1px solid #ffffff25;border-radius:18px;background:#141417;padding:0;display:block;width:100%;overflow:hidden;cursor:pointer;color:white;box-shadow:0 20px 70px #0006;transition:transform .25s,box-shadow .25s}.f404-shot>button:hover{transform:scale(1.015);box-shadow:0 15px 50px #0009}.f404-shot>button img{display:block;width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.f404-screenshot-column--1 .f404-shot:first-child img,.f404-screenshot-column--2 .f404-shot:nth-child(2) img{aspect-ratio:4/3}.f404-shot__expand{position:absolute;right:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;background:#050507a6;border:1px solid #ffffff35;border-radius:50%;opacity:0;transition:opacity .2s}.floor-marketing .f404-shot .f404-shot__caption{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 22px;background:linear-gradient(transparent,#000b);text-align:left;font-size:16px;font-weight:500;opacity:0;transition:opacity .2s}.f404-shot>button:focus-visible :is(.f404-shot__expand,.f404-shot__caption),.f404-shot>button:hover :is(.f404-shot__expand,.f404-shot__caption){opacity:1}.f404-shot-dialog{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 40px);width:1500px;max-height:92dvh;padding:0;border:1px solid #ffffff35;border-radius:16px;background:#111114;color:#f5f0dc;overflow:auto;box-shadow:0 30px 120px #000a}.f404-shot-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.f404-shot-dialog>img{display:block;width:100%;height:auto;max-height:80dvh;-o-object-fit:contain;object-fit:contain}.f404-shot-dialog__close{position:absolute;top:15px;right:15px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#101014bb;color:white;cursor:pointer}.f404-shot-dialog p{padding:20px 24px;font-size:18px}.f404-shot-dialog p>span{display:block;color:#bbb;font-size:13px;margin-top:6px}@media(max-width:1000px){.f404-screenshots__heading{margin-bottom:40px}.f404-screenshot-wall{gap:16px;width:120%;margin-left:-10%}.f404-screenshot-column{gap:16px}.f404-shot>button{border-radius:12px}}@media(max-width:600px){.floor-marketing .f404-screenshots{padding-block:50px}.f404-screenshots__heading{display:block;margin-bottom:25px}.f404-screenshots__heading>p{margin-top:20px;max-width:100%}.f404-screenshot-wall{grid-template-columns:1fr;width:100%;margin-left:0;padding:0 14px;gap:14px}.f404-screenshot-column{display:contents;transform:none}.f404-screenshot-column--1 .f404-shot:first-child img,.f404-screenshot-column--2 .f404-shot:nth-child(2) img,.f404-shot>button img{aspect-ratio:16/10}.f404-shot>button{border-radius:12px}.f404-shot__expand{opacity:1;width:34px;height:34px;right:10px;top:10px}.floor-marketing .f404-shot .f404-shot__caption{opacity:1;font-size:14px;padding:40px 18px 18px}.f404-shot-dialog{max-width:calc(100vw - 20px)}}@media(prefers-reduced-motion:reduce){.f404-screenshot-column{transform:none!important;will-change:auto}.f404-shot>button{transition:none}.f404-shot>button:hover{transform:none}}