.featuredWorkCtn{padding:var(--gl)0 var(--gl);background:linear-gradient(var(--superbabyblue),#f5f5f5);position:relative;overflow:hidden}.singleFeature{left:var(--gl);aspect-ratio:1500/730;--w:80%;width:var(--w);flex:1 0 var(--w);transition:transform 1s var(--o5);margin-right:20px;position:absolute;overflow:hidden}.singleFeatureLink{z-index:1;width:100%;height:100%;position:absolute}.workNavButtons{width:100%;height:calc(100% - (var(--gl)*2));justify-content:space-between;padding:0 20px;display:flex;position:absolute;left:0}.workNavButtons button{z-index:10;align-items:center;width:100px;transition:all .3s;display:flex;position:relative}.workNavButtons button.inactive{opacity:0;visibility:hidden}.featuredWorkButton{background:#07021c66;border-radius:1000px;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex;position:relative;overflow:hidden}.workNavButtons button:hover>div{background-color:var(--babyblue)}.featuredWorkButton svg{width:60%;transition:transform .4s var(--o5);flex:1 0 60%;position:absolute}.featuredWorkButton svg:last-child{transform:translate(-140%)}.workNavButtons button:hover svg:first-child{transform:translate(140%)}.workNavButtons button:hover svg:last-child{transform:translate(0%)}.featuredWorkLeft>div{transform-origin:50%;transform:rotate(180deg)}.featuredWorkLeft{justify-content:flex-start}.featuredWorkRight{justify-content:flex-end}.featuredWorkFlex{height:39vw;margin-left:var(--gl);flex-wrap:nowrap;display:flex}.singleFeatureImage{object-fit:cover;transition:all 1s var(--expo)}.singleFeature.active .singleFeatureImage{filter:grayscale(0)}.singleFeatureTag{color:#fff;text-transform:uppercase;transition:background .5s ease,transform 1s var(--expo),opacity .5s var(--expo);background:#07021c66;border-radius:1000px;padding:10px 30px;font-size:20px;position:absolute;top:50px;left:30px}.singleFeature:hover .singleFeatureTag{background-color:var(--babyblue)}.singleFeatureInfo{width:100%;padding:var(--gs);color:#fff;background:#07021c66;justify-content:flex-start;align-items:stretch;display:flex;position:absolute;bottom:0;left:0}.singleFeatureLine svg{opacity:0;width:30px;transition:opacity .1s;display:block;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.singleFeatureSep{transform-origin:0;width:100%;height:2px;transition:transform .7s var(--o5);background:#fff;margin:12px 0;position:relative}.singleFeatureLine{transform-origin:0;width:60px;transition:transform .7s var(--o5);align-items:center;display:flex;position:relative;transform:scaleX(0)}.innerLine{background:#fff;width:100%;height:2px}.singleFeatureInfoFlex{width:fit-content;transition:transform .7s var(--o5);flex-direction:column;align-items:flex-start;display:flex;transform:translate(-60px)}.singleFeatureTitle{transition:transform .7s var(--o5);font-size:30px}.singleFeatureDirector{text-transform:uppercase;transition:transform .7s var(--o5);font-size:20px;line-height:30px}@media screen and (max-width:1100px){.singleFeature{aspect-ratio:1}.singleFeatureTitle{font-size:20px}.singleFeatureDirector{font-size:16px}.singleFeatureInfo{padding:10px 30px}.singleFeatureTag{font-size:14px;top:20px;left:20px}.singleFeatureLine{display:none}.singleFeatureInfoFlex{transform:none}.featuredWorkFlex{height:78vw}}