/* Brand additions; Orixo layout, breakpoints and effects are retained. */
html{scroll-behavior:auto;scroll-padding-top:110px}
body{--text:#5b5b5b}
img{max-width:100%}
.navbar-brand img,.footer-logo img,.offcanvas-menu .logo img,.mobile-menu-main .logo img{width:230px!important;height:auto!important}
.email-link{overflow-wrap:anywhere}
.off-contact-area a{overflow-wrap:anywhere}
.theme-btn,.news-btn,.service-acc-btn h3,.project-box-items .title,.news-box-items .title,.acc-btn{text-transform:none!important}
.skip-link{position:fixed;top:-100px;left:20px;background:#ff471c;color:#fff;padding:12px 20px;z-index:999999}
.skip-link:focus{top:15px}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff471c;outline-offset:5px}
[role=button]{cursor:pointer}
.hero-1 .hero-content h1{font-size:clamp(54px,6.8vw,118px);line-height:1.03;letter-spacing:-.045em}
.hero-1 .hero-content h1>span{letter-spacing:0}
.hero-1 .hero-content>p{font-size:16px;letter-spacing:.06em}
.hero-1 .hero-list ul{flex-wrap:wrap}
.hero-1 .hero-list ul li{font-size:16px}
.hero-1 .hero-right-items .text{font-size:18px;line-height:1.6}
.service-wrap .item-text h4{font-size:24px;line-height:1.25}
.service-wrap .item-text p{line-height:1.6}
.pricing-header .scope-title{font-size:30px!important;line-height:1.15!important;margin:24px 0}
.pricing-toggle-wrapper button{color:inherit;padding:10px 16px}
.pricing-toggle-wrapper button.active{background:#ff471c;color:#fff;border-radius:30px}
.testimonial-box-style-1 h3{font-size:clamp(22px,2.2vw,34px);line-height:1.4}
.client-testimonial__item .quote-icon{font-size:38px;color:#ff471c}
.footer-form-3 p{margin:16px 0;font-size:17px;line-height:1.5}
.footer-form-3 .email-link{font-size:16px}
.footer-bottom-wrapper{gap:20px;flex-wrap:wrap}
.footer-bottom-wrapper p{font-size:15px!important}
.asma-page-hero{padding-top:180px;padding-bottom:80px;border-bottom:1px solid #ddd;background:#f8f8f8}
.asma-page-hero nav{font-size:15px;margin-bottom:36px;color:#555}
.asma-page-hero nav a{color:#c22e0b}
.asma-page-hero h1{font-size:clamp(42px,6vw,94px);line-height:1.06;letter-spacing:-.04em;max-width:1100px}
.asma-page-hero>div>p{font-size:clamp(20px,2vw,28px);line-height:1.5;max-width:850px;margin-top:30px}
.asma-reading h2,.asma-contact h2{font-size:clamp(26px,3vw,42px);line-height:1.2;margin-bottom:24px}
.asma-reading h2:not(:first-child){margin-top:46px}
.asma-reading p,.asma-contact p{font-size:19px;line-height:1.75;margin:0 0 26px;color:#4d4d4d}
.asma-reading article,.asma-reading>.container{max-width:1050px}
.asma-panel{padding:32px;background:#f3f3f3;border:1px solid #ddd;border-radius:18px;margin-bottom:28px}
.asma-panel h2{font-size:28px}
.asma-panel ul{list-style:disc;padding-left:20px;margin-bottom:30px}
.asma-panel li{margin:12px 0;color:#333}
.asma-panel a{color:#111}
.asma-text-link,.asma-reading p a{color:#bf2c0a;text-decoration:underline;text-underline-offset:5px}
.asma-contact label{display:block;font-size:16px;color:#222;margin:18px 0 8px}
.asma-contact input,.asma-contact select,.asma-contact textarea{display:block;width:100%;padding:14px 16px;border:1px solid #aaa;border-radius:8px;background:#fff;color:#111;font:inherit;font-size:17px;box-sizing:border-box}
.asma-contact input:focus,.asma-contact textarea:focus{color:#111}
.asma-contact textarea{resize:vertical}
.asma-contact .nice-select{display:none!important}
.asma-contact select{display:block!important}
.asma-contact .asma-small{font-size:14px;line-height:1.6;margin-top:20px}
.asma-small a{color:#bb2e0d;text-decoration:underline}
.asma-submit{display:inline-flex;gap:20px;align-items:center;padding:18px 25px;border-radius:36px;background:#ff471c;color:#fff;font-weight:700;margin-top:10px}
.asma-submit:hover{background:#111}
#brief-status{font-size:16px;margin-top:20px}
[hidden]{display:none!important}
.asma-eyebrow{color:#bf2c0a!important;font-size:15px!important;text-transform:uppercase;letter-spacing:.08em}
/* Preserve the original preloader while keeping the content readable if scripts fail. */
#page{opacity:1;visibility:visible}
#preloader{pointer-events:none;animation:loader-fallback .1s 1.8s forwards}
@keyframes loader-fallback{to{opacity:0;visibility:hidden}}
@media(max-width:1199px){.asma-page-hero{padding-top:145px}.hero-1 .hero-content h1{font-size:clamp(52px,8vw,86px)}}
@media(max-width:767px){.hero-1 .hero-content h1{font-size:clamp(46px,11vw,70px)}.hero-1 .hero-content h1>span{font-size:24px}.hero-1 .hero-list{gap:20px}.asma-page-hero{padding:130px 0 55px}.asma-panel{padding:24px}.asma-reading p,.asma-contact p{font-size:17px}.asma-page-hero nav span{overflow-wrap:anywhere}.footer-widget-wrapper .col-6{width:100%}.footer-bottom-wrapper ul{flex-wrap:wrap}.scope-title{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.wow{visibility:visible!important}#preloader{display:none}}

/* First-paint hero text remains readable while GSAP animates its position. */
.hero-content .split-title .char{clip-path:none;opacity:1}
.hero-1 .hero-content h1>span.slogan-line{font-size:clamp(44px,5.2vw,88px);line-height:1.08;margin-bottom:0}
.asma-brand-slogan{font-size:20px;line-height:1.5;margin:22px 0;color:inherit}
#preloader{animation:loader-fallback .1s .8s forwards}
@media(max-width:767px){.hero-1 .hero-content h1>span.slogan-line{font-size:clamp(40px,10vw,60px)}}