.media-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}@media(min-width:640px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(calc((720px - 1rem)/var(--img-count,2) - 1rem),300px),1fr))}}@media(min-width:900px){[data-centered]{margin-left:auto;margin-right:auto;max-width:min(var(--max-width,680px),100%)}}.media-fig{display:flex;flex-direction:column;gap:.4rem}.media-fig img{width:100%;height:auto;border-radius:4px;border:1px solid var(--border);display:block;aspect-ratio:16/9;object-fit:cover;background:var(--border)}.media-fig figcaption{font-size:.7rem;color:var(--muted);text-align:center;letter-spacing:.04em;font-variant-numeric:tabular-nums}.media-video{margin:1.5rem 0;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;background:#0a0908;position:relative;box-shadow:0 0 0 1px rgba(156,142,130,6%),0 4px 32px rgba(0,0,0,.6),inset 0 0 0 1px rgba(156,142,130,4%)}.media-video video{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a0908;display:block;cursor:pointer;filter:contrast(1.02)}.media-video-wrap{position:relative}.media-video-wrap::before,.media-video-wrap::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:7px;height:60%;pointer-events:none;z-index:2;background-image:repeating-linear-gradient( to bottom,transparent 0,transparent 6px,rgba(156,142,130,.25) 6px,rgba(156,142,130,.25) 10px,transparent 10px,transparent 16px );background-repeat:repeat-y;background-size:100% 16px}.media-video-wrap::before{left:4px}.media-video-wrap::after{right:4px}.media-video-wrap::before{box-shadow:inset 0 0 40px rgba(0,0,0,.5)}.media-controls{position:absolute;bottom:0;left:0;right:0;padding:2rem 2.5rem .6rem;background-image:linear-gradient(to top,rgba(10,9,8,.97) 0%,rgba(10,9,8,.85) 50%,transparent 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");transform:translateY(4px);opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:3;display:flex;flex-direction:column;gap:.45rem}.media-video:hover .media-controls,.media-controls:focus-within{opacity:1;transform:translateY(0)}.media-progress{width:100%;height:2px;background:rgba(156,142,130,.2);border-radius:1px;cursor:pointer;position:relative;overflow:visible}.media-progress-fill{height:100%;background:var(--accent);border-radius:1px;width:0%;transition:width .1s linear;pointer-events:none}.media-progress:hover .media-progress-fill{background:#cec9c0}.media-progress::after{content:'';position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)scale(0);width:10px;height:10px;border-radius:50%;background:var(--accent);transition:transform .15s ease;pointer-events:none}.media-progress:hover::after{transform:translate(-50%,-50%)scale(1)}.media-controls-row{display:flex;align-items:center;gap:.6rem}.media-play-btn{background:0 0;border:none;cursor:pointer;color:var(--accent);padding:2px;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .15s ease,color .15s ease,transform .1s ease;flex-shrink:0}.media-play-btn:hover{opacity:1;color:var(--text)}.media-play-btn:active{transform:scale(.9)}.media-play-btn svg{display:block;width:14px;height:14px}.media-time{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;line-height:1}.media-controls-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.media-volume{display:flex;align-items:center;gap:.3rem;opacity:.9}.media-vol-btn{background:0 0;border:none;cursor:pointer;color:var(--muted);padding:0;display:flex;align-items:center;transition:color .15s ease}.media-vol-btn:hover{color:var(--accent)}.media-vol-btn svg{display:block;width:13px;height:13px}.media-vol-slider{-webkit-appearance:none;appearance:none;width:52px;height:2px;background:rgba(156,142,130,.25);border-radius:1px;outline:none;cursor:pointer}.media-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .1s ease}.media-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.media-vol-slider::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.media-fs-btn{background:0 0;border:none;cursor:pointer;color:var(--muted);padding:0;display:flex;align-items:center;transition:color .15s ease}.media-fs-btn:hover{color:var(--accent)}.media-fs-btn svg{display:block;width:13px;height:13px}.media-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;background:0 0;transition:opacity .2s ease}.media-play-overlay.hidden{opacity:0;pointer-events:none}.media-play-ring{width:52px;height:52px;border:1.5px solid rgba(156,142,130,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .2s ease,background .15s ease;background:rgba(10,9,8,.4);backdrop-filter:blur(2px)}.media-play-ring svg{display:block;margin-left:2px}.media-video:hover .media-play-ring{border-color:rgba(156,142,130,.7);background:rgba(10,9,8,.6)}.media-play-overlay:hover .media-play-ring{border-color:rgba(156,142,130,.9);transform:scale(1.08);background:rgba(10,9,8,.8)}.media-film-label{position:absolute;top:8px;right:12px;font-family:var(--font-mono);font-size:.55rem;color:rgba(156,142,130,.3);letter-spacing:.08em;text-transform:uppercase;z-index:2;pointer-events:none;line-height:1}.media-video.float-left,.media-video.float-right{width:58%}.media-video.float-left{float:left;clear:left;margin:.4rem .9rem .4rem 0}.media-video.float-right{float:right;clear:right;margin:.4rem 0 .4rem .9rem}.media-video.float-center{float:none;clear:both;width:80%;margin:1rem auto}.media-video::after{content:'';display:table}.media-grid.float-left{float:left;clear:left;width:58%;margin:.4rem .9rem .4rem 0;display:block;padding:0}.media-grid.float-right{float:right;clear:right;width:58%;margin:.4rem 0 .4rem .9rem;display:block;padding:0}.media-grid.float-center{float:none;clear:both;width:80%;margin:1rem auto;display:block;padding:0}.media-grid.float-left .media-fig,.media-grid.float-right .media-fig,.media-grid.float-center .media-fig{display:block;width:100%;margin:0;padding:0}.media-fig.float-left{float:left;clear:left;width:58%;margin:.4rem .9rem .4rem 0;display:block}.media-fig.float-right{float:right;clear:right;width:58%;margin:.4rem 0 .4rem .9rem;display:block}.media-fig.float-center{float:none;clear:both;width:80%;margin:1rem auto;display:block}.media-fig.float-left img,.media-fig.float-right img,.media-fig.float-center img,.media-grid.float-left img,.media-grid.float-right img,.media-grid.float-center img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-video-label{font-size:.7rem;color:var(--muted);letter-spacing:.04em;font-family:var(--font-mono);margin-top:.4rem;margin-bottom:0}