.dfs-galgrid{--dfs-gal-gap: 12px;--dfs-gal-radius: 10px;--dfs-gal-pin-length: 200vh;--dfs-gal-pin-top: 0px;--dfs-gal-bg: #0a0a0a;--dfs-gal-p: 0;--dfs-gal-track: calc( ( 100% - 2 * var( --dfs-gal-gap ) ) / 3 * ( 1 - var( --dfs-gal-p ) ) + 100% * var( --dfs-gal-p ) );position:relative;background:var( --dfs-gal-bg );min-height:calc(100vh - var( --dfs-gal-pin-top ) + var( --dfs-gal-pin-length ))}@media (min-width: 810px){.dfs-galgrid{--dfs-gal-gap: 20px;--dfs-gal-radius: 16px}}@media (min-width: 1200px){.dfs-galgrid{--dfs-gal-gap: 30px}}.dfs-galgrid__stage{position:sticky;top:var( --dfs-gal-pin-top );height:calc(100vh - var( --dfs-gal-pin-top ));padding:var( --dfs-gal-gap );box-sizing:border-box;overflow:hidden;overflow:clip}.dfs-galgrid__grid{display:grid;width:100%;height:100%;position:relative;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);--dfs-gal-cw: 100%;--dfs-gal-ch: 100%;--dfs-gal-sxmax: 3;--dfs-gal-symax: 3;gap:var( --dfs-gal-gap );justify-content:center;align-content:center}.dfs-galgrid__tile{position:relative;overflow:hidden;border-radius:var( --dfs-gal-radius );margin:0;min-width:0;min-height:0;contain:paint;background:transparent;opacity:calc(1 - var( --dfs-gal-p ));--dfs-gal-i: 0;--dfs-gal-j: 0;--dfs-gal-cellw: calc( ( var( --dfs-gal-cw ) - 2 * var( --dfs-gal-gap ) ) / 3 );--dfs-gal-cellh: calc( ( var( --dfs-gal-ch ) - 2 * var( --dfs-gal-gap ) ) / 3 );transform-origin:0 0;transform:translate(calc(var( --dfs-gal-p ) * (var( --dfs-gal-i ) * (var( --dfs-gal-cw ) - var( --dfs-gal-cellw )) - (var( --dfs-gal-cw ) + var( --dfs-gal-gap )))),calc(var( --dfs-gal-p ) * (var( --dfs-gal-j ) * (var( --dfs-gal-ch ) - var( --dfs-gal-cellh )) - (var( --dfs-gal-ch ) + var( --dfs-gal-gap ))))) scale(calc(1 + var( --dfs-gal-p ) * (var( --dfs-gal-sxmax ) - 1)),calc(1 + var( --dfs-gal-p ) * (var( --dfs-gal-symax ) - 1)));will-change:transform,opacity}.dfs-galgrid__tile[data-dfs-cell="0"]{--dfs-gal-i: 0;--dfs-gal-j: 0}.dfs-galgrid__tile[data-dfs-cell="1"]{--dfs-gal-i: 1;--dfs-gal-j: 0}.dfs-galgrid__tile[data-dfs-cell="2"]{--dfs-gal-i: 2;--dfs-gal-j: 0}.dfs-galgrid__tile[data-dfs-cell="3"]{--dfs-gal-i: 0;--dfs-gal-j: 1}.dfs-galgrid__tile[data-dfs-cell="4"]{--dfs-gal-i: 1;--dfs-gal-j: 1}.dfs-galgrid__tile[data-dfs-cell="5"]{--dfs-gal-i: 2;--dfs-gal-j: 1}.dfs-galgrid__tile[data-dfs-cell="6"]{--dfs-gal-i: 0;--dfs-gal-j: 2}.dfs-galgrid__tile[data-dfs-cell="7"]{--dfs-gal-i: 1;--dfs-gal-j: 2}.dfs-galgrid__tile[data-dfs-cell="8"]{--dfs-gal-i: 2;--dfs-gal-j: 2}.dfs-galgrid__tile[data-dfs-cell="4"]{opacity:1}.dfs-galgrid__centre{position:absolute;top:calc(50% - var( --dfs-gal-track ) / 2);bottom:calc(50% - var( --dfs-gal-track ) / 2);left:calc(50% - var( --dfs-gal-track ) / 2);right:calc(50% - var( --dfs-gal-track ) / 2);z-index:40;overflow:hidden;border-radius:var( --dfs-gal-radius );pointer-events:none}.dfs-galgrid .dfs-galgrid__centre img.dfs-galgrid__media,.dfs-galgrid .dfs-galgrid__centre video.dfs-galgrid__media,.dfs-galgrid .dfs-galgrid__centre .dfs-galgrid__media{position:absolute;width:var( --dfs-gal-cw );height:var( --dfs-gal-ch );left:calc((100% - var( --dfs-gal-cw )) / 2);top:calc((100% - var( --dfs-gal-ch )) / 2);max-width:none;max-height:none;border-radius:0}.dfs-galgrid img.dfs-galgrid__media,.dfs-galgrid video.dfs-galgrid__media,.dfs-galgrid__media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;max-height:none;border-radius:inherit}video.dfs-galgrid__media{background:#141414}@media (prefers-reduced-motion: reduce) and (dfs-reduced-motion-honoured){.dfs-galgrid{min-height:0}.dfs-galgrid__stage{position:static}}.dfs-galgrid--in-editor{min-height:0}.dfs-galgrid--in-editor .dfs-galgrid__stage{position:static}