.w-work{margin-top:3rem;position:relative;flex:1;width:100%}.w-work__container{width:calc(240vw + 21rem);display:flex;flex-direction:column;flex-wrap:wrap;gap:3rem;position:absolute;top:50%;left:50%;transform:translate(0, -50%);z-index:100;user-select:none;height:100%;background:rgba(255,255,255,0);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, rgba(128, 128, 128, 0) 10%, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(9%, rgba(255, 255, 255, 0)), color-stop(10%, rgba(128, 128, 128, 0)), color-stop(11%, rgb(0, 0, 0)), color-stop(89%, rgb(0, 0, 0)), color-stop(90%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, rgba(128, 128, 128, 0) 10%, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, rgba(128, 128, 128, 0) 10%, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, rgba(128, 128, 128, 0) 10%, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, rgba(128, 128, 128, 0) 10%, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0 )}.w-work__container::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:35rem;background-color:#000;z-index:0}.w-work__container:hover .w-work__item::after{opacity:1}.w-work__item{aspect-ratio:16/10;height:calc(50% - 1.5rem);position:relative;z-index:1;border-radius:10px;perspective:800px;transform:perspective(800px);transform-style:preserve-3d}@media only screen and (min-width: 801px){.w-work__item:hover::before,.w-work__item:hover .w-work__image img{opacity:1;filter:grayscale(0);transform:scale(1.05)}}.w-work__item::before{content:"";border-radius:inherit;height:100%;left:0px;opacity:0;position:absolute;top:0px;transition:opacity 500ms;width:100%;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%);z-index:3;pointer-events:none}.w-work__item.visible .w-work__image img{opacity:1;filter:grayscale(0)}.w-work__item.read-more .w-work__description{transform:translateY(0);opacity:1}@media only screen and (max-height: 669px){.w-work__item{height:100%}}.w-work__content{background-color:#171717;border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;position:absolute;z-index:2;display:flex;overflow:hidden}.w-work__heading{padding:1rem 1.2rem;background-color:#d9d9d9;display:flex;align-items:center;justify-content:space-between;border-radius:1.15rem 1.15rem 0 0;position:relative;z-index:3}.w-work__heading h3{font-size:1.6rem;line-height:1;color:#5b5b5b;font-weight:700;font-family:"Darker Grotesque",sans-serif}.w-work__button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.w-work__button svg{width:100%;height:100%;fill:#5b5b5b}.w-work__link{pointer-events:none;display:flex;flex:1}.w-work__image{display:flex;position:relative;z-index:1;flex:1;overflow:hidden;border:1px solid #b5b5b5;border-radius:0 0 1.15rem 1.15rem}.w-work__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:100% top;opacity:.7;filter:grayscale(100%);transition:.3s ease-in}.w-work__description{position:absolute;top:4rem;left:0;width:100%;background-color:#c3c3c3;padding:1.4rem 2rem 0 2rem;z-index:2;opacity:0;transition:.6s ease;transform:translateY(-100%);height:calc(100% - 4rem);border-radius:0 0 10px 10px;overflow:hidden}.w-work__description>p{font-size:2rem;color:#000}/*# sourceMappingURL=work.css.map */