.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.gallery__item--featured{grid-area:span 2/span 2}.gallery__item--cta{grid-column:1/-1}.skin-card{perspective:1000px;-webkit-tap-highlight-color:transparent;height:100%;text-decoration:none;display:block;position:relative}.skin-card:before{content:"";clip-path:var(--notch);transition:transform .4s var(--ease-out), background-color .4s;background:#0a0c0d;position:absolute;inset:0;transform:translateY(8px)}.skin-card__body{height:100%;min-height:320px;clip-path:var(--notch);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease-out);background:#1f2427;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff12}.skin-card__bg{background:radial-gradient(60% 45% at 50% 42%,#00a5a880,#0000 70%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/16px 16px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/16px 16px,linear-gradient(#13303a,#182022);transition:opacity .4s;position:absolute;inset:0}.skin-card img{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 12px #00000073);width:100%;height:100%;min-height:0;max-height:360px;transition:transform .55s var(--ease-spring);flex:1;margin:auto;padding:26px 16% 8px;position:relative}.gallery__item--featured .skin-card img{max-height:620px;padding-block:36px 12px}.skin-card__badge{z-index:2;font:400 .75rem/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--lilac);box-shadow:0 0 0 2px var(--navy);padding:5px 10px 6px;position:absolute;top:16px;left:16px}.skin-card__meta{z-index:2;background:#0a0c0dbf;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 16px;display:flex;position:relative;box-shadow:inset 0 3px #ffffff0d}.skin-card__name{font:400 1.6rem/1 var(--f-pixel);letter-spacing:.04em;color:#fff}.gallery__item--featured .skin-card__name{font-size:2.3rem}.skin-card__zoom{font:500 .8rem/1 var(--f-ui);color:var(--cyan);opacity:0;transition:opacity .25s, transform .35s var(--ease-spring);align-items:center;gap:6px;display:inline-flex;transform:translate(-8px)}.skin-card__zoom svg{width:14px}@media (hover:hover){.skin-card:hover:before{background:#00a5a880;transform:translateY(12px)}.skin-card:hover .skin-card__body{transform:translate3d(0, -6px, 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.skin-card:hover img{transform:translateY(-8px)scale(1.07)}.skin-card:hover .skin-card__zoom{opacity:1;transform:none}}.skin-card:focus-visible .skin-card__zoom{opacity:1;transform:none}@media (hover:none){.skin-card__zoom{opacity:1;transform:none}.skin-card__zoom span{display:none}}.empty-slot{clip-path:var(--notch);background:repeating-linear-gradient(135deg,#ffffff06 0 10px,#0000 10px 20px),#181b1d;align-items:center;gap:20px;padding:22px clamp(18px,3vw,32px);text-decoration:none;transition:box-shadow .3s,background-color .3s;display:flex;box-shadow:inset 0 0 0 3px #5ce1e647}.empty-slot__plus{width:56px;height:56px;color:var(--cyan);background:var(--slot);flex:none;place-items:center;display:grid;box-shadow:inset 3px 3px #00000080,inset -3px -3px #ffffff12}.empty-slot__plus svg{width:22px;transition:transform .45s var(--ease-spring)}.empty-slot__text{flex-direction:column;flex:1;gap:4px;display:flex}.empty-slot__text strong{font:400 1.75rem/1 var(--f-pixel);color:#fff}.empty-slot__text small{color:var(--muted);font-size:.9rem}.empty-slot__arrow{color:var(--cyan);transition:transform .35s var(--ease-spring)}.empty-slot__arrow svg{width:16px}.empty-slot:hover{box-shadow:inset 0 0 0 3px var(--cyan), inset 0 0 40px #00a5a833}.empty-slot:hover .empty-slot__plus svg{transform:rotate(90deg)scale(1.15)}.empty-slot:hover .empty-slot__arrow{transform:translate(6px)}@media (max-width:960px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery__item--featured{grid-area:auto/1/auto/-1}.gallery__item--featured .skin-card img{max-height:420px}.skin-card__body{min-height:260px}}@media (max-width:420px){.gallery{gap:12px}.skin-card__body{min-height:230px}.skin-card__meta{padding:10px 12px 12px}.skin-card__name{font-size:.9rem}}.gallery-pages{scroll-margin-top:calc(var(--header-h) + 24px);gap:clamp(22px,3vw,32px);display:grid}.gallery{touch-action:pan-y}.gallery--slide-next{animation:gallery-in-next .45s var(--ease-out)}.gallery--slide-prev{animation:gallery-in-prev .45s var(--ease-out)}@keyframes gallery-in-next{0%{opacity:0;transform:translate(48px)}}@keyframes gallery-in-prev{0%{opacity:0;transform:translate(-48px)}}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;display:flex}.pager__pages{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pager__btn,.pager__num{cursor:pointer;min-width:44px;height:44px;font:400 1.25rem/1 var(--f-pixel);color:var(--text);transition:background-color .2s, transform .2s var(--ease-spring);background:#2b3034;border:0;place-items:center;padding:0 10px;display:grid;box-shadow:0 0 0 3px #0a0c0d,inset 0 3px #ffffff14,inset 0 -4px #00000059}.pager__btn svg{width:16px}.pager__prev{transform:scaleX(-1)}.pager__btn:hover:not(:disabled),.pager__num:hover:not(.is-on){background:#363c41;transform:translateY(-2px)}.pager__btn:disabled{opacity:.35;cursor:default}.pager__num.is-on{color:var(--navy);background:var(--teal);box-shadow:0 0 0 3px var(--navy), inset 0 3px 0 var(--teal-hi), inset 0 -4px 0 var(--teal-lo)}.pager__status{text-align:center;font:400 .75rem/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-basis:100%;margin:0}@media (prefers-reduced-motion:reduce){.gallery--slide-next,.gallery--slide-prev{animation:none}}