:where([data-theme] .bz-media-collage){--bz-collage-row:9rem;--bz-collage-gap:1rem;gap:2rem;display:grid}:where([data-theme] .bz-media-collage__intro){flex-direction:column;align-items:flex-start;gap:1rem;display:flex}:where([data-theme] .bz-media-collage__eyebrow){letter-spacing:.04em;font-size:.875rem;font-weight:600}:where([data-theme] .bz-media-collage__heading){font-family:var(--font-heading);overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.2}:where([data-theme] .bz-media-collage__text){line-height:1.6}:where([data-theme] .bz-media-collage__button),:where([data-theme] .bz-media-collage__note-button){border-radius:var(--radius-button);background:var(--color-primary);min-height:2.75rem;color:var(--color-primary-foreground);align-items:center;padding-inline:1.25rem;font-weight:600;transition:opacity .2s ease-out;display:inline-flex}:where([data-theme] .bz-media-collage__button:hover),:where([data-theme] .bz-media-collage__note-button:hover){opacity:.9}:where([data-theme] .bz-media-collage__grid){gap:var(--bz-collage-gap);grid-auto-flow:dense;grid-auto-rows:minmax(var(--bz-collage-row), auto);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}:where([data-theme] .bz-media-collage__grid>.bz-block:has(>[data-size=tall])){grid-row:span 2}:where([data-theme] .bz-media-collage__grid>.bz-block:has(>[data-size=wide])){grid-column:span 2}:where([data-theme] .bz-media-collage__grid>.bz-block:has(>[data-size=large])){grid-area:span 2/span 2}:where([data-theme] .bz-media-collage__item){border-radius:var(--radius);background:var(--color-muted);height:100%;position:relative;overflow:hidden}:where([data-theme] .bz-media-collage__link){height:100%;color:inherit;display:block}:where([data-theme] .bz-media-collage__media){height:100%}:where([data-theme] .bz-media-collage__image),:where([data-theme] .bz-media-collage__video){object-fit:cover;width:100%;height:100%;display:block}:where([data-theme] .bz-media-collage__play){background:var(--color-background);width:3rem;height:3rem;color:var(--color-foreground);pointer-events:none;border-radius:9999px;padding:.75rem;transition:opacity .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme] .bz-media-collage__item[data-playing] .bz-media-collage__play){opacity:0}:where([data-theme] .bz-media-collage__caption){color:#fff;text-shadow:0 1px 8px #00000080;margin:0;font-weight:600;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}:where([data-theme] .bz-media-collage__note){border-radius:var(--radius);background:var(--color-card);height:100%;color:var(--color-card-foreground);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;padding:1.25rem;display:flex}:where([data-theme] .bz-media-collage__frame){min-width:0;container-type:inline-size}:where([data-theme] .bz-media-collage__grid[data-cell-shape]){--bz-collage-ratio:1;--bz-collage-track-count:2;grid-auto-rows:calc((100cqi - (var(--bz-collage-track-count) - 1) * var(--bz-collage-gap)) / var(--bz-collage-track-count) * var(--bz-collage-ratio))}:where([data-theme] .bz-media-collage__grid[data-cell-shape=portrait]){--bz-collage-ratio:1.3333}:where([data-theme] .bz-media-collage__grid[data-cell-shape=landscape]){--bz-collage-ratio:.75}@media (width>=768px){:where([data-theme] .bz-media-collage){--bz-collage-row:11rem}:where([data-theme] .bz-media-collage__grid[data-cell-shape]){--bz-collage-track-count:var(--bz-collage-columns,2)}:where([data-theme] .bz-media-collage[data-intro=start]),:where([data-theme] .bz-media-collage[data-intro=end]){grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:clamp(2rem,4vw,4rem)}:where([data-theme] .bz-media-collage[data-intro=end]){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}:where([data-theme] .bz-media-collage[data-intro=end] .bz-media-collage__intro){order:2}:where([data-theme] .bz-media-collage__grid){grid-template-columns:repeat(var(--bz-collage-columns,2), minmax(0, 1fr))}}@media (prefers-reduced-motion:reduce){:where([data-theme] .bz-media-collage__button),:where([data-theme] .bz-media-collage__note-button),:where([data-theme] .bz-media-collage__play){transition:none}}:where([data-theme] .bz-media-collage__item[data-controls] .bz-media-collage__caption){bottom:3.5rem}:where([data-theme] .bz-media-collage__caption-link){color:inherit}