.layout>.media-figure{grid-column:breakout}.media-figure{justify-items:center;display:grid}.media-box{max-width:none;margin-inline:auto;display:block;position:relative}.media-box>*{margin:0;position:absolute}.media-art,.media-static{max-width:none;image-rendering:pixelated;pointer-events:none;display:block}.media-box>.media-el.media-el{object-fit:cover;border:0;max-width:none;height:auto;display:block}.media-box[data-kind=tv]>.media-el{background:#000}.media-box[data-kind=tv]>.media-art{z-index:2}.media-box[data-kind=tv]>.media-el:focus-visible{outline:none}.media-box[data-kind=tv]:has(>.media-el:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.media-static{z-index:1}.media-title,.media-plate,.media-caption,.media-zoom{z-index:2}.media-title,.media-plate,.media-caption{font-family:var(--font-pixel);-webkit-font-smoothing:none;font-synthesis:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-title{color:#f3efe7;font-size:var(--vt-9);text-transform:uppercase;letter-spacing:var(--type-px);pointer-events:none;align-items:center;font-weight:700;line-height:1;display:flex}.media-plate{--art:var(--px-embed);max-width:calc(100% - 24 * var(--art));padding:calc(2 * var(--art)) calc(5 * var(--art)) calc(3 * var(--art));color:#3a2406;box-shadow:inset 0 0 0 var(--art) #8a5f16, inset 0 0 0 calc(2 * var(--art)) #ffe29a, 0 var(--art) 0 #00000040;font-size:var(--vt-9);font-weight:700;line-height:calc(12 * var(--type-px));text-transform:uppercase;letter-spacing:var(--type-px);background:#f2c46d;translate:-50%;width:auto!important;left:50%!important}.media-caption{color:#3a3a44;font-size:var(--vt-18);place-items:center;padding-inline:4px;line-height:1;display:grid}.media-zoom{cursor:zoom-in;background:0 0;border:0;padding:0}.media-zoom:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.media-zoom-badge{right:calc(6 * var(--type-px));bottom:calc(6 * var(--type-px));padding:calc(4 * var(--type-px));background:var(--ink);color:var(--page);opacity:0;transition:opacity .15s steps(2,end);display:grid;position:absolute}.media-zoom-badge svg{width:calc(18 * var(--type-px));height:calc(18 * var(--type-px));fill:currentColor;shape-rendering:crispedges;display:block}.media-zoom:is(:hover,:focus-visible) .media-zoom-badge{opacity:1}@media (hover:none){.media-zoom-badge{opacity:1}}.media-play{cursor:pointer;background:#090d1847;border:0;place-items:center;padding:0;display:grid}.media-play-plate{align-items:center;gap:calc(8 * var(--type-px));padding:calc(8 * var(--type-px)) calc(12 * var(--type-px));color:#7bd94a;font:700 var(--vt-18)/1 var(--font-pixel);-webkit-font-smoothing:none;text-transform:uppercase;letter-spacing:calc(2 * var(--type-px));clip-path:var(--corners);background:#111;display:inline-flex}.media-play-icon{width:calc(8 * var(--type-px));height:calc(14 * var(--type-px));clip-path:polygon(0 0,25% 0,25% 14.28%,50% 14.28%,50% 28.57%,75% 28.57%,75% 42.85%,100% 42.85%,100% 57.14%,75% 57.14%,75% 71.42%,50% 71.42%,50% 85.71%,25% 85.71%,25% 100%,0 100%);background:currentColor}.media-play:hover .media-play-plate{color:#eaf6ff}.media-play:focus-visible{outline:none}.media-play:focus-visible .media-play-plate{outline:2px solid var(--focus);outline-offset:3px;clip-path:none}.media-lightbox{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.media-lightbox::backdrop{background:#090d18db}.media-lightbox-box{margin:0;position:absolute}.media-lightbox-view{overflow:hidden}.media-lightbox[data-pans=true] .media-lightbox-view{overscroll-behavior:contain;overflow:auto}.media-lightbox-image{max-width:none;display:block}.media-close{z-index:2;cursor:pointer;background:0 0;border:0;padding:0}.media-close:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.media-close:after{content:"";width:max(100%,24px);height:max(100%,24px);position:absolute;top:50%;left:50%;translate:-50% -50%}@media (pointer:coarse){.media-close:after{width:max(100%,44px);height:max(100%,44px)}}html:has(.media-lightbox[open]){scrollbar-gutter:stable;overflow:hidden}@media (prefers-reduced-motion:no-preference){.media-lightbox[open] .media-lightbox-box{animation:.2s steps(3,end) both media-pop}.media-lightbox[open]::backdrop{animation:.2s steps(3,end) both media-dim}}@keyframes media-pop{0%{opacity:0;scale:.9}}@keyframes media-dim{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.media-zoom-badge{transition:none}}