@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";
:root{--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--container-padding:5%;--container-max-width:1215px;--ultra-wide-max-width:1440px;--touch-target-min:44px;--touch-target-recommended:48px;--font-size-base:16px;--line-height-base:1.5;--max-line-length:75ch}*,:after,:before{box-sizing:border-box;font-family:Work Sans,sans-serif;font-weight:400}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{--cl--1--:#fff;--cl--2--:#14171f;--cl--3--:#2947a9;--cl--4--:#91a1d4;--cl--5--:#f6f8f7;background:var(--cl--1--);font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;overflow-x:hidden}img{width:100%;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--cl--2--);text-transform:capitalize;margin:0;font-weight:700}h1{font-size:clamp(40px,10vw,70px)}h2{font-size:clamp(25px,5vw,35px)}h3{font-size:clamp(18px,3vw,22px)}p{color:var(--cl--4--);margin:0;font-size:16px}a{-o-transition:.3s ease-in-out;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}ul{margin:0;padding:0;list-style:none}.row{display:flex}.flex{flex-wrap:wrap;gap:clamp(2em,5vw,5em)}.flex>*{flex:25em}.column{display:grid}.container{width:100%;max-width:90%;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);margin:0 auto}@media screen and (min-width:640px){.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media screen and (min-width:1024px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media screen and (min-width:1536px){.container{max-width:var(--container-max-width)}}header{padding:var(--spacing-sm)0;justify-content:space-between;align-items:center;gap:1em;position:relative}@media screen and (min-width:768px){header{gap:2em}}.logo{z-index:1001}.logo img{max-width:max-content;max-height:70px;margin-top:5px}@media screen and (min-width:768px){.logo img{max-height:85px}}@media screen and (min-width:1024px){.logo img{max-height:100px}}nav ul{align-items:center;gap:1.5em}@media screen and (min-width:1024px){nav ul{gap:2em}}nav a{color:var(--cl--2--);text-transform:capitalize;min-height:var(--touch-target-min);outline-offset:2px;border-radius:4px;outline:2px solid #0000;align-items:center;padding:.5em;font-size:16px;font-weight:500;transition:color .3s ease-in-out,outline-color .2s ease-in-out,background-color .2s ease-in-out;display:inline-flex}@media screen and (min-width:1024px){nav a{font-size:18px}}nav a:hover{color:var(--cl--3--)}nav a:focus-visible{outline-color:var(--cl--3--)}@media (hover:none) and (pointer:coarse){nav a:hover{background-color:#0000}nav a:active{background-color:#2947a91a}}.mySwiper{position:relative}.hero .swiper-slide{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.hero .container{min-height:calc(100dvh - 108px);padding:var(--spacing-lg)0;align-items:center}@media screen and (max-width:767px){.hero .container{flex-direction:column;justify-content:center;min-height:calc(100dvh - 80px)}}.hero h1{max-width:550px;color:var(--cl--1--);text-shadow:0 10px 22px #00000073}.hero .container .row{background:var(--cl--3--);text-align:center;max-width:min(398px,90vw);padding:clamp(16px,4vw,24px) clamp(20px,5vw,48px);position:absolute;bottom:48px;right:0}@media screen and (max-width:767px){.hero .container .row{width:100%;max-width:100%;margin-top:2em;position:relative;bottom:auto;right:auto}}.hero h3,.subscribe-content h2,.slide-content h3,.about-content h2{color:var(--cl--1--)}.hero p,.slide-content p,.subscribe-content p{color:var(--cl--1--);padding-top:1em}.hero-arrow{z-index:10;align-items:stretch;gap:0;width:398.34px;max-width:398.34px;height:48px;display:flex;position:absolute;bottom:0;right:0}.hero-arrow .swiper-button-prev,.hero-arrow .swiper-button-next{color:var(--cl--1--);background:var(--cl--2--);cursor:pointer;-o-transition:all .3s ease-in-out;flex:1;justify-content:center;align-items:center;gap:.8em;padding:0;font-size:16px;font-weight:500;transition:all .3s ease-in-out;display:flex;width:auto!important;height:100%!important;inset:unset!important;margin:0!important;position:static!important}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:.8}.swiper-button-prev img,.swiper-button-next img{filter:brightness(0)invert();width:20px;height:20px}.hero-arrow .swiper-button-next:after,.hero-arrow .swiper-button-prev:after,.hero-arrow .swiper-button-next:before,.hero-arrow .swiper-button-prev:before{content:none!important;display:none!important}.hero-arrow .swiper-navigation-icon{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{color:#0000;content:"";position:absolute}.hero-cta-wrapper{z-index:10;flex-wrap:wrap;align-items:center;gap:1em;display:flex;position:absolute;bottom:140px;left:5%}.hero-cta-btn{cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;gap:.5em;min-width:48px;height:52px;padding:.9em 2em;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex}.hero-cta-primary{background:var(--cl--1--);color:var(--cl--3--);border:2px solid var(--cl--1--)}.hero-cta-primary:hover{color:var(--cl--1--);background:0 0}.hero-cta-primary:focus{outline:3px solid var(--cl--1--);outline-offset:2px}.hero-cta-secondary{color:var(--cl--1--);background:0 0;border:2px solid #ffffffb3}.hero-cta-secondary:hover{border-color:var(--cl--1--);background:#ffffff1a}.hero-cta-secondary:focus{outline:3px solid var(--cl--1--);outline-offset:2px}@media screen and (max-width:900px){.hero-cta-wrapper{justify-content:center;bottom:100px;left:50%;transform:translate(-50%)}}@media screen and (max-width:640px){.hero-cta-wrapper{flex-direction:column;width:90%;bottom:220px}.hero-cta-btn{text-align:center;width:100%;padding:.8em 1.5em;font-size:15px}.hero-cta-secondary{border-color:var(--cl--3--);background:#2947a9e6}.hero-cta-secondary:hover{background:var(--cl--3--)}}.hero-section.section{align-items:center;min-height:100vh;display:flex;position:relative}.hero-bg{z-index:-1;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(135deg,#14171fd9 0%,#2947a999 100%);position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-layout{z-index:1;padding:4em 0;position:relative}.hero-content{max-width:700px}.hero-content h1{color:var(--cl--1--);text-shadow:0 10px 22px #00000073;margin-bottom:.5em}.hero-subtitle{max-width:550px;margin-bottom:2em;font-size:clamp(18px,3vw,22px);color:#ffffffe6!important;padding-top:0!important}.hero-cta-container{flex-wrap:wrap;gap:1em;margin-bottom:3em;display:flex}.hero-tags{flex-wrap:wrap;gap:1em;display:flex}.hero-tags span{color:var(--cl--1--);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border-radius:50px;padding:.5em 1.2em;font-size:14px;font-weight:500}@media screen and (max-width:640px){.hero-cta-container{flex-direction:column}.hero-cta-container a{text-align:center;justify-content:center;width:100%}}.clients{padding:4em 0}.clients h2{text-align:center}.clients-slider{overflow:hidden}.slide-track{will-change:transform;gap:50px;width:max-content;animation:28s linear infinite clients-scroll;display:flex}.slide{flex:none}.slide img{object-fit:contain;width:200px;height:150px}@keyframes clients-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.slide-track{animation:none}}.reputation,.project{padding:4em 0}.reputation h2,.service h2{text-align:center}.reputation-cards,.service-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2em,5vw,5em);padding-top:4em}.r-card{background:var(--cl--1--);border:1.5px solid var(--cl--4--);-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:2em}.r-card svg{fill:var(--cl--3--)}.r-card h3{padding:1em 0}.about{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;padding:4em 0}.about-img img,.about-content{-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;box-shadow:0 20px 24px -4px #1118271a,0 8px 8px -4px #11182766}.about-content{background:var(--cl--3--);padding:2em}.about-content p{color:var(--cl--1--);padding:1em 0}.about-content a{margin-top:1em}.page-btn,.page-btn.active:hover{color:var(--cl--3--);text-transform:uppercase;border:2px solid var(--cl--1--);background:var(--cl--1--);cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:.5em 1.5em;font-size:18px;font-weight:600}.page-btn.active,.page-btn:hover{color:var(--cl--1--);background:0 0}.service,.contact{background:var(--cl--5--);margin:4em auto;padding:4em 0}.s-card{text-align:center;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:4em 2em;box-shadow:0 0 37px -2px #1118270d}.s-card:nth-of-type(odd),.s-card:nth-of-type(2n):hover{background:var(--cl--1--)}.s-card:nth-of-type(2n),.s-card:nth-of-type(odd):hover{background:var(--cl--3--)}.icon{max-width:max-content;margin:0 auto;padding:.5em;position:relative}.icon:after{content:"";width:100%;height:1px;margin:auto;position:absolute;bottom:0;left:0;right:0}.s-card:nth-of-type(odd) .icon:after{background:var(--cl--4--)}.s-card:nth-of-type(2n) .icon:after,.s-card:nth-of-type(odd):hover .icon:after{background:var(--cl--1--)}.s-card:nth-of-type(odd) svg,.s-card:nth-of-type(2n):hover svg{fill:var(--cl--2--)}.s-card:nth-of-type(2n) svg,.s-card:nth-of-type(odd):hover svg{fill:var(--cl--1--)}.s-card h4{padding-top:.5em;font-size:20px;font-weight:600}.s-card:nth-of-type(odd) h4,.s-card:nth-of-type(2n):hover h4{color:var(--cl--3--)}.s-card:nth-of-type(2n) h4,.s-card:nth-of-type(odd):hover h4{color:var(--cl--1--)}.service-cards{grid-template-columns:1fr}@media screen and (min-width:640px){.service-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.service-cards{grid-template-columns:repeat(3,1fr)}}.s-card{min-height:var(--touch-target-min);padding:clamp(2em,5vw,4em) clamp(1em,3vw,2em)}.s-card h4{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(16px,3vw,20px)}.experience{flex-wrap:wrap-reverse;align-items:center;padding:4em 0}.experience-cards{flex-direction:column;gap:4em}.e-card{background:var(--cl--1--);-ms-border-radius:5px;-o-border-radius:5px;border:1px solid #2947a91a;border-radius:5px;min-width:300px;max-width:max-content;padding:2em;position:relative;box-shadow:0 20px 24px -4px #1118271a,0 8px 8px -4px #11182766}.e-card:nth-of-type(odd){margin-left:auto}.e-card:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:80px;height:80px;position:absolute;top:-50px}.e-card:nth-of-type(odd):after{right:0}.e-card:nth-of-type(2n):after{left:0}.e-card:first-of-type:after{background-image:url(/images/icon2.png)}.e-card:nth-of-type(2):after{background-image:url(/images/icon1.png)}.e-card:nth-of-type(3):after{background-image:url(/images/icon3.png)}.e-card:nth-of-type(4):after{background-image:url(/images/icon4.png)}.e-card p{padding-left:1em;position:relative}.e-card p:after{content:"";background:var(--cl--3--);width:5px;height:100%;position:absolute;top:0;left:0}.experience-content h1{color:var(--cl--3--)}.experience-content p{padding:2em 0}.page-btn-2{color:var(--cl--1--);text-transform:capitalize;border:2px solid var(--cl--3--);background:var(--cl--3--);cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;-o-transition:.3s ease-in-out;border-radius:5px;padding:.7em 4em;font-size:18px;font-weight:600;transition:all .3s ease-in-out}.page-btn-2:hover{color:var(--cl--3--);background:0 0}.subscribe{background-color:#0000;background-image:linear-gradient(#000000b3,#000000b3),url(/images/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0 auto;padding:10em 0}.subscribe-content{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em}.subscribe-content p a{color:var(--cl--1--);text-decoration:underline}.project-filter-slider{gap:4em;padding-top:4em}.filter{gap:1em}.filter div{color:var(--cl--4--);cursor:pointer;padding-left:.7em;font-size:clamp(16px,5vw,25px);position:relative}.filter .btn-active{color:var(--cl--3--);font-weight:700}.btn-active:after{content:"";background:var(--cl--3--);width:5px;height:100%;position:absolute;top:0;left:0}.project-slider,.project .project-slider{padding-bottom:3.2em}.project-slider .swiper-slide{gap:1em;display:grid}.d-none{display:none}.no-results{text-align:center;flex:1}.slide-content{background:var(--cl--3--);-o-transition:.3s ease-in-out;padding:2em 1em;transition:all .3s ease-in-out}.p-card:hover .slide-content{background:var(--cl--4--)}.slide-img{aspect-ratio:4/3;overflow:hidden}.slide-img img{object-fit:cover;-o-transition:.3s ease-in-out;width:100%;height:100%;transition:all .3s ease-in-out;display:block}.p-card{opacity:0;flex-direction:column;height:100%;animation:.6s ease-out forwards project-fade-in;display:flex;transform:translateY(18px)}.project-slider .swiper-slide .p-card:first-child{animation-delay:50ms}.project-slider .swiper-slide .p-card:nth-child(2){animation-delay:.15s}@keyframes project-fade-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.p-card{opacity:1;animation:none;transform:none}}.p-card:hover img{transform:scale(1.2)}.project-arrow{justify-content:space-between;align-items:center;gap:2em}.project .swiper-button-prev,.project .swiper-button-next{inset:unset;margin:unset;position:relative;inset:auto;transform:none}.project-arrow div:nth-of-type(2){inset:unset;position:relative}.swiper-pagination{min-width:100px}.swiper-pagination-bullet{background:var(--cl--4--);padding:.5em}.swiper-pagination-bullet-active{background:var(--cl--3--)}.contact-content{text-align:center;max-width:600px;padding:0 var(--spacing-sm);margin:0 auto}.contact-content p{max-width:var(--max-line-length);margin:0 auto;padding:1em 0}.form{gap:var(--spacing-md);flex-wrap:wrap}.form>*{flex:100%}@media screen and (min-width:640px){.form>*{flex:1 1 calc(50% - var(--spacing-md))}}form input,form select,form textarea{min-height:var(--touch-target-min);border:1px solid var(--cl--4--);outline-offset:2px;border-radius:5px;outline:2px solid #0000;width:100%;padding:1em;font-size:16px;transition:border-color .2s,outline-color .2s}form input:focus,form select:focus,form textarea:focus{border-color:var(--cl--3--);outline-color:var(--cl--3--)}form textarea{resize:vertical;min-height:150px}form .page-btn-2{min-height:var(--touch-target-recommended);min-width:200px;font-size:16px}@media screen and (max-width:639px){form .page-btn-2{width:100%}}form select option:checked{background:var(--cl--3--);color:var(--cl--1--)}.form+div{padding-top:2em}form p{text-align:left;padding:0 0 2em!important}footer{background:var(--cl--1--)}.footer{padding:2em 0}footer h5{color:var(--cl--3--);text-transform:uppercase;font-size:20px;font-weight:500}.footer-details{flex-direction:column-reverse;gap:2em}.footer-details li{flex-wrap:wrap;align-items:center;gap:.5em}.footer-details li+li{padding-top:.5em}.footer-details p{color:var(--cl--2--)}.footer-content h5{padding-bottom:1em}.footer-content form{flex-wrap:wrap;align-items:center;gap:1em;padding-bottom:1em}.footer-content .page-btn-2{padding:.7em 1.5em}.media-links{align-items:center;gap:2em}.media-links a{fill:var(--cl--3--)}.media-links a:hover{fill:var(--cl--4--)}.copy-right{background:var(--cl--3--);padding:2em 0}.copy-right p{color:var(--cl--1--);font-size:12px}@media screen and (min-width:1300px){.container{max-width:1215px}.footer-content{max-width:425px}.footer-content form input{width:60%}}@media screen and (max-width:900px){.toggleMenu{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);z-index:1000;cursor:pointer;outline-offset:2px;background-image:url(/images/open.svg);background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:8px;outline:2px solid #0000;transition:background-size .3s ease-in-out,background-color .2s ease-in-out,outline-color .2s ease-in-out}.toggleMenu:hover{background-color:#2947a90d}.toggleMenu:focus-visible{outline-color:var(--cl--3--)}.toggleMenu:active{background-color:#2947a91a}.toggleMenu.active{right:5%;top:var(--spacing-sm);background-color:#0000;background-image:url(/images/close.svg);background-size:20px;position:fixed}.toggleMenu.active:hover{background-color:#2947a90d}.navigation{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;min-height:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;inset:0;transform:scale(0)}.navigation.active{opacity:1;visibility:visible;background:var(--cl--1--);z-index:999;min-height:100dvh;position:fixed;transform:scale(1)}body:has(.navigation.active){overflow:hidden}nav ul{gap:var(--spacing-md);flex-direction:column}nav a{padding:var(--spacing-sm)var(--spacing-md);min-height:var(--touch-target-recommended);font-size:20px}.project-filter-slider{flex-wrap:wrap}.filter{padding:1.5em 0;overflow-x:scroll}.project-arrow{justify-content:center;transform:scale(.65)}.hero-arrow{justify-content:center;gap:.5em;width:100%;padding-right:0}.swiper-button-prev,.swiper-button-next{gap:.5em;padding:.8em 1.5em;font-size:14px}.swiper-button-prev img,.swiper-button-next img{width:16px;height:16px}}@media screen and (min-width:900px){.about{grid-template-columns:repeat(4,1fr)}.about-img,.about-content{grid-row:1/2}.about-img{grid-column:1/4}.about-content{grid-column:3/-1}.experience-cards{gap:unset}.e-card+.e-card{margin-top:-2em}.e-card:nth-of-type(odd):after{right:-30px}.e-card:nth-of-type(2n):after{left:-30px}.subscribe-content{text-align:unset;justify-content:space-between}.filter,.footer-details{flex-direction:column}}.gallery-page{min-height:calc(100vh - 200px)}.gallery-hero{text-align:center;padding:4em 0 2em}.gallery-hero h1{color:var(--cl--3--);margin-bottom:.5em}.gallery-hero p{max-width:700px;margin:0 auto;font-size:18px}.gallery-content{padding:2em 0 4em}.gallery-filter{flex-wrap:wrap;justify-content:center;gap:1em;padding-bottom:3em;display:flex}.filter-btn{color:var(--cl--4--);border:2px solid var(--cl--4--);cursor:pointer;background:0 0;border-radius:5px;padding:.6em 1.5em;font-size:16px;font-weight:500;transition:all .3s ease-in-out}.filter-btn:hover{color:var(--cl--3--);border-color:var(--cl--3--)}.filter-btn-active{color:var(--cl--1--);background:var(--cl--3--);border-color:var(--cl--3--)}.filter-btn-active:hover{color:var(--cl--1--);background:var(--cl--3--)}.gallery-grid{grid-template-columns:repeat(1,1fr);gap:2em;display:grid}@media screen and (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1400px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.gallery-empty{text-align:center;padding:4em 0}.gallery-empty p{font-size:18px}.gallery-card{cursor:pointer;background:var(--cl--1--);border-radius:8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.gallery-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.gallery-card:focus{outline:3px solid var(--cl--3--);outline-offset:2px}.gallery-card-image{aspect-ratio:4/3;background:var(--cl--5--);position:relative;overflow:hidden}.gallery-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .3s}.gallery-image.visible{opacity:1}.gallery-card:hover .gallery-image{transform:scale(1.05)}.gallery-card-skeleton{background:linear-gradient(90deg,var(--cl--5--)0%,#e8eaed 50%,var(--cl--5--)100%);background-size:200% 100%;position:absolute;inset:0}.skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gallery-card-error{background:var(--cl--5--);flex-direction:column;justify-content:center;align-items:center;gap:1em;display:flex;position:absolute;inset:0}.gallery-card-error p{color:var(--cl--4--)}.retry-btn{color:var(--cl--3--);border:1px solid var(--cl--3--);cursor:pointer;background:0 0;border-radius:4px;padding:.4em 1em;font-size:14px;font-weight:500;transition:all .3s}.retry-btn:hover{background:var(--cl--3--);color:var(--cl--1--)}.gallery-card-info{background:var(--cl--3--);padding:1em}.gallery-card-info h3{color:var(--cl--1--);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3em;font-size:16px;font-weight:600;overflow:hidden}.gallery-card-category{color:var(--cl--4--);font-size:13px}.lightbox-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.lightbox-close{color:var(--cl--1--);cursor:pointer;z-index:10;background:0 0;border:none;padding:.5em;transition:opacity .3s;position:absolute;top:1em;right:1em}.lightbox-close:hover{opacity:.7}.lightbox-nav{color:var(--cl--1--);cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;padding:1em;transition:background .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:1em}.lightbox-next{right:1em}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:85vh;display:flex;position:relative}.lightbox-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-spinner{border:3px solid #fff3;border-top-color:var(--cl--1--);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lightbox-image{object-fit:contain;opacity:0;max-width:100%;max-height:70vh;transition:opacity .3s}.lightbox-image.visible{opacity:1}.lightbox-info{text-align:center;max-width:600px;padding:1.5em 0}.lightbox-info h3{color:var(--cl--1--);margin-bottom:.5em;font-size:20px}.lightbox-info p{color:#ffffffb3;margin-bottom:.5em}.lightbox-counter{color:#ffffff80;font-size:14px}@media screen and (max-width:768px){.lightbox-nav{padding:.7em}.lightbox-prev{left:.5em}.lightbox-next{right:.5em}.lightbox-info h3{font-size:16px}.lightbox-info p{font-size:14px}}@media (hover:none) and (pointer:coarse){.lightbox-overlay:after{content:"Swipe to navigate";color:#fff6;font-size:12px;animation:3s forwards fadeOut;position:absolute;bottom:2em;left:50%;transform:translate(-50%)}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}}