@font-face{font-family:'Overused Grotesk';src:url('assets/OverusedGrotesk-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('assets/OverusedGrotesk-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('assets/OverusedGrotesk-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('assets/OverusedGrotesk-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */.cb-cursor{position:fixed;top:0;left:0;z-index:150;contain:layout style size;pointer-events:none;will-change:transform;-webkit-transition:opacity .3s,color .4s;-o-transition:opacity .3s,color .4s;-moz-transition:opacity .3s,color .4s;transition:opacity .3s,color .4s}.cb-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:opacity .1s,-webkit-transform .3s ease-in-out;transition:opacity .1s,-webkit-transform .3s ease-in-out;-o-transition:opacity .1s,-o-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .1s,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .1s;transition:transform .3s ease-in-out,opacity .1s,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-o-transform .3s ease-in-out}.cb-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0) rotate(10deg);-moz-transform:scale(0) rotate(10deg);-ms-transform:scale(0) rotate(10deg);-o-transform:scale(0) rotate(10deg);transform:scale(0) rotate(10deg);opacity:0;color:white;font-size:16px;line-height:20px;text-align:center;letter-spacing:-0.01em;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;-o-transition:opacity .4s,-o-transform .3s;-moz-transition:opacity .4s,transform .3s,-moz-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}@supports(mix-blend-mode:exclusion){.cb-cursor.-exclusion,.cb-cursor.-opaque{mix-blend-mode:exclusion}}@supports(mix-blend-mode:exclusion){.cb-cursor.-exclusion:before,.cb-cursor.-opaque:before{background:white}}.cb-cursor.-normal,.cb-cursor.-text{mix-blend-mode:normal}.cb-cursor.-normal:before,.cb-cursor.-text:before{background:currentColor}.cb-cursor.-inverse{color:white}.cb-cursor.-visible:before{-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.cb-cursor.-visible.-active:before{-webkit-transform:scale(0.23);-moz-transform:scale(0.23);-ms-transform:scale(0.23);-o-transform:scale(0.23);transform:scale(0.23);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.cb-cursor.-pointer:before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.cb-cursor.-text:before{background:#000;opacity:.80;backdrop-filter:blur(10);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7)}.cb-cursor.-text .cb-cursor-text{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.cb-cursor.-text.-active:before{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.cb-cursor.-opaque:before{-webkit-transform:scale(1.32);-moz-transform:scale(1.32);-ms-transform:scale(1.32);-o-transform:scale(1.32);transform:scale(1.32)}.cb-cursor.-opaque.-active:before{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.cb-cursor.-lg:before{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}.cb-cursor.-hidden:before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
:root{--primary-color:#FFF;--secondary-color:#0F0F0F;--bg-color:#000;--text-color:#F5F5F4CC;--accent-color:#FB3602;--accent-secondary-color:#1D1D1D;--white-color:#FFF;--divider-color:#FFF1A;--error-color:#e65757;--default-font:"Overused Grotesk",sans-serif}
html,body{width:100%;overflow-x:clip}
body{font-family:var(--default-font);font-size:18px;font-weight:400;line-height:1em;color:var(--text-color);background:var(--bg-color)}
::-webkit-scrollbar-track{background-color:var(--accent-secondary-color);border-left:1px solid var(--accent-secondary-color)}
::-webkit-scrollbar{width:7px;background-color:var(--accent-secondary-color)}
::-webkit-scrollbar-thumb{background:var(--accent-color)}
::selection{color:var(--white-color);background-color:var(--accent-color);filter:invert(1)}
p{line-height:1.6em;margin-bottom:1.5em}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2em;color:var(--primary-color);margin:0}
figure{margin:0}
img{max-width:100%}
a{text-decoration:none}
a:hover{text-decoration:none;outline:0}
a:focus{text-decoration:none;outline:0}
.container{max-width:1300px}
.container{padding-right:15px;padding-left:15px}
.image-anime{position:relative;overflow:hidden}
.image-anime:after{content:"";position:absolute;width:200%;height:0;left:50%;top:50%;background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1}
.image-anime:hover:after{height:250%;transition:all 600ms linear;background-color:transparent}
.row{margin-right:-15px;margin-left:-15px}
.row>*{padding-right:15px;padding-left:15px}
.btn-default{position:relative;display:inline-block;font-size:18px;font-weight:600;line-height:1em;text-transform:capitalize;color:var(--white-color);background:var(--accent-color);border-radius:14px;padding:16px 56px 16px 24px;border:0;outline:0;overflow:hidden;transition:all .4s ease-in-out;z-index:1}
.btn-default:hover{color:var(--bg-color)}
.btn-default::before{content:'';position:absolute;top:50%;right:6px;width:40px;height:40px;transform:translateY(-50%);background-color:var(--primary-color);border-radius:10px;background-image:url('assets/arrow-black.svg');background-repeat:no-repeat;background-position:center center;background-size:20px auto;transition:all .4s ease-in-out}
.btn-default:hover::before{background-color:var(--accent-color);background-image:url('assets/arrow-white.svg')}
.btn-default::after{content:'';position:absolute;top:0;right:0;bottom:0;width:0;height:100%;background:var(--primary-color);transition:all .4s ease-in-out;z-index:-1}
.btn-default:hover::after{right:auto;left:0;width:100%}
.readmore-btn{position:relative;display:inline-block;font-weight:500;line-height:normal;text-transform:capitalize;color:var(--primary-color);padding:3px 42px 3px 0}
.readmore-btn::before{content:'';position:absolute;top:50%;transform:translate(-2px,-50%);right:0;width:30px;height:30px;background-color:var(--accent-color);background-image:url('assets/arrow-white.svg');background-repeat:no-repeat;background-position:center center;background-size:18px auto;border-radius:50%;transition:all .4s ease-in-out}
.readmore-btn:hover::before{transform:translate(0,-50%)}
.cb-cursor:before{background:var(--accent-color)}
.preloader{position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;background:var(--bg-color);display:flex;align-items:center;justify-content:center}
.loading-container,.loading{height:100px;position:relative;width:100px;border-radius:100%}
.loading-container{margin:40px auto}
.loading{border:1px solid transparent;border-color:transparent var(--white-color) transparent var(--white-color);animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%}
.loading-container:hover .loading,.loading-container .loading{transition:all .5s ease-in-out}
#loading-icon{position:absolute;top:50%;left:50%;max-width:66px;transform:translate(-50%,-50%)}
@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.bg-section{width:100%;max-width:1820px;background-image:url('assets/section-bg-shape.png');background-repeat:no-repeat;background-position:top center;background-size:cover;border-radius:20px;margin:0 auto}
.section-row{margin-bottom:80px}
.section-row .section-title{margin-bottom:0}
.section-row .section-title.section-title-center{width:100%;max-width:705px;margin:0 auto;text-align:center}
.section-title{margin-bottom:40px}
.section-title .section-sub-title{position:relative;display:inline-block;font-size:16px;font-weight:500;line-height:1em;text-transform:capitalize;color:var(--primary-color);background:var(--secondary-color);border-radius:100px;padding:9px 16px 9px 42px;margin-bottom:15px}
.bg-section .section-title .section-sub-title{background:var(--accent-secondary-color)}
.section-title .section-sub-title::before{content:'';position:absolute;top:50%;left:16px;transform:translateY(-50%);background-image:url('assets/icon-asterisk.svg');background-repeat:no-repeat;background-position:center center;background-size:cover;width:16px;height:16px}
.section-title h1{font-size:74px;font-weight:600;line-height:1.1em;letter-spacing:.02em;margin-bottom:0;cursor:none}
.section-title h2{font-size:54px;font-weight:500;line-height:1.1em;letter-spacing:-0.01em;margin-bottom:0;cursor:none}
.section-title p{margin-top:20px;margin-bottom:0}
.help-block.with-errors ul{margin:0;text-align:left}
.help-block.with-errors ul li{color:var(--error-color);font-weight:500;font-size:14px}
header.main-header{position:absolute;top:45px;left:15px;right:15px;z-index:100}
header.main-header .header-sticky{position:relative;max-width:1300px;top:0;background:var(--divider-color);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--divider-color);border-radius:20px;margin:0 auto;z-index:100}
header.main-header .header-sticky.hide{transform:translateY(-100%);transition:transform .4s ease-in-out}
header.main-header .header-sticky.active{position:fixed;top:15px;left:15px;right:15px;transform:translateY(0);background:var(--secondary-color)}
.navbar{padding:15px 0;align-items:center}
.navbar-brand{padding:0;margin:0}
.navbar-brand img{width:100%;max-width:200px}
.main-menu .nav-menu-wrapper{flex:1;text-align:center;margin:0 1.042vw}
.main-menu .nav-menu-wrapper>ul{align-items:center;display:inline-flex}
.main-menu ul li{margin:0 10px;position:relative}
.main-menu ul li a{font-size:18px;font-weight:500;line-height:1.2em;padding:12px 10px!important;color:var(--primary-color);background:transparent;border-radius:0;text-transform:capitalize;transition:all .3s ease-in-out}
.main-menu ul li.submenu>a:after{content:'\f107';font-family:'FontAwesome';font-weight:900;font-size:14px;margin-left:8px}
.main-menu ul li a:hover,.main-menu ul li a:focus{color:var(--accent-color)}
.main-menu ul ul{visibility:hidden;opacity:0;transform:scale(1,0.8);transform-origin:top;padding:0;margin:0;list-style:none;width:235px;border-radius:20px;position:absolute;left:0;top:100%;background:var(--accent-color);transition:all .3s ease-in-out;text-align:left}
.main-menu ul li.submenu:first-child ul{width:235px}
.main-menu ul ul ul{left:100%;top:0;text-align:left}
.main-menu ul li:hover>ul{visibility:visible;opacity:1;transform:scale(1,1);padding:5px 0}
.main-menu ul li.submenu ul li.submenu>a:after{content:'\f105';float:right}
.main-menu ul ul li{margin:0;padding:0}
.main-menu ul ul li a{color:var(--primary-color);padding:8px 20px!important;transition:all .3s ease-in-out}
.main-menu ul ul li a:hover,.main-menu ul ul li a:focus{color:var(--bg-color);background-color:transparent;padding:8px 20px 8px 23px!important}
.header-btn{line-height:0}
.navbar-toggle{display:none}
.hero{position:relative;border-radius:20px;padding:230px 0 120px;margin:15px 15px 0;overflow:hidden}
.hero .hero-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.hero .hero-bg-video video{width:100%;height:100%;object-fit:cover}
.hero .container{position:relative;z-index:2}
.hero-box{min-height:700px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.hero-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.hero-header .section-title{width:calc(70% - 10px);margin-bottom:0}
.hero-header .section-title h1{text-transform:uppercase;font-size:100px}
@keyframes infiniterotate{100%{transform:rotate(360deg)}}
.hero-body{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 30px}
.hero-body-content-box{max-width:525px}
.hero-body-content span{position:relative;font-size:16px;font-weight:500;line-height:normal;color:var(--primary-color);padding-left:15px}
.hero-body-content span::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);background:var(--accent-color);border-radius:50%;width:6px;height:6px}
.hero-body-content span:after{content:'';position:absolute;width:10%;height:10%;left:-6px;top:1px;border:9px solid var(--white-color);opacity:50%;border-radius:50%;transform:scale(0.6);z-index:-1;animation:border-zooming-elite 2s infinite linear}
.hero-body-content p{font-size:22px;font-weight:600;color:var(--primary-color);margin:20px 0 0}
.about-us{padding:120px 0}
.about-us-image{position:relative;background-image:url('assets/about-us-bg-image.png');background-repeat:no-repeat;background-position:center left 58px;background-size:auto;margin-right:35px}
.about-us-image figure{display:block;border-radius:20px}
.about-us-image figure img{width:100%;aspect-ratio:1 / .998;object-fit:cover;border-radius:20px}
.box-border-gradiant{position:relative}
.box-border-gradiant *{position:relative;z-index:1}
.bg-section .box-border-gradiant{background:var(--accent-secondary-color)}
.box-border-gradiant::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:linear-gradient(var(--secondary-color),var(--secondary-color)) padding-box,linear-gradient(140deg,var(--divider-color) 0,transparent 50%) border-box;border:2px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;border-radius:20px;z-index:0}
.bg-section .box-border-gradiant::before{background:linear-gradient(var(--accent-secondary-color),var(--accent-secondary-color)) padding-box,linear-gradient(140deg,var(--divider-color) 0,transparent 30%) border-box}
.our-services{padding:120px 0}
.our-scrolling-ticker{margin-top:80px}
.scrolling-ticker{position:relative;left:-10px;width:105%;background-color:var(--accent-color);padding:23px 0}
.scrolling-ticker.scrolling-left{top:76px;transform:rotate(5deg)}
.scrolling-ticker.scrolling-right{background-color:var(--accent-secondary-color);transform:rotate(-4deg)}
.scrolling-ticker-box{--gap:30px;display:flex;overflow:hidden;user-select:none;gap:var(--gap)}
.scrolling-content{flex-shrink:0;display:flex;gap:var(--gap);min-width:100%}
.scrolling-content span{display:inline-flex;align-items:center;gap:var(--gap);font-size:26px;font-weight:600;line-height:1.1em;color:var(--white-color);text-transform:capitalize}
.scrolling-content span img{width:100%;max-width:30px;animation:infiniterotate 10s infinite linear}
.scrolling-ticker.scrolling-left .scrolling-content{animation:scroll_left 80s linear infinite}
@keyframes scroll_left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}
.scrolling-ticker.scrolling-right .scrolling-content{animation:scroll_right 80s linear infinite}
@keyframes scroll_right{from{transform:translateX(-100%)}to{transform:translateX(calc(0+var(--gap)))}}
.contact-now{padding:120px 0}
.contact-now-content{position:sticky;top:30px}
.contact-now .contact-now-form{background:var(--accent-secondary-color)}
.contact-now-form{border-radius:20px;padding:50px}
.contact-now-form .section-title p{border-top:1px solid var(--divider-color);padding-top:20px}
.contact-now-form .form-control{font-size:16px;font-weight:400;line-height:1.25em;color:var(--primary-color);background-color:var(--divider-color);border-radius:5px;padding:20px;border:0;outline:0;box-shadow:none}
.contact-now-form .form-control::placeholder{color:var(--primary-color);opacity:50%}
.post-item{height:calc(100% - 30px);margin-bottom:30px}
.post-featured-image{margin-bottom:20px}
.post-featured-image a,.post-featured-image figure{display:block;border-radius:20px;cursor:none;overflow:hidden}
.post-featured-image figure{display:block;border-radius:14px}
.post-featured-image figure img{width:100%;aspect-ratio:1 / .695;object-fit:cover;border-radius:14px;transition:all .6s ease-in-out}
.post-item:hover .post-featured-image img{transform:scale(1.06)}
.post-item-content h2{font-size:22px;line-height:1.3em}
.post-item-content h2 a{color:inherit}
.post-item-btn{border-top:1px solid var(--divider-color);padding-top:20px;margin-top:20px}
@media only screen and (max-width:1850px){.bg-section{width:calc(100% - 30px)}
}
@media only screen and (max-width:1366px){header.main-header .header-sticky{width:calc(100% - 30px)}
}
@media only screen and (max-width:1024px){.main-menu ul li{margin:0}
.section-title p{margin-top:10px}
.hero-box{min-height:auto}
.hero-header .section-title h1{font-size:76px}
.hero-body-content-box{max-width:100%;width:calc(50% - 15px)}
.about-us-image{max-width:585px;margin:0 auto 30px}
.our-scrolling-ticker{margin-top:40px}
.contact-now-content{position:initial;margin-bottom:30px}
}
@media only screen and (max-width:991px){.navbar-brand img{max-width:180px}
.btn-default{font-size:16px;padding:15px 50px 15px 20px;border-radius:10px}
.btn-default::before{width:36px;height:36px;background-size:18px auto}
.readmore-btn{padding:2px 36px 2px 0}
.readmore-btn::before{width:26px;height:26px;background-size:16px auto}
header.main-header{top:0;right:0;left:0}
header.main-header .header-sticky{width:100%;border-radius:0;border-top:0;border-right:0;border-left:none}
header.main-header .header-sticky.active{width:100%;top:0;right:0;left:0}
.navbar{padding:20px 0}
.navbar-toggle{display:block}
.header-btn{display:none}
.bg-section{width:100%;border-radius:0;margin:0}
.section-row{margin-bottom:40px}
.section-title{margin-bottom:30px}
.section-title .section-sub-title{padding:7px 12px 7px 34px;margin-bottom:10px}
.section-title .section-sub-title::before{left:12px;height:14px;width:14px}
.section-title h1{font-size:52px}
.section-title h2{font-size:40px}
.hero{border-radius:0;padding:150px 0 60px;margin:0}
.hero-header .section-title{width:calc(64% - 10px)}
.hero-header .section-title h1{font-size:52px}
.hero-body-content-box{width:100%}
.hero-body-content p{font-size:20px;margin:15px 0 0}
.about-us{padding:60px 0}
.our-services{padding:60px 0}
.our-scrolling-ticker{margin-top:30px}
.scrolling-ticker{padding:15px 0}
.scrolling-ticker-box{--gap:20px}
.scrolling-ticker.scrolling-left{top:56px}
.scrolling-content span{font-size:22px}
.scrolling-content span img{max-width:24px}
.contact-now{padding:60px 0}
.contact-now-form{padding:30px}
.contact-now-form .section-title p{padding-top:15px;margin-top:15px}
.contact-now-form .form-control{padding:15px}
.post-featured-image{margin-bottom:15px}
.post-item-content h2{font-size:20px}
.post-item-btn{padding-top:15px;margin-top:15px}
}
@media only screen and (max-width:767px){body{font-size:16px}
.section-row{margin-bottom:30px}
.section-title h1{font-size:28px}
.section-title h2{font-size:26px}
.hero-header .section-title{width:100%}
.hero-header .section-title h1{font-size:28px}
.hero-body-content p{font-size:18px;margin:10px 0 0}
.about-us-image{background-position:center left 34px;background-size:70px auto}
.our-scrolling-ticker{margin-top:15px}
.scrolling-ticker-box{--gap:15px}
.scrolling-content span{font-size:18px}
.scrolling-content span img{max-width:20px}
.contact-now-form{padding:20px}
.post-item-content h2{font-size:18px}
}
@keyframes border-zooming-elite{100%{transform:scale(1);opacity:0}}
@keyframes infiniterotate-elite{100%{transform:rotate(360deg)}}
@keyframes infiniterotate-royal{100%{transform:rotate(360deg)}}

