.portfolio-page{--portfolio-glass: rgba(18, 18, 21, .68);--portfolio-edge: rgba(255, 255, 255, .13)}.portfolio-page .app{padding-top:18px}.portfolio-page .app:before{content:"";position:absolute;top:40px;left:8%;right:8%;height:620px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 50%,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 48%,transparent 100%)}.portfolio-page .portfolio-nav{position:relative;inset:auto;display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:20px}.portfolio-page .portfolio-nav .corner-hit{grid-column:1;grid-row:1}.portfolio-nav__discord{grid-column:3;grid-row:1;justify-self:end;display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid var(--portfolio-edge);border-radius:15px;background:linear-gradient(155deg,#ffffff1a,#ffffff06),#121215ad;color:#dcdce1;box-shadow:inset 0 1px #ffffff12,0 14px 40px -24px #000000e6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);text-decoration:none;opacity:0;pointer-events:none;transition:opacity .6s ease,border-color .25s ease,background .25s ease,color .25s ease}.portfolio-nav__discord svg{width:23px;height:23px;fill:currentColor}.portfolio-page.is-ready .portfolio-nav__discord{opacity:1;pointer-events:auto}.portfolio-nav__discord:is(:hover,:focus-visible){border-color:#ffffff4d;background:linear-gradient(155deg,#ffffff2e,#ffffff13),#121215ad;color:#fff}.portfolio-page .filters{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:15;width:fit-content;max-width:100%;gap:5px;margin:0;padding:7px;border:1px solid var(--portfolio-edge);border-radius:18px;background:#101013e0;box-shadow:0 14px 40px -24px #000000e6,inset 0 1px #ffffff0e;opacity:0;pointer-events:none;transition:opacity .6s ease}.portfolio-page.is-ready .filters{opacity:1;pointer-events:auto}.portfolio-page .filters__button{position:relative;padding:11px 19px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a9a9af;font-size:11px;font-weight:500;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.portfolio-page .filters__button:hover{color:#fff;background:#ffffff0b}.portfolio-page .filters__button.is-active{border-color:#ffffff3d;background:linear-gradient(155deg,#ffffff2e,#ffffff13);color:#fff;box-shadow:inset 0 1px #ffffff24,0 3px 9px #0003}.portfolio-page .card__inner{padding:8px;border-color:var(--portfolio-edge);border-radius:22px;background:linear-gradient(145deg,#ffffff13,#ffffff03 52%),var(--portfolio-glass);box-shadow:inset 0 1px #ffffff12,0 14px 34px -24px #000000a6;will-change:auto}.portfolio-page .card__media{border:1px solid rgba(255,255,255,.045);border-radius:14px;background:#0c0c0f99}.portfolio-page .card__img{filter:none}.portfolio-page .card:hover .card__img{filter:none;transform:scale(1.025)}.portfolio-page .card__caption{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:14px 48px 6px 9px;text-align:left}.portfolio-page .card__category{color:#9a9aa2;font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.portfolio-page .card__title{overflow:hidden;color:#eaeaed;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.portfolio-page .card__glare{background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.085),transparent 65%)}.portfolio-page .card__cue{right:16px;bottom:16px;width:32px;height:32px;border-color:#ffffff2e;background:#ffffff0e}.portfolio-page .card:is(:hover,:focus-visible) .card__inner{border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff1f,0 22px 50px -25px #000000d9,0 0 36px -18px #ffffff2e}.portfolio-page .card:focus-visible .card__glare{opacity:1}.portfolio-page .card:focus-visible .card__cue{opacity:1;transform:none}.portfolio-page .card__inner:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.055) 50%,transparent 65%);opacity:0;transform:translate(-110%)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.portfolio-page .card:hover .card__inner:after{animation:portfolio-reflection 1s var(--ease-out) both}}@keyframes portfolio-reflection{0%{opacity:0;transform:translate(-110%)}20%{opacity:1}to{opacity:0;transform:translate(110%)}}.portfolio-page .portfolio-packs .studio-packs__header{padding:8px 2px 12px}.portfolio-page .portfolio-packs .studio-packs__grid{gap:var(--gap);align-items:start}.portfolio-page .portfolio-packs .card{margin:0}.portfolio-page .lightbox__backdrop{background:#08080ac2;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.portfolio-page .lightbox__img{border-color:var(--portfolio-edge);border-radius:18px}.portfolio-page .lightbox__btn{background:#ffffff12;border-color:var(--portfolio-edge)}.portfolio-page .pack-modal__window{background:#0e0e11e6;border-color:#ffffff30;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff0f,0 35px 100px #0009}.portfolio-page .pack-modal__header{background:#ffffff05}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.portfolio-page .filters{background:#121215ad;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.portfolio-page .card__inner{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (max-width: 1080px){.portfolio-page .portfolio-packs .studio-packs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.portfolio-page .portfolio-nav{grid-template-columns:1fr 1fr;gap:14px}.portfolio-nav__discord{grid-column:2}.portfolio-page .filters{grid-column:1 / -1;grid-row:2;gap:4px;padding:6px;border-radius:15px}.portfolio-page .app{padding-top:6px}.portfolio-page .filters__button{padding:9px 12px;font-size:10px;border-radius:9px}.portfolio-page .card__inner{padding:7px;border-radius:19px}.portfolio-page .card__media{border-radius:12px}.portfolio-page .card__caption{padding-left:7px}}@media (max-width: 640px){.portfolio-page .portfolio-packs .studio-packs__grid{grid-template-columns:1fr}}@media (hover: none){.portfolio-page .card__inner{backdrop-filter:none;-webkit-backdrop-filter:none}.portfolio-page .card:hover .card__img{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.portfolio-page .filters__button:hover,.portfolio-page .card:hover .card__img{transform:none}.portfolio-page .card__inner:after{animation:none}.portfolio-page .card__cue{transition:none}}