.scroll-down{bottom:8rem;position:absolute;right:1rem;transform:rotate(90deg);user-select:none;@media (max-width:420px){right:-.3rem}&:after{height:1px;margin-left:8px;top:1rem;width:100px}&:after,&:before{border:1px solid #fff;content:"";position:absolute}&:before{border-radius:200%;height:12px;margin-right:24px;transform:translateY(10px) translateX(-20px);width:12px}}.slideshow{position:relative;width:100%}.slideshow-container{aspect-ratio:16/9}.slideshow-images{height:100%;position:relative;width:100%}.slideshow-slide{inset:0;opacity:0;position:absolute;transform:scale(1.03);transition:opacity .6s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}.slideshow-slide.active{opacity:1;transform:none}.media-frame{background:#000;border:1px solid var(--border);border-radius:2px;overflow:hidden;position:relative;width:100%}.media-fallback,.media-placeholder{animation:mediaShimmer 1.6s linear infinite;background:linear-gradient(100deg,#111 30%,#1c1c1c 50%,#111 70%) 0 0 /300% 100%;height:100%;width:100%}.media-fallback{aspect-ratio:16/9;border:1px solid var(--border);border-radius:2px}@keyframes mediaShimmer{0%{background-position:100% 0}to{background-position:0 0}}.media-nav{align-items:center;backdrop-filter:blur(6px);background:#0009;border:1px solid #ffffff40;border-radius:2px;color:var(--fg);cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,background-color .15s,color .15s,border-color .15s;width:2.5rem;z-index:10;&.prev{left:1rem}&.next{right:1rem}&:focus-visible,&:hover{background:var(--fg);border-color:var(--fg);color:#000}}.media-frame:hover .media-nav,.media-nav:focus-visible{opacity:1}@media (hover:none){.media-nav{opacity:1}}.media-counter{background:#000a;bottom:.85rem;color:var(--muted);font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;left:1rem;letter-spacing:.1em;padding:.15rem .5rem;pointer-events:none;position:absolute;z-index:10}.media-counter-current{color:var(--fg)}.media-credit{background:#000a;bottom:.85rem;color:var(--muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;padding:.15rem .5rem;position:absolute;right:1rem;text-decoration:none;transition:color .15s;z-index:10;&:focus-visible,&:hover{color:var(--fg)}}.media-progress{display:flex;gap:3px;margin-top:.75rem}.media-progress-item{background:transparent;border:0;cursor:pointer;flex:1;height:14px;padding:0;position:relative;&:before{background:var(--border);content:"";inset:6px 0;position:absolute;transition:background-color .2s}&:hover:before{background:var(--muted)}&[aria-selected=true]:before{background:var(--fg)}.is-autoplay &[aria-selected=true]:before{background:var(--muted)}&:focus-visible{outline-offset:0}}.media-progress-fill{animation:mediaProgressFill linear forwards;background:var(--fg);inset:6px 0;position:absolute;transform-origin:left}@keyframes mediaProgressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.media-toggle{background:#000a;border:0;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;opacity:0;padding:.15rem .5rem;position:absolute;right:1rem;top:.85rem;transition:opacity .2s,color .15s;z-index:10;&:focus-visible,&:hover{color:var(--fg)}}.media-frame:hover .media-toggle,.media-toggle:focus-visible,.media-toggle[aria-pressed=true]{opacity:1}@media (hover:none){.media-toggle{opacity:1}}.media-caption{align-items:baseline;display:flex;font-size:.9375rem;gap:1rem;margin-top:1rem;overflow-wrap:anywhere}.media-caption .media-counter{background:none;flex-shrink:0;padding:0;position:static}@media (max-width:34rem){.media-nav{height:2rem;width:2rem;&.prev{left:.5rem}&.next{right:.5rem}}}