:root{--grid-cols:6;--grid-rows:5;--grid-margin:20px;--grid-gutter:20px;--viewport-w:100vw;--viewport-h:100svh;--grid-w:calc(var(--viewport-w) - (2 * var(--grid-margin)));--grid-h:calc(var(--viewport-h) - (2 * var(--grid-margin)));--col:calc(
    (var(--grid-w) - ((var(--grid-cols) - 1) * var(--grid-gutter))) / var(--grid-cols)
  );--col-pitch:calc(var(--col) + var(--grid-gutter));--row:calc(
    (var(--grid-h) - ((var(--grid-rows) - 1) * var(--grid-gutter))) / var(--grid-rows)
  );--row-pitch:calc(var(--row) + var(--grid-gutter));--col-1:var(--col);--col-2:calc((2 * var(--col-pitch)) - var(--grid-gutter));--col-3:calc((3 * var(--col-pitch)) - var(--grid-gutter));--col-4:calc((4 * var(--col-pitch)) - var(--grid-gutter));--col-5:calc((5 * var(--col-pitch)) - var(--grid-gutter));--col-6:calc((6 * var(--col-pitch)) - var(--grid-gutter));--x-1:var(--grid-margin);--x-2:calc(var(--grid-margin) + (1 * var(--col-pitch)));--x-3:calc(var(--grid-margin) + (2 * var(--col-pitch)));--x-4:calc(var(--grid-margin) + (3 * var(--col-pitch)));--x-5:calc(var(--grid-margin) + (4 * var(--col-pitch)));--x-6:calc(var(--grid-margin) + (5 * var(--col-pitch)));--x-end:calc(var(--viewport-w) - var(--grid-margin));--y-1:var(--grid-margin);--y-2:calc(var(--grid-margin) + (1 * var(--row-pitch)));--y-3:calc(var(--grid-margin) + (2 * var(--row-pitch)));--y-4:calc(var(--grid-margin) + (3 * var(--row-pitch)));--y-5:calc(var(--grid-margin) + (4 * var(--row-pitch)));--y-end:calc(var(--viewport-h) - var(--grid-margin));--y-1-end:calc(var(--y-1) + var(--row));--y-2-end:calc(var(--y-2) + var(--row));--y-3-end:calc(var(--y-3) + var(--row));--y-4-end:calc(var(--y-4) + var(--row));--y-5-end:var(--y-end);--grid-overlay:rgba(255, 0, 0, 0.1);--color-white:#ffffff;--color-black:#000000;--color-bg:var(--color-white);--color-fg:var(--color-black);--color-fg-on-media:var(--color-white);--color-rule:var(--color-white);--color-still-a:#b0e9d7;--color-still-b:#b0c8e9;--color-fg-secondary:rgb(0 0 0 / 0.612);--color-fg-meta:rgb(0 0 0 / 0.557);--color-empty:#f8f8f8;--font-sans:"PP Neue Montreal","Neue Montreal",Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--text-body:14px;--leading-body:20px;--tracking-body:0;--line-box:20px;--meta-gap:0px;--meta-pitch:28px;--text-display:calc(var(--col-2) * 0.21148);--text-display-fixed:116.174px;--leading-display:1;--tracking-display:-0.04em;--cap-height-display:83px;--space-2:2px;--space-8:8px;--space-20:20px;--space-23:23px;--space-32:32px;--space-40:40px;--space-54:54px;--still-aspect:16/9;--still-w:var(--col);--still-h:calc(var(--col) * 9 / 16);--still-h-figma:148px;--mosaic-rows:3;--mosaic-row-pitch:calc(var(--still-h) + var(--grid-gutter));--mosaic-band-h:calc(
    (var(--mosaic-rows) * var(--mosaic-row-pitch)) - var(--grid-gutter)
  );--mosaic-band-top:calc((var(--viewport-h) - var(--mosaic-band-h)) / 2);--cluster-cols:3;--cluster-rows:3;--cluster-w:var(--col-3);--cluster-pitch:calc(var(--cluster-w) + var(--grid-gutter));--cluster-still-count:5;--cluster-still-slots:7;--a-meta-top:74px;--a-footer-top:calc(var(--y-end) - var(--line-box));--a-rule-h:var(--space-2);--a-rule-w:var(--col-4);--a-rule-x:var(--x-2);--a-rule-top:calc(var(--y-end) - 10px);--b-media-w:var(--col-4);--b-media-x:var(--x-3);--b-media-top:var(--y-2);--b-media-aspect:16/9;--b-thumb-w:96px;--b-thumb-h:54px;--b-thumb-aspect:16/9;--b-thumb-pitch:var(--col-pitch);--b-thumb-count:6;--b-thumb-top:calc(var(--y-end) - var(--b-thumb-h));--b-stills-label-top:998px}