.stills-page{position:relative;z-index:1;min-height:100vh;background-image:linear-gradient(180deg,#070809,#050607);animation:stills-in .34s cubic-bezier(.2,.7,.2,1)}@keyframes stills-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.stills-empty{text-align:center;padding:22vh 0;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim)}.stills-wrap{width:96vw;max-width:2200px;margin:0 auto;padding:100px 0}@media(max-width:700px){.stills-wrap{width:92vw;padding:84px 0 60px}}.stills-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;margin:max(6px,calc(11vh - 90px)) 0 34px}.stills-tabs a{display:flex;align-items:center;gap:10px;padding:4px 0;font-family:var(--mono);font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:var(--bone-dim);transition:color .22s ease}.stills-tabs a:before{content:"";flex:none;width:6px;height:8px;border-radius:3px 3px 1px 1px;box-shadow:inset 0 0 0 1px var(--bone-fade);transform-origin:50% 100%;transition:box-shadow .3s ease,background .3s ease}.stills-tabs a:hover{color:var(--bone)}.stills-tabs a:hover:before{box-shadow:inset 0 0 0 1px var(--bone-dim)}.stills-tabs a.active{color:var(--bone)}.stills-tabs a.active:before{background:var(--red);box-shadow:0 0 9px #dd1422cc;animation:pastille-monte .5s cubic-bezier(.2,.9,.3,1.35) .12s backwards}@keyframes pastille-monte{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:700px){.stills-tabs{gap:10px 18px;margin:4px 0 24px}.stills-tabs a{gap:7px;letter-spacing:.22em}}@media(prefers-reduced-motion:reduce){.stills-tabs a.active:before{animation:none}}