.vids{padding-top:calc(var(--sec) * .6);margin-bottom:var(--sec)}.vid-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--gap)}.vid{display:block;color:var(--bone);text-decoration:none}.vid-still{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:2px;background:var(--ink-1)}.vid-still:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #efe4d214;background:linear-gradient(180deg,transparent 55%,rgba(9,7,10,.55))}.vid-still img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}.vid:hover .vid-still img,.vid:focus-visible .vid-still img{transform:scale(1.045);filter:brightness(1.08)}.vid-play{position:absolute;z-index:1;left:50%;top:50%;width:clamp(60px,7vw,84px);aspect-ratio:1;margin:0;translate:-50% -50%;border-radius:50%;background:#0d0a0e8c;box-shadow:inset 0 0 0 2px #efe4d2d9,0 10px 40px -8px #000c;backdrop-filter:blur(4px);transition:background .3s,box-shadow .3s,transform .35s var(--ease)}.vid-play:after{content:"";position:absolute;inset:0;margin:auto;width:32%;height:36%;translate:10% 0;background:var(--bone);clip-path:polygon(0 0,100% 50%,0 100%);transition:background .3s}.vid:hover .vid-play,.vid:focus-visible .vid-play{transform:scale(1.08);background:#e8643ad9;box-shadow:inset 0 0 0 2px var(--sun),0 0 48px -4px #f4b57c99}.vid:hover .vid-play:after,.vid:focus-visible .vid-play:after{background:#fff8ee}.vid-len{position:absolute;z-index:1;right:10px;bottom:10px;padding:3px 7px 4px;border-radius:2px;font:700 .8125rem/1 var(--text);font-variant-numeric:tabular-nums;color:var(--bone);background:#09070acc}.vid-text{display:block;padding:14px 2px 0}.vid-kicker{display:block;margin-bottom:4px;font:500 .875rem/1.2 var(--caps);letter-spacing:.12em;color:var(--sun)}.vid-title{display:block;font:400 clamp(1.375rem,2vw,1.75rem)/1.15 var(--display);color:var(--bone);transition:color .25s}.vid:hover .vid-title,.vid:focus-visible .vid-title{color:var(--sun)}.vlb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:64px clamp(12px,4vw,72px) 24px;background:#09070af5;color:var(--bone);overflow:hidden}.vlb[open]{display:grid;place-items:center;animation:vlb-in .3s var(--ease)}.vlb::backdrop{background:transparent}@keyframes vlb-in{0%{opacity:0}}.vlb-fig{margin:0;display:flex;flex-direction:column;gap:14px;width:min(100%,(100vh - 150px) * 16 / 9);width:min(100%,(100dvh - 150px) * 16 / 9)}.vlb-stage{position:relative;aspect-ratio:16 / 9;background:#000;box-shadow:0 40px 100px -30px #000000e6}.vlb-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vlb-fig figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;font:500 1rem/1.3 var(--caps);letter-spacing:.1em}.vlb-out{color:var(--mute);font-size:.9375rem}.vlb-out:hover{color:var(--sun)}.vlb-close{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;color:var(--bone);background:#161118d9;box-shadow:inset 0 0 0 1px var(--rule-2);font:400 1.75rem/1 var(--text)}.vlb-close:hover{color:var(--sun);box-shadow:inset 0 0 0 1px var(--sun)}@media(max-width:719px){.vids{padding-top:clamp(48px,12vw,72px)}.vlb{padding-inline:0}.vlb-fig figcaption{padding:0 16px;font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.vid-still img,.vid-play,.vlb[open]{transition:none;animation:none}.vid:hover .vid-still img,.vid:focus-visible .vid-still img,.vid:hover .vid-play,.vid:focus-visible .vid-play{transform:none}}