:root{--yci-white:#F4F2ED;--yci-blue:#1C5A8E;--yci-light:#58BCE6;--yci-charcoal:#333333;--yci-gray:#B8B7B2}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{background:var(--yci-white);color:var(--yci-charcoal)}
::selection{background:var(--yci-light);color:var(--yci-charcoal)}
a:focus-visible,button:focus-visible{outline:3px solid var(--yci-light);outline-offset:5px}
.btn,.boxed-btn,#scrollUp{background:var(--yci-blue)!important;color:var(--yci-white)!important;border-color:var(--yci-blue)}
.btn:before{background:var(--yci-light)}
.btn:hover{color:var(--yci-charcoal)!important}
.header-sticky.sticky-bar,.footer-area,.footer-bottom-area,.footer-main{background:var(--yci-charcoal)}
.footer-area p,.footer-area a,.footer-area h4{color:var(--yci-white)}
.footer-area a:hover,.main-menu ul li a:hover{color:var(--yci-light)!important}
.preloader{background:var(--yci-white)}
.preloader-circle{border-top-color:var(--yci-blue)}
.section-bg,.gray-bg,#clients{background:var(--yci-white)}
.function-section .item{border-color:var(--yci-gray)}
.yci-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:12px max(6vw,calc((100vw - 1440px)/2));height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f2ed26;font-family:Arial,sans-serif}
.yci-logo img{width:110px;height:86px;object-fit:contain}
.yci-header nav{display:flex;gap:38px;align-items:center}
.yci-header nav a{color:var(--yci-white);font-size:15px;letter-spacing:2px;text-transform:uppercase}
.yci-header nav a:hover{color:var(--yci-light)}
.yci-header .yci-contact{border:1px solid var(--yci-light);padding:18px 24px;color:var(--yci-light)}
.yci-hero{position:relative;isolation:isolate;min-height:780px;min-height:max(780px,100svh);display:flex;align-items:center;background:var(--yci-charcoal);overflow:hidden}
.yci-hero-video,.yci-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.yci-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(15,19,22,.82),rgba(19,36,43,.58) 55%,rgba(15,34,44,.27))}
.yci-hero-content{width:min(940px,70%);margin-left:27.2%;padding:150px 40px 100px 0;font-family:Arial,sans-serif}
.yci-hero .yci-eyebrow{display:flex;align-items:center;gap:16px;color:var(--yci-light);font:14px/1.6 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin:0 0 26px}
.yci-eyebrow:before{content:"";width:60px;height:1px;background:var(--yci-light);flex-shrink:0}
.yci-hero h1{font:800 clamp(58px,6.8vw,128px)/.96 Arial,sans-serif;text-transform:uppercase;letter-spacing:-4px;color:var(--yci-white);margin:0 0 36px}
.yci-hero .yci-intro{font:22px/1.5 Arial,sans-serif;color:var(--yci-white);max-width:830px;margin-bottom:42px}
.yci-actions{display:flex;gap:17px;flex-wrap:wrap}
.yci-actions a{padding:23px 30px;text-transform:uppercase;font:14px/1.4 Arial,sans-serif;letter-spacing:1.6px;display:inline-block}
.yci-action-primary{background:var(--yci-light);color:var(--yci-charcoal);border:1px solid var(--yci-light)}
.yci-action-primary:hover{background:var(--yci-white);color:var(--yci-charcoal)}
.yci-action-secondary{color:var(--yci-white);border:1px solid #f4f2ed66;background:#33333322}
.yci-action-secondary:hover{background:var(--yci-blue);color:var(--yci-white)}
.yci-motion{position:absolute;bottom:22px;right:28px;background:#333333aa;border:1px solid #f4f2ed66;color:var(--yci-white);padding:10px 15px;font:12px Arial,sans-serif;cursor:pointer}
.yci-menu-toggle{display:none}
@media(max-width:1100px){.yci-hero-content{margin-left:12%;width:85%}.yci-header{padding-inline:6%}.yci-hero h1{font-size:clamp(58px,8.3vw,100px)}}
@media(max-width:700px){.yci-header{height:88px}.yci-logo img{width:78px;height:65px}.yci-menu-toggle{display:block;background:transparent;border:1px solid var(--yci-light);color:var(--yci-white);padding:10px 14px;font:14px Arial,sans-serif}.yci-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--yci-charcoal);padding:24px 6%;align-items:stretch;gap:22px}.yci-header nav.is-open{display:flex;flex-direction:column}.yci-hero{min-height:max(760px,100svh)}.yci-hero-content{width:100%;margin:0;padding:145px 6% 95px}.yci-hero h1{font-size:clamp(48px,11.5vw,78px);letter-spacing:-2px;line-height:1.02}.yci-hero .yci-eyebrow{font-size:10px;letter-spacing:1.5px;gap:10px}.yci-eyebrow:before{width:24px}.yci-hero .yci-intro{font-size:18px;line-height:1.6}.yci-actions a{padding:19px 20px;font-size:12px}.yci-hero-shade{background:linear-gradient(90deg,#111c24db,#162d3a80)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.yci-expertise{padding:80px 0;background:var(--yci-white);font-family:Arial,sans-serif}.yci-expertise h2{font:700 42px/1.15 Arial,sans-serif;color:var(--yci-blue);margin-bottom:32px}.yci-section-label{color:var(--yci-blue);font:12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.yci-expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yci-expertise-grid a{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--yci-charcoal);color:var(--yci-white);padding:25px;font:18px/1.4 Arial,sans-serif;border-bottom:3px solid var(--yci-light)}.yci-expertise-grid a:hover{background:var(--yci-blue)}.yci-expertise-grid span{color:var(--yci-light)}@media(max-width:700px){.yci-expertise-grid{grid-template-columns:1fr}.yci-expertise{padding:55px 0}}
/* Legacy pages use light text; retain charcoal beneath their content. */
body{background:var(--yci-charcoal);color:var(--yci-white)}
#portfolio,#clients{background:var(--yci-white)}
#portfolio .section-tittle h2,#clients .section-tittle h2,#clients h2{color:var(--yci-blue)}
#portfolio #portfolio-flters li{color:var(--yci-charcoal)}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active{color:var(--yci-blue);border-color:var(--yci-blue)}