.references-list{background:#fff;padding:var(--gapSm);display:flex;flex-direction:column;gap:var(--gapSm)}.reference-teaser{position:relative;border-radius:var(--radius);overflow:hidden;.image img{object-fit:cover;z-index:0}.image img,.overlay{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{opacity:1;z-index:1;transition:all .4s ease-out;overflow:hidden;mix-blend-mode:overlay}.shards{width:200%;background:#fff;position:absolute;top:50%;left:50%;translate:-50% -50%;path{fill:var(--navy-50)!important}}.content{position:relative;z-index:3;padding:var(--pSection) 0;pointer-events:none;.container{display:flex;flex-direction:column;gap:var(--gapSm);justify-content:flex-end;align-items:flex-end;pointer-events:none;&>*{pointer-events:auto}}&:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to left,var(--navy-darker),transparent);opacity:.6;z-index:-1;pointer-events:none;transition:opacity .2s ease-out}}.content:hover:before,.image:hover+.content:before{opacity:.8}.claim{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:2px;line-height:1.125}.tags{margin-top:var(--space1-4)}.btn{margin-top:calc(var(--gapLg) - var(--gapSm));background:var(--navy-opaque-light)}}.hero-references{background:var(--navy-darker);img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.shards{z-index:2;mix-blend-mode:multiply;background:#fff;opacity:.8;path{fill:var(--navy-80)!important}}}.reference{.short-desc{padding:var(--gap) 0;.flex-row{&>div{display:flex;flex-direction:column;gap:var(--gapSm);flex:1;&:nth-child(2){flex:2}}}.h5+.h6{margin-top:var(--gapSm)}}.content{position:relative;h3{strong{color:var(--navy-20)}}}.result,.strategy,.task{padding:var(--gapLg) 0;background:var(--navy-5);.inside{padding:0 calc(30vw + var(--gapLg)) 0 var(--gapLg)}}.strategy{background:var(--navy-10)}.showcase{position:absolute;width:30vw;top:0;right:0;padding:var(--space1-2);background:var(--navy);box-sizing:border-box;overflow:hidden}.gallery,.showcase{height:100%}}.showcase-references{display:flex;flex-wrap:nowrap;gap:var(--gapSm);padding:0 var(--gapLg);margin:0 auto;.teaser-reference{position:relative;overflow:hidden;width:calc((100% - 900px - (var(--gapSm) * 4)) / 4);height:80vh;max-height:800px;border:2px solid var(--navy-50);border-radius:var(--radius);transition:all .2s ease-in-out;img{object-fit:cover;transition:filter .2s ease-in-out,transform 5s ease-in-out;filter:blur(2px)}.image:after,.image:before,img{width:100%;height:100%;position:absolute;top:0;left:0}.image:after,.image:before{content:"";display:block;background:var(--navy);opacity:.8;z-index:1;transition:opacity .2s ease-in-out}.image:after{background:linear-gradient(to bottom,var(--navy-transparent),var(--navy));opacity:0}&.active .image{img{filter:blur(0)}&:before{opacity:0}&:after{opacity:.8}}figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:80vh;max-width:800px;z-index:2;text-align:center;box-sizing:border-box;padding:0 var(--pCard);pointer-events:none;transition:opacity .2s ease-in-out}.content{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;position:absolute;width:900px;height:100%;bottom:0;left:0;padding:var(--pCard);box-sizing:border-box;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space);font-weight:400;p{margin:0}a.icon{font-weight:900;margin-top:var(--space);gap:var(--space1-4);text-transform:uppercase;color:var(--teal);max-width:max-content;&:before{order:1;font-size:2em;font-weight:700;color:var(--emphasis);font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 40}&:hover{gap:var(--space);padding-left:var(--space);letter-spacing:2px}}}&.active{width:900px;border-color:var(--navy-5);img{transform:scale(1.1)}figcaption{opacity:0;transition-delay:0}.content{opacity:1;pointer-events:all;transition-delay:.2s}}}}@media (min-width:1960px){.showcase-references{max-width:var(--containerW80)}.teaser-reference{width:160px;&.active{width:calc(100% - (160px + var(--space)) * 4)}}}@media (max-width:1600px){.showcase-references{padding:0 var(--gap);max-width:var(--container);margin:0 auto;box-sizing:border-box;.teaser-reference{width:calc((100% - 900px - (var(--space) * 3)) / 3);&:nth-child(n+5){display:none}}}}