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:-65px}@media (max-width: 768px){main.work .title{margin-bottom:-20px}}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 .cases{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:100px;grid-gap:10px;box-sizing:border-box}@media (max-width: 1200px){main.work .cases{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){main.work .cases{grid-template-columns:repeat(1,1fr)}}main.work .cases .case{position:relative;background-color:var(--black);grid-row-end:span 5}main.work .cases .case:hover .image{display:none}main.work .cases .case:hover .titre{display:block!important;opacity:1!important}main.work .cases .case a{text-decoration:none}main.work .cases .case a,main.work .cases .case .content{width:100%;height:100%}main.work .cases .case:hover .cover img{transform:scale(1.1)}main.work .cases .case:hover .logo{background-color:#0000001a}main.work .cases .case .cover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden}main.work .cases .case .cover img,main.work .cases .case .cover picture{width:100%;height:100%;object-fit:cover;object-position:center;transition:.2s ease-out}main.work .cases .case .logo{z-index:3;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0006;transition:.2s ease-out;flex-direction:column;gap:20px}main.work .cases .case .logo .titre{text-decoration:none!important;text-transform:uppercase;font-size:40px;line-height:40px;font-family:var(--serif);width:300px;margin:auto;text-align:center;display:none;opacity:0;transition:.2s ease-out;text-shadow:0px 0px 10px rgba(0,0,0,.5)}main.work .cases .case .logo .image{filter:invert(1)}main.work .cases .case .logo img,main.work .cases .case .logo picture{width:150px;height:100px;object-fit:contain;object-position:center}main.work .cases .case:nth-child(1),main.work .cases .case:nth-child(3){grid-row-end:span 4}main.work .cases .case:nth-child(6),main.work .cases .case:nth-child(8){grid-row-end:span 3}main.work .cases .case:last-child{grid-row-end:span 4}