main.work{margin:auto;width:var(--container-width);max-width:var(--container-max-width);padding-top:100px;padding-bottom:100px}main.work .title{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:60px}@media (max-width: 768px){main.work .title{margin-bottom:30px}}main.work .title .title-content{z-index:5;position:relative}main.work .title .title-content .asset{position:absolute;right:0;bottom:6px;width:37px}@media (max-width: 768px){main.work .title .title-content .asset{bottom:-10px}}main.work .title h1{font-size:200px;line-height:200px;margin-top:0;position:relative;margin-bottom:0}@media (max-width: 768px){main.work .title h1{font-size:60px;line-height:1em}}main.work .filters-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:50px;font-family:var(--sans-serif);width:100%}main.work .filters-wrapper .filters-label{font-size:13px;font-weight:700;color:var(--white);letter-spacing:.15em;text-transform:uppercase;margin-right:5px}main.work .filters-wrapper .filters-list{display:flex;flex-wrap:wrap;gap:10px}main.work .filters-wrapper .filter-btn{background-color:transparent;border:1px solid var(--faux-blanc, #F4F4F1);color:var(--faux-blanc, #F4F4F1);text-align:center;leading-trim:both;text-edge:cap;font-family:Montserrat,var(--sans-serif);font-size:13px;font-style:normal;font-weight:400;line-height:13px;text-transform:uppercase;padding:6px 12px;cursor:pointer;transition:all .2s ease-in-out;outline:none}main.work .filters-wrapper .filter-btn:before,main.work .filters-wrapper .filter-btn:after{display:none!important}main.work .filters-wrapper .filter-btn:hover,main.work .filters-wrapper .filter-btn.active{background-color:var(--faux-blanc, #F4F4F1);color:#0a0a0a;border-color:var(--faux-blanc, #F4F4F1)}@media (max-width: 992px){main.work .filters-wrapper{margin-bottom:35px;gap:10px}main.work .filters-wrapper .filters-label{width:100%;margin-bottom:5px}}main.work .cases{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:45px 30px;box-sizing:border-box;width:100%;margin-bottom:60px}@media (max-width: 992px){main.work .cases{grid-template-columns:repeat(2,1fr);grid-gap:35px 20px}}@media (max-width: 576px){main.work .cases{grid-template-columns:1fr;grid-gap:40px}}main.work .cases .case-item{opacity:0;transform:translateY(25px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)}main.work .cases .case-item.visible{opacity:1;transform:translateY(0)}main.work .cases .case-item .case-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%;height:100%}main.work .cases .case-item .case-link:hover .case-cover img{transform:scale(1.04)}main.work .cases .case-item .case-link:hover .case-logo-overlay{background-color:#00000080}main.work .cases .case-item .case-card{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background-color:#111;margin-bottom:18px}main.work .cases .case-item .case-card .case-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}main.work .cases .case-item .case-card .case-cover img,main.work .cases .case-item .case-card .case-cover picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none!important;max-height:none!important;transition:transform .6s cubic-bezier(.165,.84,.44,1)}main.work .cases .case-item .case-card .case-logo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2;transition:background-color .4s ease}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper img{width:200px;height:100px;max-width:85%;max-height:85%;object-fit:contain;filter:invert(1);transition:transform .4s ease}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture{display:flex;justify-content:center;align-items:center}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture img{width:100%;height:100%;max-width:100%;max-height:100%;filter:none}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-adidas picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-adidas>img{width:170px;height:88px}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-project-surfrider-blue picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-project-surfrider-blue>img{width:225px;height:125px;max-width:98%;max-height:98%}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-four-seasons picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-four-seasons>img{width:225px;height:125px;max-width:98%;max-height:98%}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-clarins picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-clarins>img{width:225px;height:110px;max-width:95%;max-height:95%}main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-france-pare-brise picture,main.work .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-france-pare-brise>img{width:160px;height:80px}main.work .cases .case-item .case-info{display:flex;flex-direction:column;gap:4px;font-family:var(--sans-serif)}main.work .cases .case-item .case-info .case-client{color:var(--faux-blanc, #F4F4F1);text-align:left;font-family:Montserrat,var(--sans-serif);font-size:18px;font-style:normal;font-weight:300;line-height:18px;text-transform:uppercase}main.work .cases .case-item .case-info .case-title{color:#f4f4f1;text-align:left;font-family:Montserrat,var(--sans-serif);font-size:20px;font-style:normal;font-weight:700;line-height:20px;text-transform:uppercase;margin:0}main.work .cases .case-item .case-info .case-expertises{font-size:11px;font-weight:600;text-transform:uppercase;color:#fafafa73;letter-spacing:.08em}main.work .load-more-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:40px;margin-bottom:20px}main.work .load-more-container .button{margin:0 auto}