.d4k{max-width:1180px;margin:0 auto;padding:96px 24px 24px;box-sizing:border-box;font-family:Roboto,system-ui,sans-serif;text-align:left}
.d4k *{box-sizing:border-box}
.d4k-h small{display:block;font:600 12px/1.2 Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9771FF;margin:0 0 12px}
.d4k-h h2{all:unset;display:block;font:600 clamp(28px,3.4vw,42px)/1.1 Outfit,sans-serif;letter-spacing:-.02em;color:#F2F2F2;max-width:720px}
.d4k-h h2 span{background:linear-gradient(90deg,#9771FF,#C9B8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.d4k-t{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px 0 8px;margin:0;scrollbar-width:thin;scrollbar-color:rgba(151,113,255,.5) transparent}
.d4k-c{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#1d1c24,#16161a);border:1px solid rgba(242,242,242,.1);text-decoration:none!important;color:#F2F2F2!important;transition:border-color .25s,transform .25s}
.d4k-c:hover{border-color:rgba(151,113,255,.55);transform:translateY(-3px)}
.d4k-i{display:block;aspect-ratio:16/9;overflow:hidden;background:#17161c}
.d4k-i img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0}
.d4k-b{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}
.d4k-b small{font:500 12px Roboto,sans-serif;color:rgba(242,242,242,.55);letter-spacing:.02em}
.d4k-b b{font:600 20px/1.2 Outfit,sans-serif;color:#F2F2F2}
.d4k-b em{font-style:normal;font:400 14px/1.4 Roboto,sans-serif;color:rgba(242,242,242,.72)}
.d4k-b em strong{font:600 26px/1 Outfit,sans-serif;background:linear-gradient(90deg,#9771FF,#C9B8FF);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:4px}
.d4k-b>span{font:400 14.5px/1.5 Roboto,sans-serif;color:rgba(242,242,242,.62);flex:1}
.d4k-b u{text-decoration:none;font:600 14px Roboto,sans-serif;color:#C9B8FF;margin-top:6px}
.d4k-f{margin-top:22px}
.d4k-f a{display:inline-flex;padding:12px 22px;border-radius:999px;border:1px solid rgba(242,242,242,.18);color:#F2F2F2!important;text-decoration:none!important;font:500 15px Roboto,sans-serif}
.d4k-f a:hover{border-color:#9771FF}
@media (max-width:640px){.d4k{padding-top:72px}.d4k-t{grid-auto-columns:82%}}