.media-block{border:1px solid var(--color--border-default);background:var(--color--surface-raised);width:100%;display:block;position:relative;overflow:hidden}.media-block__img{width:100%;height:100%;display:block}.media-block--autoplay{cursor:default}.media-block__autoplay-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.media-block--placeholder,.media-block__placeholder{background:color-mix(in srgb, var(--media-accent,var(--swatch--purple-500)) 14%, var(--color--surface-raised))}.media-block__placeholder{position:absolute;inset:0}.media-block--video{cursor:pointer;text-align:left;transition:transform var(--transition--spring);padding:0;font-family:inherit}.media-block--video:hover{transform:translateY(-2px)}.media-block__play{border-radius:var(--radius--full);background:var(--color--interactive-cta);width:4.5rem;height:4.5rem;color:var(--color--interactive-cta-text);box-shadow:var(--shadow--overlay);transition:transform var(--transition--spring), background-color var(--transition--default);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-block--video:hover .media-block__play{background:var(--color--interactive-cta-hover);transform:translate(-50%,-50%)scale(1.05)}.media-block__play svg{margin-left:3px}@media (max-width:600px){.media-block__play{width:3.5rem;height:3.5rem}}.media-block__overlay{z-index:9999;background:color-mix(in srgb, var(--swatch--neutral-900) 75%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.media-block__modal{aspect-ratio:16/9;background:var(--swatch--neutral-900);border-radius:var(--radius--lg);width:min(1000px,100%);box-shadow:var(--shadow--overlay-lg);cursor:default;position:relative;overflow:hidden}.media-block__close{z-index:1;border-radius:var(--radius--full);border:1px solid color-mix(in srgb, var(--swatch--neutral-0) 30%, transparent);background:color-mix(in srgb, var(--swatch--neutral-0) 12%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2.5rem;height:2.5rem;color:var(--swatch--neutral-0);cursor:pointer;transition:background-color var(--transition--default);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.media-block__close:hover{background:color-mix(in srgb, var(--swatch--neutral-0) 22%, transparent)}.media-block__video{background:var(--swatch--neutral-900);width:100%;height:100%;display:block}