.news-item-content{will-change:transform,opacity}.news-item{display:flex;flex-direction:column;gap:2rem}.section5{padding:121px 0;margin:0 clamp(1.5rem,1.068rem + 2.16vw,2.688rem);overflow:hidden}.section5-content{display:flex;flex-direction:column}.work-section-client-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"item0 item0 item1 item1" "item2 item2 item3 item3";grid-gap:20px;gap:20px}.work-section-client-item-content{position:relative;overflow:hidden;margin-bottom:24px;cursor:pointer}.image-wrapper{position:relative}.image-wrapper img{width:100%;height:auto;object-fit:cover;object-position:center;aspect-ratio:16/9;transition:filter .4s ease,transform .4s ease}.work-section-client-item-content:hover .image-wrapper img{filter:blur(4px);transform:scale(1.05)}.overlay-title{top:1rem;left:1rem;margin:0;color:#fff;font-size:clamp(1.125rem,1.08rem + .23vw,1.25rem);font-weight:700;mix-blend-mode:difference}.overlay-tags,.overlay-title{position:absolute;opacity:0;transition:opacity .3s ease .1s}.overlay-tags{bottom:1rem;right:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.overlay-tags p{background-color:var(--gray-light);color:#000;padding:.25rem .5rem;border-radius:.5rem;font-size:.8rem;margin:0}.work-section-client-item-content:hover .overlay-tags,.work-section-client-item-content:hover .overlay-title{opacity:1}.item0{grid-area:item0}.item1{grid-area:item1}.item2{grid-area:item2}.item3{grid-area:item3}@media (max-width:768px){.work-section-client-item{display:flex;flex-direction:column}}@media (max-width:480px){.section5{padding:80px 0}}.clip-path-title-container{position:relative;margin-bottom:80px}.clip-path-title{font-size:clamp(1.5rem,1.136rem + 1.82vw,2.5rem);letter-spacing:.3125rem;position:relative;display:inline-block;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateZ(0);will-change:clip-path,transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.clip-path-curtain{transform-origin:left center}.clip-path-circle,.clip-path-diagonal{transform-origin:center center}.clip-path-wipe-down{transform-origin:top center}.clip-path-wipe-up{transform-origin:bottom center}.clip-path-split-h,.clip-path-split-v{transform-origin:center center}.clip-path-subtitle{font-size:clamp(.75rem,.705rem + .23vw,.875rem);display:flex;align-items:center;gap:5px;font-weight:700;color:var(--gray-dark);margin-top:15px;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0;transform:translateZ(0);will-change:clip-path,opacity,transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.clip-path-subtitle:before{content:"";width:20px;height:2px;background-color:var(--gray-dark);display:block}@media (prefers-reduced-motion:no-preference){.clip-path-title.no-js{animation:clip-reveal 1.2s cubic-bezier(.77,0,.175,1) forwards}.clip-path-subtitle.no-js{animation:clip-reveal 1.2s cubic-bezier(.77,0,.175,1) .2s forwards}}@keyframes clip-reveal{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes clip-reveal-circle{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);opacity:0}to{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);opacity:1}}@keyframes clip-reveal-split-h{0%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);opacity:0}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes clip-reveal-split-v{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);opacity:0}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}.flowing-bar-keyframes{position:relative;overflow:hidden;background-color:#111}.flowing-bar-keyframes__inner{display:flex;width:max-content;animation:marquee 20s linear infinite}.flowing-bar-keyframes__item{flex:0 0 auto;font-size:5vw;font-weight:700;color:#fff;padding:1rem;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}