*{box-sizing:border-box}

.face-image{object-fit:cover!important;object-position:center center}
.cta-connect img{object-fit:cover;object-position:50% 20%}
.modal-contact-us{width:min(620px,100vw);height:100dvh;padding:24px;overflow-y:auto;background:#760909}
.modal-contact-us>img{opacity:.18}
.modal-contact-us form{width:100%;gap:24px;margin-top:32px}
.modal-contact-us form input,.modal-contact-us form textarea{width:100%;max-width:100%;font-size:16px;line-height:1.5;color:white;text-transform:none}
.modal-contact-us form input::placeholder,.modal-contact-us form textarea::placeholder{font-size:14px}
.modal-contact-us form textarea{height:100px;min-height:100px;margin:0;border-bottom:1px solid #ffffff70;resize:vertical}
.modal-contact-us form input[type=submit]{width:180px!important;height:48px!important;padding:10px 16px;border:1px solid white;border-radius:24px;font-family:Arial,sans-serif!important;font-size:16px!important;cursor:pointer;background:#fff;color:#650909;position:static;margin:0}
.modal-contact-us form input:focus,.modal-contact-us form textarea:focus{outline:2px solid white;outline-offset:4px}
.contact-status{color:white!important;font-size:14px!important;line-height:1.5!important}
.contact-trap{display:none!important}
.project-visit{display:inline-block;color:#fff;background:#760909;border:1px solid #fff6;border-radius:24px;padding:12px 20px;margin:20px 0;font-size:16px;text-decoration:none}
.image-hero-side,.gallery-item{height:auto!important;aspect-ratio:1.6;width:100%!important}
.image-hero-side img,.gallery-item img{height:100%!important;width:100%;object-fit:contain!important;background:#090909}
.image-blog img{object-fit:contain!important;background:#111}
.services-para p,.blog-heading,.blog-para,.blog-section .card-1 p,.cta-title,.step-of-work .heading-of-step-work h1{color:#eee!important}
.blog-section .card-1 span{color:#c6c6c6!important}
.close-sidebar-contact{position:absolute!important;right:20px!important;top:20px!important;left:auto!important;transform:none!important;width:48px!important;height:48px!important}
[role=button]:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(min-width:769px){nav{background:#000b;border-radius:8px;padding:12px!important}.services-para{padding-top:160px!important}.blog-para{padding-top:150px!important}.blog-section{margin-top:0!important}.blog-heading{margin-top:0!important}}
@media(max-width:768px){
 .modal-contact-us{width:100%;padding:20px;height:100dvh;left:0}
 .modal-contact-us h1{font-size:42px;padding-right:60px}
 .modal-contact-us form{gap:20px;margin-top:36px}
 .modal-contact-us form input,.modal-contact-us form textarea{font-size:16px}
 .step{height:auto!important;aspect-ratio:1.6;width:90vw!important;left:5vw!important}
 .step img{object-fit:contain!important}
 .text-chnage-on-steps{top:65%!important;transform:none!important;padding:0 20px!important;gap:12px}
 .text-chnage-on-steps h1{font-size:24px!important;line-height:1.2!important}
 .text-chnage-on-steps p{font-size:14px!important;line-height:1.5!important;padding:0!important;width:100%!important}
 .time-steps-slider{bottom:5%!important;height:70px!important;width:70px!important}
 .time-steps-slider h1{font-size:24px!important}
 .fixed-bar-ledger{display:flex!important}
 .step:not(.is-active){visibility:hidden!important}
 .cta-connect{bottom:10%!important}
 .circle-follow-view,.custom-cursor,.sound-follow{display:none!important}
 .blog-heading{width:100%!important;font-size:40px!important}
 .blog-para{font-size:16px!important;line-height:1.5!important}
 .blog-section .cards-blogs .card-1 .image-blog{height:auto!important;aspect-ratio:1.6}
 .blog-section .cards-blogs .card-1 p{font-size:18px!important}
 .blog-section .cards-blogs .card-1 span{font-size:12px!important}
 .services-para p{font-size:17px!important;line-height:1.5!important}
 .case-study-side-bar{padding:16px!important}
 .case-study-side-bar .sidebar-p{font-size:16px!important;line-height:1.5!important}
 .case-study-side-bar .sidebar-h1{font-size:28px!important}
 .close-sidebar{width:48px!important;height:48px!important;right:20px!important;top:20px!important}
}
.cta-title,.cta-title *,.lets-be,.lets-be *{color:#eee!important}
.cta-footer,.cta-footer *{color:#eee!important}
.face-image{filter:brightness(1)!important}.my-face-animate{background:transparent!important}
@media(min-width:769px){nav{background:transparent!important;border-radius:0;padding:0!important}} @media(max-width:768px){.step-of-work{height:230vh!important;margin-top:0!important}.boxes-for-step .box-step-main{left:5%!important;width:90%!important;top:8%!important}.boxes-for-step .box-step-main:nth-child(2){left:5%!important;top:28%!important}.boxes-for-step .box-step-main:nth-child(3){left:5%!important;top:48%!important}.boxes-for-step .box-step-main:nth-child(4){left:5%!important;top:68%!important}.boxes-for-step .box-step-main h1{font-size:32px!important;line-height:1.2!important}.boxes-for-step .box-step-main p{font-size:16px!important;line-height:1.45!important;margin-top:12px!important;width:100%!important}.blog-section{padding-top:100px!important}.blog-heading{font-size:32px!important;line-height:1.2!important}.blog-para{max-width:100%!important;padding:0 16px!important;line-height:1.5!important}}

@media(max-width:768px){.boxes-for-step{left:0!important;width:100%!important}}

@media(max-width:768px){.hero-section-home .face-image{top:8vh!important}}

@media(min-width:769px){.para-introduce-hero{width:16.5vw!important}}
@media(max-width:768px){.cta-connect{height:5vh!important;width:35vw!important}.cta-connect img{height:100%!important;width:auto!important}}

@media(max-width:768px){.cta-connect img{width:25%!important;object-fit:cover!important}.cta-connect p{white-space:nowrap}}

@media(max-width:768px){.cta-connect .icon{width:25%!important;height:100%!important;flex:0 0 25%}.cta-connect .icon img{width:100%!important;height:100%!important}.cta-connect .text-mask{width:auto!important;flex:1;min-width:0}.cta-connect .live-2{white-space:nowrap!important;font-size:3.8rem!important}}

.cta-connect{text-decoration:none;color:inherit}

.cta-connect,.cta-connect:link,.cta-connect:visited,.cta-connect:hover,.cta-connect:active,.cta-connect .live,.cta-connect .live-2{color:#fff!important}

/* Mobile portrait reduced 10%, with emblem kept aligned. */
@media(max-width:768px){.hero-section-home .face-image{scale:.9!important;transform-origin:50% 50%!important}.roman-statue-viewer canvas{scale:.9;transform-origin:50% 50%}}

/* Reference mobile CTA and intro wrapping. */
@media(max-width:768px){.cta-connect{width:38vw!important;height:6.4vh!important}.cta-connect .live-2{font-size:4rem!important}.para-introduce-hero{width:45vw!important}}