.logo-colour .logo-grid-item:hover .logo-wrapper::after,.logo-colour .logo-grid-item:hover .logo-wrapper,.logo-colour .logo-grid-item:hover img,.logo-colour .logo-grid-item:hover svg,.logo-colour .logo-grid-item img,.logo-colour .logo-grid-item svg,.logo-colour .logo-grid-item .logo-wrapper,.logo-colour .logo-grid .move.active,.logo-colour .logo-grid .move{transition:all .3s ease-out}@property --captured-length{syntax:"<length>";initial-value:0px;inherits:false}.logo-colour .logo-grid{gap:var(--space-s)}.logo-colour .logo-grid .move{position:absolute;width:14.75rem;height:6rem;top:0;left:0;margin:-50px 0 0 -50px;border-radius:80%;backface-visibility:hidden;opacity:0;filter:blur(50px)}.logo-colour .logo-grid .move.active{opacity:.75}@media(max-width: 48rem){.logo-colour .logo-grid .move{display:none}}@media(max-width: 48rem){.logo-colour .logo-grid{gap:var(--space-2xs)}}.logo-colour .logo-grid-item{width:calc(25% - var(--space-s));display:flex !important}@media(max-width: 48rem){.logo-colour .logo-grid-item{width:calc(50% - var(--space-2xs))}.logo-colour .logo-grid-item .logo-wrapper{padding:var(--space-s)}}.logo-colour .logo-grid-item .logo-wrapper{container-type:size;width:100%;height:auto;aspect-ratio:16/9;padding:var(--space-m);margin:0;position:relative;border:2px solid rgba(255,255,255,.15);border-radius:12px}.logo-colour .logo-grid-item img,.logo-colour .logo-grid-item svg{--strength: 1;--base-height: 75cqh;--logo-min-size-factor: 0.375;--logo-max-size-factor: 1.25;--captured-length: var(--base-height);--area: pow( tan(atan2(var(--captured-length), 1px)), 2 );--diff: sqrt( var(--area) / (var(--natW, 1) * var(--natH, 1)) );--scaled-height: calc(1px * var(--natH, 1) * var(--diff));height:clamp(var(--base-height)*var(--logo-min-size-factor),var(--base-height) + (var(--scaled-height) - var(--base-height))*var(--strength),var(--base-height)*var(--logo-max-size-factor));max-width:100%;max-height:100%;filter:grayscale(1) contrast(0.05) brightness(1);position:relative;mix-blend-mode:difference;z-index:1}.logo-colour .logo-grid-item:hover img,.logo-colour .logo-grid-item:hover svg{filter:grayscale(1) contrast(0.05) brightness(1.5);translate:0 -0.2rem}.logo-colour .logo-grid-item:hover .logo-wrapper{border-color:rgba(255,255,255,.3)}.logo-colour .logo-grid-item:hover .logo-wrapper::after{opacity:1}@media(max-width: 48rem){.logo-colour{padding-right:var(--container-standard);padding-left:var(--container-standard)}}
/*# sourceMappingURL=logo_colour.css.map */