@-webkit-keyframes slidein-right-and-show{0%{opacity:0;transform:translate(.5em)}to{opacity:1;transform:translate(0)}}@keyframes slidein-right-and-show{0%{opacity:0;transform:translate(.5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(10px)}}@keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(10px)}}@-webkit-keyframes simple-fade-out{0%{display:inline-block;opacity:1}99%{display:inline-block;opacity:.1}to{display:none;opacity:0}}@keyframes simple-fade-out{0%{display:inline-block;opacity:1}99%{display:inline-block;opacity:.1}to{display:none;opacity:0}}.dn-sc{background:#04132b;color:#fff;overflow:hidden;position:relative}.dn-sc__glow{background:radial-gradient(58% 46% at 6% -6%,rgba(255,140,56,.42) 0,rgba(239,46,8,.18) 38%,rgba(4,19,43,0) 68%),radial-gradient(46% 40% at 100% 4%,rgba(59,169,240,.34) 0,rgba(4,19,43,0) 64%),radial-gradient(40% 38% at 40% -8%,rgba(88,120,220,.18) 0,rgba(4,19,43,0) 70%);height:900px;inset:0 0 auto 0;pointer-events:none;position:absolute;z-index:0}.dn-sc__inner{margin:0 auto;max-width:1120px;padding:56px 24px 96px;position:relative;z-index:1}@media screen and (max-width:900px){.dn-sc__inner{padding:40px 16px 72px}}.dn-sc__title{font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 32px}@media screen and (max-width:900px){.dn-sc__title{font-size:24px;margin-bottom:24px}}.dn-sc__filter{margin-bottom:32px;max-width:100%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dn-sc__filter-scroller{-ms-overflow-style:none;align-items:center;background:hsla(0,0%,100%,.06);border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1);display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none}.dn-sc__filter-scroller::-webkit-scrollbar{display:none}.dn-sc__filter-btn{background:transparent;border:0;border-radius:999px;color:hsla(0,0%,100%,.6);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;padding:6px 14px;transition:color .2s,background-color .2s;white-space:nowrap}.dn-sc__filter-btn:hover{color:#fff}.dn-sc__filter-btn.is-active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#04132b;font-weight:500}.dn-sc__filter-fade{background:linear-gradient(270deg,#04132b 0,rgba(4,19,43,.7) 45%,rgba(4,19,43,0));border-radius:0 999px 999px 0;inset:0 0 0 auto;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s;width:56px}.dn-sc__filter.is-scrollable .dn-sc__filter-fade{opacity:1}.dn-sc__grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:900px){.dn-sc__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.dn-sc__grid{grid-template-columns:1fr}}.dn-sc__card{border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),0 1px 3px rgba(0,0,0,.3);display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s,box-shadow .3s}.dn-sc__card:hover{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25),0 16px 40px rgba(0,0,0,.45);transform:translateY(-2px)}.dn-sc__card[hidden]{display:none}.dn-sc__card-shot{aspect-ratio:16/10;background:#fff}.dn-sc__card-shot img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.dn-sc__card-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.25) 45%,transparent);display:flex;gap:8px;inset:auto 0 0 0;justify-content:space-between;opacity:0;padding:40px 14px 14px;position:absolute;transition:opacity .3s}.dn-sc__card:hover .dn-sc__card-overlay{opacity:1}.dn-sc__card-title{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4);transform:translateY(4px);transition:transform .3s}.dn-sc__card:hover .dn-sc__card-title{transform:translateY(0)}.dn-sc__card-arrow{color:hsla(0,0%,100%,.9);font-size:14px;transform:translateY(4px);transition:transform .3s}.dn-sc__card:hover .dn-sc__card-arrow{transform:translateY(0)}@media(hover:none){.dn-sc__card-overlay{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 70%);opacity:1}.dn-sc__card-arrow,.dn-sc__card-title{transform:none}}
