.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
.gallery-pagination .swiper-pagination-bullet{opacity:1;background:#ffffff80;width:12px;height:12px;margin:0 6px;transition:all .3s}.gallery-pagination .swiper-pagination-bullet-active{background:#fff;transform:scale(1.2)}.projects-pagination .swiper-pagination-bullet{opacity:1;background:#fff6;border-radius:50%;width:12px;height:12px;margin:0 8px;transition:all .3s}.projects-pagination .swiper-pagination-bullet-active{background:#ffffffe6;transform:scale(1.3);box-shadow:0 0 12px #ffffff4d}.projects-prev,.projects-next{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;transition:all .3s}.projects-prev:hover,.projects-next:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 8px 25px #00000026;background:#ffffff40!important}.projects-prev:active,.projects-next:active{transform:translateY(-50%)scale(.95)}.gallery-prev:hover,.gallery-next:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 8px 25px #00000026}.gallery-modal{animation:.3s ease-out fadeIn}.gallery-modal-content{animation:.3s ease-out slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.project-card:hover{transform:translateY(-4px)translateZ(0);box-shadow:0 25px 50px #00000026}.content-section{will-change:transform;position:relative;overflow:hidden}.content-section:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.project-card:hover .content-section:before{left:100%}.image-section{will-change:transform;position:relative;overflow:hidden}.image-section:after{content:"";opacity:0;z-index:1;background:linear-gradient(45deg,#0000001a,#0000);transition:opacity .4s;position:absolute;inset:0}.project-card:hover .image-section:after{opacity:1}.content-section h3{transition:transform .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .content-section h3{transform:translateY(-2px)}.content-section .flex.justify-start>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-grid.flex .project-card:hover:after{opacity:.8}@media (max-width:768px){.gallery-prev,.gallery-next{width:40px;height:40px}.gallery-prev{margin-top:20px;top:50%;left:8px}.gallery-next{margin-top:20px;top:50%;right:8px}.project-card:hover{box-shadow:none;transform:none}.projects-grid.flex .project-card{border-right:none;position:relative;width:100vw!important;min-width:100vw!important;max-width:100vw!important}.projects-grid.flex{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;height:100dvh;overflow:auto hidden}.projects-grid.flex .project-card{scroll-snap-align:start;height:100dvh!important}.project-card .content-section{padding:20px!important}.project-card .image-section{min-height:50vh}.project-card .md\:hidden{display:flex!important}.project-card .hidden.md\:flex{display:none!important}.projects-grid.flex:after,.projects-grid.flex:before{display:none}body,html,#projects{overflow-x:hidden}}@media (max-width:480px){.project-card:hover{box-shadow:none;transform:none}.project-card:hover .image-section img{transform:scale(1.02)}}.content-section.text-black h3{color:#1f2937}.content-section.text-black .opacity-80{color:#374151}html{scroll-behavior:smooth}.projects-grid,.project-card,.image-section,.content-section{transform:translateZ(0)}
