.timeline{max-width:1100px;margin:0 auto;padding:40px 0;position:relative}.timeline__line{background:linear-gradient(#0000 0%,#ffffff26 10%,#ffffff4d 50%,#ffffff26 90%,#0000 100%);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline__item{box-sizing:border-box;opacity:0;width:50%;padding:20px 40px;transition:opacity .8s,transform .8s cubic-bezier(.4,0,.2,1);position:relative}.timeline__item--left{text-align:right;left:0;transform:translate(-80px)}.timeline__item--right{text-align:left;left:50%;transform:translate(80px)}.timeline__item.is-visible{opacity:1;transform:translate(0)}.timeline__dot{z-index:2;background:#fff;border:3px solid #1a1a1a;border-radius:50%;width:16px;height:16px;animation:2.5s infinite timeline-pulse;position:absolute;top:40px;box-shadow:0 0 0 4px #ffffff26}.timeline__item--left .timeline__dot{right:-8px}.timeline__item--right .timeline__dot{left:-8px}.timeline__item.is-visible .timeline__dot{animation:2.5s infinite timeline-pulse,.6s timeline-pop}@keyframes timeline-pulse{0%{box-shadow:0 0 0 4px #ffffff26}50%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 0 4px #ffffff26}}@keyframes timeline-pop{0%{transform:scale(0)}60%{transform:scale(1.4)}to{transform:scale(1)}}.timeline__card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:28px 30px;transition:all .4s;position:relative;overflow:hidden}.timeline__card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.timeline__card:hover:before{left:100%}.timeline__card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-5px)}.timeline__year{letter-spacing:.5px;color:#fff;background:#ffffff14;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block}.timeline__card:hover .timeline__year{background:#ffffff26}body.light .timeline__line{background:linear-gradient(#0000 0%,#00000026 10%,#00000040 50%,#00000026 90%,#0000 100%)}body.light .timeline__dot{background:#000;border-color:#fff;animation:2.5s infinite timeline-pulse-light;box-shadow:0 0 0 4px #0000001a}body.light .timeline__item.is-visible .timeline__dot{animation:2.5s infinite timeline-pulse-light,.6s timeline-pop}@keyframes timeline-pulse-light{0%{box-shadow:0 0 0 4px #0000001a}50%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 0 4px #0000001a}}body.light .timeline__card{background:#00000008;border-color:#00000014}body.light .timeline__card:hover{background:#0000000d;border-color:#00000026}body.light .timeline__year{color:#000;background:#00000014}body.light .timeline__card:hover .timeline__year{background:#00000026}@media (width<=768px){.timeline__line{left:20px}.timeline__item{width:100%;padding:20px 20px 20px 60px;transform:translate(60px);text-align:left!important;left:0!important}.timeline__item--left .timeline__dot,.timeline__item--right .timeline__dot{left:12px;right:auto}.timeline__card{padding:22px 24px}}.slice-image{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto;position:relative}.slice-image__piece{transition:transform .6s;position:absolute;inset:0;overflow:hidden}.slice-image__piece img{object-fit:cover;object-position:center;width:100%;height:100%}.slice-image__piece--1{clip-path:polygon(0% 0%,100% 0%,100% 20%,0% 20%);transform:translate(-15px,-15px)rotate(-3deg)}.slice-image__piece--2{clip-path:polygon(0% 20%,100% 20%,100% 40%,0% 40%);transform:translate(10px,-5px)rotate(-1deg)}.slice-image__piece--3{clip-path:polygon(0% 40%,100% 40%,100% 60%,0% 60%);transform:translate(0)}.slice-image__piece--4{clip-path:polygon(0% 60%,100% 60%,100% 80%,0% 80%);transform:translate(-10px,5px)rotate(1deg)}.slice-image__piece--5{clip-path:polygon(0% 80%,100% 80%,100% 100%,0% 100%);transform:translate(15px,15px)rotate(3deg)}.slice-image:hover .slice-image__piece{transform:translate(0)rotate(0)}@media (width<=768px){.slice-image{max-width:350px}}.two-images{aspect-ratio:1;width:100%;max-width:550px;margin:0 auto;position:relative}.two-images__item{border-radius:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 20px 50px #0006}.two-images__item img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.two-images__item--1{z-index:1;width:65%;height:75%;top:0;left:0}.two-images__item--2{z-index:2;border:3px solid var(--template-bg,#060606);width:65%;height:75%;bottom:0;right:0}.two-images:hover .two-images__item--1{transform:translate(-8px,-8px)}.two-images:hover .two-images__item--2{transform:translate(8px,8px)}@media (width<=768px){.two-images{max-width:400px}}@media (width<=480px){.two-images{max-width:320px}.two-images__item--1,.two-images__item--2{width:68%;height:72%}}.work-filter-wrapper{scrollbar-width:thin;scrollbar-color:var(--secondary-color,#f20101) transparent;width:100%;padding-bottom:12px;overflow:auto hidden}.work-filter-wrapper::-webkit-scrollbar{height:4px}.work-filter-wrapper::-webkit-scrollbar-track{background:var(--senary-color,#1b1b1b);border-radius:10px}.work-filter-wrapper::-webkit-scrollbar-thumb{background:var(--secondary-color,#f20101);border-radius:10px}.work-filter-wrapper::-webkit-scrollbar-thumb:hover{background:#fff}.work-filter{justify-content:center;align-items:center;gap:12px;min-width:max-content;padding-inline:4px;display:flex}.work-filter__btn{border:1px solid var(--senary-color,#1b1b1b);color:var(--primary-color,#dfdfdfc4);letter-spacing:1px;text-transform:uppercase;cursor:pointer;z-index:1;white-space:nowrap;background:0 0;border-radius:50px;flex-shrink:0;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.work-filter__btn:before{content:"";background:var(--secondary-color,#f20101);transform-origin:0;z-index:-1;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.work-filter__btn:hover{border-color:var(--secondary-color,#f20101);color:#fff;transform:translateY(-2px)}.work-filter__btn:hover:before{transform:scaleX(1)}.work-filter__btn.active{background:var(--secondary-color,#f20101);border-color:var(--secondary-color,#f20101);color:#fff;box-shadow:0 8px 24px #f201014d}.work-filter__btn.active:before{transform:scaleX(1)}.work-card{background:var(--quaternary-color,#101010);border:1px solid var(--senary-color,#1b1b1b);border-radius:18px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:var(--secondary-color,#f20101);transform:translateY(-8px);box-shadow:0 24px 60px #f2010126}.work-card__thumb{background:#0a0a0a;flex-shrink:0;width:100%;height:240px;position:relative;overflow:hidden}.work-card__thumb img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);display:block}.work-card:hover .work-card__thumb img{transform:scale(1.08)}.work-card__tag{background:var(--secondary-color,#f20101);color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #f201014d}.work-card__overlay{opacity:0;z-index:1;background:#000000b3;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.work-card:hover .work-card__overlay{opacity:1}.work-card__view-btn{background:var(--secondary-color,#f20101);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:110px;height:110px;font-size:12px;font-weight:600;text-decoration:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.5)rotate(-90deg)}.work-card:hover .work-card__view-btn{transform:scale(1)rotate(0)}.work-card__view-btn i{font-size:24px}.work-card__view-btn:hover{color:var(--secondary-color,#f20101);background:#fff}.work-card__body{flex-direction:column;flex-grow:1;padding:22px 22px 24px;display:flex}.work-card__title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:50px;margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.work-card__title a{color:inherit;text-decoration:none}.work-card:hover .work-card__title{color:var(--secondary-color,#f20101)}.work-card__desc{color:var(--primary-color,#dfdfdfc4);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0 0 14px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.work-card__tech{flex-wrap:wrap;gap:6px;min-height:28px;margin-bottom:14px;display:flex}.work-card__tech-item{letter-spacing:.3px;color:var(--tertiary-color,#00bc91);text-transform:uppercase;background:#00bc9114;border:1px solid #00bc9133;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.work-card__divider{background:var(--senary-color,#1b1b1b);height:1px;margin:auto 0 14px}.work-card__live{letter-spacing:.5px;text-transform:uppercase;width:100%;color:var(--secondary-color,#f20101);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.work-card__live span{align-items:center;gap:6px;display:inline-flex}.work-card__live i:first-child{font-size:15px}.work-card__live i:last-child{font-size:15px;transition:transform .3s}.work-card__live:hover{color:#fff}.work-card__live:hover i:last-child{transform:translate(4px,-4px)}body.light .work-filter-wrapper::-webkit-scrollbar-track{background:#0000000d}body.light .work-filter__btn{color:#000000b3;border-color:#0000001f}body.light .work-filter__btn:hover{color:#fff}body.light .work-card{background:#fff;border-color:#00000014;box-shadow:0 4px 20px #0000000a}body.light .work-card:hover{border-color:var(--secondary-color,#f20101);box-shadow:0 24px 60px #f201011f}body.light .work-card__title{color:#000}body.light .work-card__desc{color:#000000b3}body.light .work-card__divider{background:#00000014}body.light .work-card__live{color:var(--secondary-color,#f20101)}body.light .work-card__live:hover{color:#000}@media (width<=991px){.work-card__thumb{height:220px}.work-card__title{min-height:44px;font-size:17px}.work-card__desc{min-height:40px;font-size:13px}}@media (width<=768px){.work-filter-wrapper{padding-bottom:10px}.work-filter{justify-content:flex-start;padding-inline:0}.work-filter__btn{padding:11px 22px;font-size:12px}.work-card__thumb{height:200px}.work-card__body{padding:18px 18px 20px}.work-card__title{min-height:42px;margin-bottom:8px;font-size:16px}.work-card__desc{min-height:38px;margin-bottom:12px;font-size:13px}.work-card__tech-item{padding:3px 8px;font-size:10px}.work-card__live{font-size:12px}.work-card__view-btn{width:90px;height:90px;font-size:11px}.work-card__view-btn i{font-size:20px}.work-card__tag{padding:5px 10px;font-size:10px;top:10px;left:10px}}@media (width<=480px){.work-card__thumb{height:180px}.work-card__body{padding:16px 16px 18px}.work-card__title{min-height:40px;font-size:15px}}