.medias-page{padding-top:0}.medias-page__hero{padding-top:calc(var(--space-32) + var(--space-8));padding-bottom:var(--space-16)}.medias-page__title{letter-spacing:-.04em;margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1}.medias-page__intro{font-size:var(--text-lg);max-width:55ch}.playlist-section{padding-bottom:var(--space-24)}.playlist-section__header{margin-bottom:var(--space-8)}.playlist-section__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.playlist-slot{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#000;width:100%;max-width:960px;margin:0 auto;position:relative;overflow:hidden}.playlist-player{border-radius:var(--radius-lg);width:100%;height:100%;transition:width .5s var(--ease-editorial), height .5s var(--ease-editorial), box-shadow .5s var(--ease-editorial);background:#000;position:relative;overflow:hidden}.playlist-player iframe{border:none;width:100%;height:100%;display:block}.playlist-player.is-mini{bottom:var(--space-4);right:var(--space-4);width:320px;height:180px;max-width:calc(100vw - var(--space-8));z-index:var(--z-mini-player);border-radius:var(--radius-md);box-shadow:0 8px 32px #0009, 0 0 0 1px var(--color-accent);position:fixed}.playlist-player__close{color:#fff;cursor:pointer;opacity:0;visibility:hidden;width:28px;height:28px;transition:opacity .3s var(--ease-out), visibility .3s var(--ease-out);z-index:2;background:#0a0a0acc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.playlist-player.is-mini .playlist-player__close{opacity:1;visibility:visible}.playlist-player__close:hover{border-color:var(--color-accent);background:#e30613e6}.playlist-player.is-closed{display:none}@media (width<=768px){.playlist-player.is-mini{width:240px;height:135px;bottom:var(--space-3);right:var(--space-3)}}.clips-section{padding:var(--space-24) 0;border-top:1px solid var(--color-border)}.clips-section__header{margin-bottom:var(--space-8)}.clips-section__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.clips-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.clip-card{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:border-color .4s var(--ease-out), transform .4s var(--ease-out);background:#000;padding:0;position:relative;overflow:hidden}.clip-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.clip-card img{object-fit:cover;width:100%;height:100%;display:block}.clip-card__overlay{opacity:0;transition:opacity .4s var(--ease-out);background:#0a0a0a59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clip-card:hover .clip-card__overlay{opacity:1}.clip-card__play{background:var(--color-accent);color:#fff;width:56px;height:56px;transition:transform .4s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9);box-shadow:0 0 24px #e3061380}.clip-card:hover .clip-card__play{transform:scale(1)}.clip-card__play svg{width:20px;height:20px;margin-left:3px}.clip-card__title{padding:var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);text-align:left;background:linear-gradient(#0000 0%,#0a0a0af2 100%);font-weight:600;position:absolute;bottom:0;left:0;right:0}@media (width<=900px){.clips-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.clips-grid{grid-template-columns:1fr}}.lightbox{z-index:var(--z-lightbox);-webkit-backdrop-filter:blur(12px);padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), visibility .4s var(--ease-out);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible}.lightbox__inner{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;max-width:1100px;position:relative;overflow:hidden;box-shadow:0 24px 64px #000c}.lightbox__inner iframe{border:none;width:100%;height:100%;display:block}.lightbox__close{top:var(--space-4);right:var(--space-4);color:#fff;cursor:pointer;width:44px;height:44px;transition:background .3s var(--ease-out), border-color .3s var(--ease-out);z-index:2;background:#0a0a0acc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute}.lightbox__close:hover{background:var(--color-accent);border-color:var(--color-accent)}