.panels{display:flex;gap:5px;min-height:var(--panels-minheight,none)}.panels__panel{align-items:flex-end;display:flex;flex:1;overflow:hidden;padding:30px;position:relative;--link-color:var(--font-color);--link-text-decoration:none;--link-text-decoration-hover:none}.panels__panel:not(:first-child){display:none}.panels__panel:after,.panels__panel:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.panels__panel:before{background-color:rgba(0,0,0,.1);transition-duration:.3s;z-index:1}.panels__panel:is(:hover,:focus):before{background-color:rgba(0,0,0,.5)}.panels__panel:after{background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 50%);z-index:2}.panels__panel-content{position:relative;width:100%;z-index:10}.panels__panel-infos{--_panels-content-offset:calc(var(--base-font-size) + 3rem);padding-top:var(--_panels-content-offset);transition-duration:.3s}.panels__panel:is(:hover,:focus) .panels__panel-infos{transform:translateY(calc(var(--_panels-content-offset)*-1))}.panels__panel-linktext{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition-duration:.3s}.panels__panel:is(:hover,:focus) .panels__panel-linktext{opacity:1}.panels__panel-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition-duration:.3s;width:100%;z-index:0}.panels__panel:is(:hover,:focus) .panels__panel-image{transform:scale(1.05)}@media (min-width:900px){.panels__panel:not(:first-child){display:flex}}