.works-section{z-index:2;scrollbar-width:none;-ms-overflow-style:none;background:#101010;width:100%;position:relative;overflow-x:hidden}.works-section::-webkit-scrollbar{display:none}.works-section .works-intro{align-items:center;gap:10px;width:100%;padding:90px 45px 45px;display:flex}.works-section .works-intro h1{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:854px;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.works-section .works{width:100%;position:relative}.works-section .works .work-pin{width:100%;height:140vh;position:relative}.works-section .works .work-pin:last-of-type{height:100vh}.works-section .works .work{background:#101010;border-radius:24px;flex-shrink:0;align-items:flex-start;gap:45px;width:100%;height:100vh;padding:45px 45px 0;display:flex;position:relative;overflow:hidden}.works-section .works .work .left-details{flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:flex-start;gap:34px;width:300px;display:flex}.works-section .works .work .left-details .detail-header{flex-direction:column;align-items:flex-start;width:100%;display:flex}.works-section .works .work .left-details .detail-header h4{color:#fff;align-items:center;gap:11px;font-size:24px;font-weight:400;display:flex}.works-section .works .work .left-details .detail-header h4 span{color:#fff;font-size:12px;font-weight:400}.works-section .works .work .left-details .records{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.works-section .works .work .left-details .records .record{color:#fff9;border-left:1px solid #414141;width:100%;padding:3px 15px;font-size:12px;font-weight:400}.works-section .works .work .left-details p{color:#fff;-webkit-line-clamp:8;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:400;display:-webkit-box;overflow:hidden}.works-section .works .work .preview-container{background:#141414;border-radius:24px;flex:1;justify-content:center;align-items:center;height:100%;padding:0 68px;display:flex;position:relative;overflow:hidden}.works-section .works .work .preview-container img.preview-backdrop{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0}.works-section .works .work .preview-container .work-container-parent{z-index:1;width:100%;height:100%;max-height:80%;position:relative}.works-section .works .work .preview-container .work-container-parent .work-container{border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.works-section .works .work .preview-container .work-container-parent .work-container img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.works-section .works .work .preview-container .work-container-parent .btn{aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;background:#bc34a7;border-radius:200px;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;font-size:18px;font-weight:400;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:-8px;right:6px;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.works-section .works .work .preview-container .work-container-parent .btn .blob{pointer-events:none;opacity:0;background:#ffffff1f;border-radius:50%;width:80px;height:80px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.works-section .works .work .preview-container .work-container-parent .btn:hover .blob{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.works-section .works .work .preview-container .work-container-parent .btn .btn-text{z-index:2;flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex;position:relative}.works-section .works .work .preview-container .work-container-parent .btn .word{display:block;position:relative;overflow:hidden}.works-section .works .work .preview-container .work-container-parent .btn .word span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.works-section .works .work .preview-container .work-container-parent .btn .word .shadow{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:13px;position:absolute;top:100%;left:0}.works-section .works .work .preview-container .work-container-parent .btn:hover .word .real,.works-section .works .work .preview-container .work-container-parent .btn:hover .word .shadow{transform:translateY(-100%)}.works-section .works .work.work-teaser{cursor:pointer;justify-content:center;align-items:stretch;padding:0;position:relative}.works-section .works .work.work-teaser .work-teaser-backdrop{-o-object-fit:cover;object-fit:cover;filter:blur(18px)brightness(.55)saturate(1.1);width:100%;height:100%;transition:filter .4s,transform .4s;position:absolute;top:0;left:0;transform:scale(1.08)}.works-section .works .work.work-teaser .work-teaser-overlay{z-index:1;text-align:center;background:#10101059;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative}.works-section .works .work.work-teaser .work-teaser-overlay .work-teaser-col{flex-direction:column;align-items:center;gap:12px;display:flex}.works-section .works .work.work-teaser .work-teaser-overlay .work-teaser-count{color:#ffffff80;font-size:16px;font-weight:400;line-height:21px}.works-section .works .work.work-teaser .work-teaser-overlay h3{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:30px}.works-section .works .work.work-teaser .work-teaser-mobile-bar{display:none}.works-section .works .work.work-teaser:hover .work-teaser-backdrop{filter:blur(14px)brightness(.65)saturate(1.15);transform:scale(1.12)}.works-section .works .clip-content-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:linear-gradient(#10101000 -29.49%,#101010 40.97%);justify-content:space-between;align-items:center;width:100%;padding:90px 45px 45px;display:flex;position:sticky;bottom:0}.works-section .works .clip-content-container p{color:#ffffff80;font-size:21px;font-weight:400;line-height:21px}.works-section .works .clip-content-container .wrap{cursor:pointer;align-items:center;gap:24px;display:flex}.works-section .works .clip-content-container .wrap h2{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:30px}.preview-container .btn{aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;background:#bc34a7;border-radius:200px;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;font-size:18px;font-weight:400;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.preview-container .btn .blob{pointer-events:none;opacity:0;background:#ffffff1f;border-radius:50%;width:80px;height:80px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.preview-container .btn:hover .blob{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.preview-container .btn .btn-text{z-index:2;flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex;position:relative}.preview-container .btn .word{display:block;position:relative;overflow:hidden}.preview-container .btn .word span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.preview-container .btn .word .shadow{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:13px;position:absolute;top:100%;left:0}.preview-container .btn:hover .word .real,.preview-container .btn:hover .word .shadow{transform:translateY(-100%)}@media (max-width:575px){.works-section .works-intro{padding:50px 20px 30px}.works-section .works-intro h1{text-shadow:0 3px 10px #0000001f;max-width:100%;font-size:21px;line-height:21px}.works-section .works .work-pin,.works-section .works .work-pin:last-of-type{height:auto}.works-section .works{flex-direction:column;gap:80px;width:100%;padding:0 20px;display:flex}.works-section .works .work{border-radius:0;flex-direction:column;gap:24px;height:auto;min-height:100vh;padding:0}.works-section .works .work .left-details{gap:16px;width:100%}.works-section .works .work .left-details .detail-header h4{font-size:18px}.works-section .works .work .left-details .detail-header h4 span{font-size:11px}.works-section .works .work .left-details .work-logo img{width:auto;height:32px}.works-section .works .work .left-details .records{flex-flow:wrap;gap:6px}.works-section .works .work .left-details .records .record{white-space:nowrap;border:1px solid #414141;border-radius:100px;width:auto;padding:3px 10px;font-size:11px}.works-section .works .work .left-details p{-webkit-line-clamp:5;font-size:13px}.works-section .works .work .preview-container{border-radius:24px;flex:1;width:100%;min-height:0;margin-left:0;padding:0 24px;overflow:hidden}.works-section .works .work .preview-container .work-container-parent{max-height:80%}.works-section .works .work .preview-container .work-container-parent .work-container{border-radius:0}.works-section .works .work.work-teaser{cursor:pointer;justify-content:center;align-items:stretch;height:auto;min-height:auto;padding:0;position:relative}.works-section .works .work.work-teaser .work-teaser-overlay{display:none}.works-section .works .work.work-teaser .work-teaser-mobile-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#10101000 -29.49%,#101010 40.97%);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;height:64px;padding:0;display:flex}.works-section .works .work.work-teaser .work-teaser-mobile-count{color:#ffffff80;flex-shrink:0;width:95px;font-family:Google Sans,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:12px}.works-section .works .work.work-teaser .work-teaser-mobile-logo{flex-direction:row;flex-shrink:0;align-items:center;gap:12px;display:flex}.works-section .works .work.work-teaser .work-teaser-mobile-logo-text{color:#fff;text-shadow:0 3px 10px #0000001f;white-space:nowrap;font-family:Climate Crisis,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.works-section .works .work.work-teaser .work-teaser-mobile-logo-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#fff;flex-shrink:0;width:18px;height:16px;display:block;transform:scaleX(-1);box-shadow:0 1.5px 5px #0000001f,inset 0 -1.5px 6px #0000001f,inset 0 1.5px 6px #ffffff3d}}@media (min-width:576px) and (max-width:769px){.works-section .works-intro{padding:60px 30px 35px}.works-section .works-intro h1{font-size:36px;line-height:42px}.works-section .works .work{flex-direction:column;gap:28px;padding:30px 24px 0}.works-section .works .work .left-details{gap:20px;width:100%}.works-section .works .work .left-details .records{flex-flow:wrap;gap:6px}.works-section .works .work .left-details .records .record{white-space:nowrap;border:1px solid #414141;border-radius:100px;width:auto;padding:3px 12px}.works-section .works .work .preview-container{border-radius:16px 16px 0 0;flex:1;width:calc(100% + 48px);min-height:0;margin-left:-24px;padding:0 32px}}@media (min-width:769px) and (max-width:991px){.works-section .works-intro{padding:70px 35px 40px}.works-section .works-intro h1{font-size:44px;line-height:50px}.works-section .works .work{gap:30px;padding:35px 35px 0}.works-section .works .work .left-details{width:240px}.works-section .works .work .left-details .detail-header h4{font-size:20px}.works-section .works .work .left-details p{-webkit-line-clamp:6;font-size:14px}.works-section .works .work .preview-container{padding:0 40px}}@media (min-width:992px) and (max-width:1102px){.works-section .works-intro{padding:80px 40px 42px}.works-section .works-intro h1{font-size:52px;line-height:56px}.works-section .works .work{gap:36px;padding:40px 40px 0}.works-section .works .work .left-details{width:270px}.works-section .works .work .left-details .detail-header h4{font-size:22px}.works-section .works .work .preview-container{padding:0 52px}}