/* Interaction plumbing; reference dimensions and colors are retained above. */
html { scroll-behavior: smooth; }
body { margin: 0; }
section { scroll-margin-top: 30px; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 5px; }
.main-menu li:focus-within > ul { visibility: visible; opacity: 1; transform: scale(1); padding: 5px 0; }
.main-menu .submenu:focus-within > a { color: var(--accent-color); }
.hero { background: #141414 url('assets/hero-poster.jpg') center / cover; }
.hero-header { justify-content: center; container-type: inline-size; }
.hero-header .section-title { width: 100%; text-align: center; }
.hero-header .section-title h1 { font-size: clamp(56px, 24vw, 300px); font-size: clamp(56px, 24cqi, 300px); font-weight: 800; line-height: 1; letter-spacing: 0; text-transform: none; white-space: nowrap; color: #fff; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .hero-header .section-title h1, .hero-header .split-char {
    background-image: linear-gradient(165deg, #fff 8%, #fffffff5 48%, #fff 85%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .5px #ffffffa6;
    text-shadow: 0 3px 20px #0000001a;
  }
  .hero-header h1:has(.split-char) { background-image: none; }
}
.hero-header .section-title .section-sub-title { margin: 24px 0 0; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 18px; letter-spacing: .26em; }
.hero-body { justify-content: center; }
.hero-body-content-box { width: 100%; max-width: none; text-align: center; }
.hero-body-content p { max-width: 860px; margin: 0 auto; font-size: clamp(14px, 1.3vw, 18px); font-weight: 400; line-height: 1.5; color: #ffffffe0; }
.hero-body-content .hero-period { display: inline-block; margin-top: 20px; padding-left: 15px; font-size: clamp(12px, 1vw, 14px); font-weight: 400; line-height: 1.5; color: #ffffffb3; }
.navbar-brand.portfolio-brand { display: inline-flex; align-items: center; gap: 12px; width: 200px; flex-shrink: 0; color: var(--white-color); }
.brand-symbol { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; background: var(--accent-color); }
.portfolio-brand .brand-symbol img { width: 26px; height: 26px; }
.brand-name { display: inline-flex; align-items: baseline; gap: 4px; font: 600 30px/1.2 var(--default-font); white-space: nowrap; }
.brand-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-color); }
@media (min-width: 992px) {
  .main-menu .nav-contact-mobile { display: none; }
}
/* The reference resume scales its artwork; keep those proportions as live text. */
.about-us-content { container-type: inline-size; }
.about-profile-label { margin-bottom: 0; }
.about-profile { font-family: "Overused Grotesk", "Microsoft YaHei", "PingFang SC", sans-serif; }
.about-profile-name { font-size: clamp(32px, 8.1cqi, 60px); font-weight: 700; line-height: 1.12; }
.about-profile-age { margin: 4px 0 0; color: var(--primary-color); font-size: clamp(16px, 3.65cqi, 27px); font-weight: 500; line-height: 1.2; }
.about-profile-intro { margin-top: clamp(20px, 4.3cqi, 32px); font-size: clamp(12px, 3cqi, 22px); }
.about-profile-intro p { margin: 0; line-height: 1.8; }
.about-mobile-break { display: none; }
.about-profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 72%; margin: clamp(20px, 4.6cqi, 34px) 0 0; border-block: 1px solid #ffffff40; }
.about-profile-stat { display: flex; flex-direction: column; gap: clamp(6px, 1.6cqi, 12px); padding: clamp(10px, 2.4cqi, 18px) clamp(10px, 2.7cqi, 20px); }
.about-profile-stat + .about-profile-stat { border-left: 1px solid #ffffff40; }
.about-profile-stat dt { order: 2; font-size: clamp(12px, 2.15cqi, 16px); font-weight: 400; line-height: 1.5; white-space: nowrap; }
.about-profile-stat dd { margin: 0; color: var(--primary-color); font-size: clamp(22px, 4.85cqi, 36px); font-weight: 600; line-height: 1.2; }
.about-stat-plus { color: var(--accent-color); }
.about-profile-contact { margin-top: clamp(28px, 7.5cqi, 56px); }
.about-profile-contact h3 { font-size: clamp(20px, 3.65cqi, 27px); font-weight: 500; line-height: 1.2; }
.about-contact-links { display: flex; flex-wrap: wrap; gap: 12px clamp(12px, 2.7cqi, 20px); margin-top: clamp(12px, 2.4cqi, 18px); }
.about-contact-link { display: inline-flex; align-items: center; gap: .55em; padding: .4em .85em; border: 1px solid #ffffff66; border-radius: 100px; color: var(--primary-color); font-size: clamp(12px, 2.45cqi, 18px); font-weight: 500; line-height: 1.25; white-space: nowrap; transition: background-color .3s, border-color .3s; }
.about-contact-link svg { width: 1.1em; height: 1.1em; flex-shrink: 0; color: var(--accent-color); transition: color .3s; }
.about-contact-link:hover { color: var(--white-color); background: var(--accent-color); border-color: var(--accent-color); }
.about-contact-link:hover svg { color: var(--white-color); }
@media (min-width: 701px) and (max-width: 1199px) {
  .about-us .row > .col-xl-6 { width: 50%; }
  .about-us-image { margin-bottom: 0; }
}
@media (max-width: 700px) {
  .about-profile { width: 85%; margin-inline: auto; text-align: center; }
  .about-profile-name { font-size: clamp(24px, 8cqi, 50px); }
  .about-profile-age { font-size: clamp(12px, 4cqi, 25px); }
  .about-profile-intro { margin-top: 6cqi; font-size: clamp(10px, 3.5cqi, 21px); }
  .about-mobile-break { display: block; }
  .about-profile-stats { width: 100%; margin-top: 6cqi; text-align: left; }
  .about-profile-stat { gap: 1cqi; padding: 2cqi 3cqi; }
  .about-profile-stat dd { font-size: clamp(18px, 6cqi, 36px); }
  .about-profile-stat dt { font-size: clamp(10px, 3.5cqi, 21px); }
  .about-profile-contact { margin-top: 4.5cqi; }
  .about-profile-contact h3 { display: none; }
  .about-contact-links { justify-content: center; flex-wrap: nowrap; gap: 3cqi; margin: 0; }
  .about-contact-link { gap: .45em; padding: .35em .7em; font-size: clamp(9px, 3.1cqi, 18px); }
}
.preloader { transition: opacity .6s ease, visibility .6s ease; pointer-events: none; }
.preloader.loaded { opacity: 0; visibility: hidden; }
@keyframes loader-fallback { to { opacity: 0; visibility: hidden; } }
.preloader { animation: loader-fallback .6s 4s forwards; }
.menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; padding: 9px; border: 0; border-radius: 8px; background: var(--accent-color); }
.menu-toggle span { height: 2px; width: 20px; background: #fff; transition: transform .25s, opacity .25s; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.wow.reveal-pending { visibility: hidden; }
.wow.animated { visibility: visible; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
/* The crossed bands sit between About and Services, with room for their rotation. */
.our-scrolling-ticker { margin: -40px 0 120px; }
.scrolling-content span { white-space: nowrap; }
.scrolling-ticker.scrolling-right .scrolling-content { animation-name: scroll_left; animation-direction: reverse; }
.our-services, .contact-now { --divider-color: #ffffff1a; }
.our-services { margin-bottom: 30px; }
.our-services .section-title h2, .our-services .section-title p { font-family: "Overused Grotesk", "Microsoft YaHei", "PingFang SC", sans-serif; }
.our-services [id^="project-"] { scroll-margin-top: 30px; }
.contact-now-form .form-control:focus-visible { outline: 1px solid var(--accent-color); outline-offset: 2px; }
.contact-now-form textarea { resize: vertical; min-height: 142px; }
.contact-form-status:empty { display: none; }
.contact-form-status { font-size: 16px; line-height: 1.5; margin: 18px 0 0; }
.contact-now { margin-bottom: 15px; }
.contact-now-content .section-title h2 { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; line-height: 1.4; }
@media (max-width: 991px) {
  .navbar-brand.portfolio-brand { width: 180px; gap: 10px; }
  .brand-symbol { width: 44px; height: 44px; }
  .portfolio-brand .brand-symbol img { width: 23px; height: 23px; }
  .brand-name { font-size: 28px; }
  .our-scrolling-ticker { margin: 0 0 75px; }
  .navbar > .container { position: relative; }
  .main-menu.is-open { display: block; position: absolute; top: calc(100% + 20px); left: 0; right: 0; padding: 12px 20px; background: var(--accent-color); border-radius: 0 0 14px 14px; }
  .main-menu.is-open .nav-menu-wrapper { margin: 0; text-align: left; }
  .main-menu.is-open .navbar-nav { display: block; }
  .main-menu.is-open ul li { margin: 0; }
  .main-menu.is-open ul li a { display: block; padding: 12px 0 !important; }
  .main-menu.is-open ul li a:hover { color: #000; }
  .main-menu.is-open ul ul { position: static; display: none; width: 100%; padding: 0 15px; visibility: visible; opacity: 1; transform: none; }
  .main-menu.is-open li:focus-within > ul { display: block; }
}
@media (max-width: 767px) {
  .hero-header .section-title .section-sub-title { font-size: 15px; letter-spacing: .2em; }
  .hero-body-content p { max-width: 42em; }
  .hero-intro-break { display: none; }
  .our-scrolling-ticker { margin-bottom: 55px; }
}
@media (pointer: coarse) { .cb-cursor { display: none; } .section-title h1, .section-title h2 { cursor: auto; } .post-featured-image a, .post-featured-image figure { cursor: pointer; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .cb-cursor { display: none; }
  .section-title h1, .section-title h2 { cursor: auto; }
  .post-featured-image a, .post-featured-image figure { cursor: pointer; }
}