.logo-gallery{--logo-gallery-box-shadow:0 0 16px rgba(92, 196, 236, 1);--logo-gallery-image-shadow:drop-shadow(0 0 20px rgba(92, 196, 236, 1));--detail-row-gap:20px;--border-radius:27px;padding-top:67px!important;.box-glow{transform:translateZ(0);will-change:opacity;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid var(--color__eo-blue)!important;border-radius:var(--border-radius);&:after{content:"";position:absolute;left:1px;top:2px;width:calc(100% + 3px);height:calc(100% + 3px);z-index:-1;color:transparent;outline:2px solid #000!important;outline-offset:0;border-radius:var(--border-radius)}&:before{content:"";position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);z-index:0;border:1px solid #fff!important;border-radius:var(--border-radius)}& .glow{z-index:-1;position:absolute;top:2px;left:1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:var(--border-radius);&:after{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 18px);height:calc(100% + 18px);z-index:-1;color:transparent;border:14px solid var(--color__eo-blue)!important;border-radius:var(--border-radius);filter:blur(6px)}&:before{content:"";position:absolute;left:0;top:0;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;border:1px solid var(--color__eo-blue)!important;border-radius:var(--border-radius)}}}& .headline-helper{margin-bottom:100px}&.content-column.full_width>.full_width-helper{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;column-gap:20px;row-gap:0;margin-left:auto;margin-right:auto;width:100%}& .logo-gallery-block{padding:20px;display:grid;position:relative;&:hover{height:auto;& .box-glow{opacity:1}& .logo-gallery-detail-view{visibility:visible}& .logo-gallery-image{filter:var(--logo-gallery-image-shadow)}}}& .logo-gallery-detail-view{visibility:hidden;align-self:flex-end;filter:none;@media only screen and (min-width:64em){& .logo-gallery-description{min-height:120px}}& .logo-gallery-name{font-weight:700;font-size:3rem;margin-bottom:var(--detail-row-gap)}& .logo-gallery-keyword{background-color:#5cc4ec;color:#fff;display:inline-block;padding:5px 10px;border-radius:20px;margin-bottom:var(--detail-row-gap)}& .logo-gallery-link{margin-bottom:var(--detail-row-gap);& a{color:#5cc4ec}}& .logo-gallery-text{padding-bottom:0}}& .logo-gallery-image{width:200px;aspect-ratio:1 / 1;border:1px solid #5cc4ec;border-radius:100%;background-color:#fff;position:relative;margin-left:auto;margin-right:auto;margin-bottom:16px;transform:translateZ(0);will-change:filter;& .logo-gallery-image-box{position:absolute;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;filter:drop-shadow(0 0 3px rgba(0,0,0,.5));display:flex;justify-content:center;align-items:center;max-width:unset;max-height:unset;min-height:120px;&.padding{padding:20px;height:auto;width:auto;max-width:120%;max-height:120%;background-color:#fff}&.landscape{width:120%;max-height:80%}&.portrait{height:100%;max-width:80%}}& img{max-width:100%;max-height:100%;margin:0;width:100%}}@media only screen and (max-width:79.9375em){&.content-column.full_width>.full_width-helper{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:63.9375em){&.content-column.full_width>.full_width-helper{grid-template-columns:repeat(1,1fr);grid-auto-rows:auto;align-items:start;row-gap:140px}& .box-glow{opacity:1}& .logo-gallery-block{& .logo-gallery-detail-view{visibility:visible}& .logo-gallery-image{margin-top:-100px;filter:var(--logo-gallery-image-shadow)}}}@media only screen and (min-width:64em){& .logo-gallery-block{position:relative;&:hover{height:auto;& .logo-gallery-detail-view{visibility:visible}& .logo-gallery-image{transform:translateY(-50%) scale(.8)}}& .logo-gallery-detail-view{margin-top:-20%}}}}