.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-inset, 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 ) * var( --dfs-gal-fade, 1 ));--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-ew, var( --dfs-gal-cw ) ) - var( --dfs-gal-cellw )) - (var( --dfs-gal-ew, var( --dfs-gal-cw ) ) + var( --dfs-gal-gap )) + (var( --dfs-gal-cw ) - var( --dfs-gal-ew, var( --dfs-gal-cw ) )) / 2)),calc(var( --dfs-gal-p ) * (var( --dfs-gal-j ) * (var( --dfs-gal-eh, var( --dfs-gal-ch ) ) - var( --dfs-gal-cellh )) - (var( --dfs-gal-eh, var( --dfs-gal-ch ) ) + var( --dfs-gal-gap )) + (var( --dfs-gal-ch ) - var( --dfs-gal-eh, var( --dfs-gal-ch ) )) / 2))) 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((var( --dfs-gal-ch ) - ((var( --dfs-gal-ch ) - 2 * var( --dfs-gal-gap )) / 3 * (1 - var( --dfs-gal-p )) + var( --dfs-gal-eh, var( --dfs-gal-ch ) ) * var( --dfs-gal-p ))) / 2);bottom:calc((var( --dfs-gal-ch ) - ((var( --dfs-gal-ch ) - 2 * var( --dfs-gal-gap )) / 3 * (1 - var( --dfs-gal-p )) + var( --dfs-gal-eh, var( --dfs-gal-ch ) ) * var( --dfs-gal-p ))) / 2);left:calc((var( --dfs-gal-cw ) - ((var( --dfs-gal-cw ) - 2 * var( --dfs-gal-gap )) / 3 * (1 - var( --dfs-gal-p )) + var( --dfs-gal-ew, var( --dfs-gal-cw ) ) * var( --dfs-gal-p ))) / 2);right:calc((var( --dfs-gal-cw ) - ((var( --dfs-gal-cw ) - 2 * var( --dfs-gal-gap )) / 3 * (1 - var( --dfs-gal-p )) + var( --dfs-gal-ew, var( --dfs-gal-cw ) ) * var( --dfs-gal-p ))) / 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-ew, var( --dfs-gal-cw ) );height:var( --dfs-gal-eh, var( --dfs-gal-ch ) );left:calc((100% - var( --dfs-gal-ew, var( --dfs-gal-cw ) )) / 2);top:calc((100% - var( --dfs-gal-eh, 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:var( --dfs-gal-fit, cover );object-position:var( --dfs-gal-cell-pos, var( --dfs-gal-pos, center ) );max-width:none;max-height:none;border-radius:inherit}video.dfs-galgrid__media{background:var( --dfs-gal-video-bg, #141414 )}@media (prefers-reduced-motion: reduce) and (dfs-reduced-motion-honoured){.dfs-galgrid{min-height:0}.dfs-galgrid__stage{position:static}}.dfs-galgrid[data-dfs-pin=off]{min-height:0}.dfs-galgrid[data-dfs-pin=off] .dfs-galgrid__stage{position:static}.dfs-galgrid--in-editor{min-height:0}.dfs-galgrid--in-editor .dfs-galgrid__stage{position:static}.dfs-galgrid--shaped .dfs-galgrid__stage{display:flex;align-items:center;justify-content:center}.dfs-galgrid--shaped .dfs-galgrid__grid{flex:none}.dfs-galgrid--shaped:not(.dfs-galgrid--in-editor):not([data-dfs-pin=off]){min-height:calc(var( --dfs-gal-stage-h, 100vh ) + var( --dfs-gal-pin-length ))}.dfs-galgrid--shaped .dfs-galgrid__stage{height:var( --dfs-gal-stage-h, calc( 100vh - var( --dfs-gal-pin-top ) ) );top:calc((100svh - var( --dfs-gal-stage-h, 100svh )) / 2)}@supports (overflow: clip){.dfs-galgrid--shaped .dfs-galgrid__stage{overflow-x:clip;overflow-y:visible}}.dfs-galgrid.dfs-galgrid--shaped .dfs-galgrid__centre img.dfs-galgrid__media,.dfs-galgrid.dfs-galgrid--shaped .dfs-galgrid__centre video.dfs-galgrid__media,.dfs-galgrid.dfs-galgrid--shaped .dfs-galgrid__centre .dfs-galgrid__media{transform-origin:50% 50%;transform:scale(calc((1 - var( --dfs-gal-p )) / var( --dfs-gal-sxmax ) + var( --dfs-gal-p )))}.dfs-galgrid--natural .dfs-galgrid__tile{display:flex;align-items:center;justify-content:center;border-radius:0;overflow:visible}.dfs-galgrid.dfs-galgrid--natural .dfs-galgrid__tile img.dfs-galgrid__media{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:var( --dfs-gal-radius )}.dfs-galgrid--shaped .dfs-galgrid__tile{--dfs-gal-sx: calc( 1 + var( --dfs-gal-p ) * ( var( --dfs-gal-sxmax ) - 1 ) );--dfs-gal-sy: calc( 1 + var( --dfs-gal-p ) * ( var( --dfs-gal-symax ) - 1 ) );--dfs-gal-su: max( var( --dfs-gal-sx ), var( --dfs-gal-sy ) );border-radius:calc(var( --dfs-gal-radius ) * var( --dfs-gal-su ) / var( --dfs-gal-sx )) / calc(var( --dfs-gal-radius ) * var( --dfs-gal-su ) / var( --dfs-gal-sy ))}.dfs-galgrid.dfs-galgrid--shaped .dfs-galgrid__tile .dfs-galgrid__media{transform-origin:50% 50%;transform:scale(calc(var( --dfs-gal-su ) / var( --dfs-gal-sx )),calc(var( --dfs-gal-su ) / var( --dfs-gal-sy )))}.dfs-galgrid--shaped.dfs-galgrid--natural .dfs-galgrid__tile{--dfs-gal-su: min( var( --dfs-gal-sx ), var( --dfs-gal-sy ) );border-radius:0}