/* ABRISH 2026 — homepage-only visual layer. All selectors below are uniquely scoped. */
.abr26-hero, .abr26-services, .abr26-hero *,.abr26-services *{box-sizing:border-box}
.abr26-shell{width:88%;max-width:1280px;margin-inline:auto}
.abr26-hero{position:relative;isolation:isolate;min-height:540px;padding:148px 0 152px;overflow:hidden;background:#0b263d;color:#fff;font-family:Inter,Arial,sans-serif}
.abr26-hero-media,.abr26-hero-tint{position:absolute;inset:0;pointer-events:none;z-index:-2}
.abr26-hero-media{background:#152e42;overflow:hidden}
.ccw-site .abr26-hero-photo{position:absolute;top:0;right:0;width:81%;height:100%;display:block;object-fit:cover;object-position:center 48%;max-width:none;filter:brightness(.76) saturate(.85)}
.abr26-hero-tint{z-index:-1;background:linear-gradient(90deg,#071d31 0%,rgba(7,28,46,.98) 16%,rgba(9,32,50,.89) 35%,rgba(9,30,46,.57) 52%,rgba(10,28,38,.14) 81%,rgba(11,31,45,.18) 100%),linear-gradient(0deg,rgba(4,15,27,.40),transparent 60%)}
.abr26-hero-accent{position:absolute;z-index:1;pointer-events:none;left:-34px;bottom:0;width:100px;height:130px;background:linear-gradient(150deg,transparent 12%,rgba(252,108,15,.97) 14%,#cc4815 92%);clip-path:polygon(0 6%,100% 74%,0 100%)}
.abr26-hero-grid{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:34px;z-index:2}
.abr26-hero-content{width:min(69%,790px);animation:abr26-enter-up .8s cubic-bezier(.2,.65,.2,1) both}
.abr26-kicker{display:block;margin:0 0 17px;color:#ff7a2d;font-size:11px;line-height:1.2;letter-spacing:.13em;font-weight:900}
.ccw-site .abr26-hero h1{color:#fff;margin:0 0 16px;max-width:800px;line-height:1.08;font-size:clamp(30px,3.7vw,58px);font-weight:850;letter-spacing:-.045em;text-transform:none;text-wrap:balance}
.ccw-site .abr26-hero h1 span{color:#ff7421}
.ccw-site .abr26-hero p{color:#f4f5f6;max-width:560px;margin:0;font-size:clamp(12px,1vw,15px);line-height:1.65;font-weight:450;letter-spacing:0}
.abr26-hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}
.abr26-action{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:46px;padding:0 25px;border-radius:5px;border:1px solid rgba(255,255,255,.74);color:#fff!important;font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.035em;text-decoration:none!important;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.abr26-action-primary{background:#ff6f1a;border-color:#ff6f1a;box-shadow:0 5px 18px rgba(255,105,23,.16)}
.abr26-action-outline{background:rgba(8,28,47,.24)}
.abr26-action:hover,.abr26-action:focus-visible{transform:translateY(-3px);background:#eb5c0d;color:#fff!important;border-color:#ff8a43;box-shadow:0 9px 25px rgba(0,0,0,.15)}
.abr26-proof-list{flex:0 0 270px;max-width:270px;margin-top:-14px;display:grid;gap:13px;animation:abr26-enter-right .8s ease both;animation-delay:.2s}
.abr26-proof-item{display:flex;align-items:center;gap:12px;min-height:73px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(92deg,rgba(43,62,76,.82),rgba(206,207,194,.35));box-shadow:0 9px 23px rgba(0,0,0,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.abr26-proof-symbol{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#ff6a18;color:#fff;box-shadow:0 4px 11px rgba(240,107,20,.3)}
.abr26-proof-symbol svg{width:23px;height:23px;display:block}
.abr26-proof-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.abr26-proof-copy strong{color:#fff;line-height:1.2;font-size:11px;font-weight:900;letter-spacing:.015em}
.abr26-proof-copy small{color:#f3f4f4;font-size:10px;line-height:1.3;font-weight:450}
.abr26-services{position:relative;z-index:3;margin-top:-79px;padding:0 0 85px;background:linear-gradient(to bottom,transparent 0,transparent 79px,#f2f7fb 79px,#f2f7fb 100%)}
.abr26-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.abr26-service-card{display:block;min-width:0;border:5px solid #fff;border-radius:15px;background:#fff;box-shadow:0 4px 19px rgba(24,60,97,.13);overflow:hidden;color:#092a4b!important;text-decoration:none!important;transition:transform .32s ease,box-shadow .32s ease}
.abr26-service-card:hover,.abr26-service-card:focus-visible{transform:translateY(-5px);box-shadow:0 15px 37px rgba(12,49,89,.22);color:#092a4b!important}
.abr26-card-photo{display:block;aspect-ratio:3/1;overflow:hidden;background:#d5dfe6}
.ccw-site .abr26-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;image-rendering:auto}
.abr26-service-card:hover .abr26-card-photo img{transform:scale(1.035)}
.abr26-service-foot{position:relative;display:flex;align-items:center;gap:9px;min-height:56px;padding:10px 14px 10px 66px;background:#fff}
.abr26-service-icon{position:absolute;left:8px;top:-17px;width:46px;height:46px;border-radius:10px;border:4px solid #fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(8,41,72,.15);color:#fff}
.abr26-icon-orange{background:linear-gradient(140deg,#ff7f21,#ff5510)}
.abr26-icon-blue{background:linear-gradient(140deg,#154f90,#08294c)}
.abr26-service-icon svg{width:24px;height:24px;display:block}
.abr26-service-foot strong{font-size:clamp(11px,.92vw,15px);font-weight:850;line-height:1.3;letter-spacing:-.025em;color:#0a2c4d;overflow-wrap:break-word}
.abr26-card-arrow{color:#153d62;font-size:21px;line-height:1;font-weight:500;margin-left:auto;transition:transform .25s ease}
.abr26-service-card:hover .abr26-card-arrow{transform:translateX(3px)}
.ccw-js-ready .abr26-service-card.ccw-reveal.is-visible:hover{transform:translateY(-5px)}
@keyframes abr26-enter-up{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes abr26-enter-right{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
/* Site-wide header is untouched in XML; home-only overrides reproduce the white reference navigation. */
body.abr26-home-page .ccw-header{height:76px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 1px 12px rgba(9,39,64,.12);color:#183653}
body.abr26-home-page .ccw-header.is-scrolled,body.abr26-home-page .ccw-header.menu-open{background:#fff!important}
body.abr26-home-page .ccw-header .ccw-nav-wrap{height:76px!important;min-height:0!important;max-width:none!important;gap:16px;padding-inline:3vw!important}
body.abr26-home-page .ccw-header .ccw-brand{min-width:220px;max-width:250px;gap:8px}
body.abr26-home-page .ccw-header .ccw-brand:after{content:"ABRISH FOR GENERAL CONSTRUCTION AND TRADING CO. LTD";font-size:9px;line-height:1.28;letter-spacing:.012em;font-weight:900;color:#e8551e;max-width:165px}
body.abr26-home-page .ccw-header .ccw-logo-img{max-width:46px!important;max-height:49px!important;width:46px!important;height:49px!important;padding:0!important;object-fit:contain!important;box-shadow:none!important}
body.abr26-home-page .ccw-header .ccw-desktop-nav{gap:clamp(8px,1.3vw,20px)!important}
body.abr26-home-page .ccw-header .ccw-desktop-nav a{color:#152e45!important;font-size:10px!important;letter-spacing:.012em!important}
body.abr26-home-page .ccw-header .ccw-desktop-nav a[href="/"]{color:#e96024!important}
body.abr26-home-page .ccw-header .ccw-quote-top{min-height:38px!important;padding:0 14px!important;margin-left:1vw;font-size:10px}
body.abr26-home-page .ccw-header .ccw-menu-toggle span{background:#123755}
@media(max-width:1199px){
 .abr26-hero{min-height:505px;padding:133px 0 137px}
 .abr26-proof-list{flex-basis:236px;max-width:236px}
 .abr26-proof-item{min-height:64px;padding:8px 10px}
 body.abr26-home-page .ccw-header .ccw-brand{min-width:166px}
 body.abr26-home-page .ccw-header .ccw-brand:after{font-size:8px;max-width:110px}
 body.abr26-home-page .ccw-header .ccw-desktop-nav{gap:9px}
}
@media(min-width:700px) and (max-width:991px){
 .abr26-hero{min-height:325px;padding:67px 0 115px}
 .abr26-hero-content{width:66%}
 .abr26-kicker{font-size:8px;margin-bottom:10px}
 .ccw-site .abr26-hero h1{font-size:clamp(24px,3.65vw,34px);margin-bottom:10px}
 .ccw-site .abr26-hero p{font-size:10px;line-height:1.5;max-width:410px}
 .abr26-hero-actions{margin-top:15px;gap:8px}
 .abr26-action{min-height:31px;padding:0 12px;font-size:9px;gap:14px;border-radius:4px}
 .abr26-proof-list{flex-basis:158px;max-width:158px;gap:7px;margin-top:5px}
 .abr26-proof-item{min-height:43px;padding:5px 6px;gap:7px;border-radius:9px}
 .abr26-proof-symbol{width:27px;height:27px;flex-basis:27px}
 .abr26-proof-symbol svg{width:16px;height:16px}
 .abr26-proof-copy strong{font-size:7.5px}
 .abr26-proof-copy small{font-size:6.5px}
 .abr26-services{margin-top:-67px;background:linear-gradient(to bottom,transparent 0,transparent 67px,#f2f7fb 67px,#f2f7fb 100%);padding-bottom:40px}
 .abr26-services-grid{gap:9px 12px}
 .abr26-service-card{border-width:4px;border-radius:11px}
 .abr26-service-foot{min-height:37px;padding:5px 6px 5px 45px}
 .abr26-service-icon{width:32px;height:32px;top:-10px;left:6px;border-width:3px;border-radius:7px}
 .abr26-service-icon svg{width:17px;height:17px}
 .abr26-service-foot strong{font-size:10px}
 .abr26-card-arrow{font-size:17px}
}
@media(max-width:699px){
 .abr26-shell{width:91%}
 .abr26-hero{min-height:0;padding:125px 0 99px}
 .abr26-hero-grid{display:block}
 .abr26-hero-content{width:100%}
 .abr26-hero-photo{width:100%;opacity:.6;object-position:61% center}
 .abr26-hero-tint{background:linear-gradient(90deg,rgba(5,25,42,.95),rgba(5,25,42,.70)),linear-gradient(0deg,rgba(4,15,27,.7),transparent)}
 .abr26-kicker{font-size:10px}
 .ccw-site .abr26-hero h1{font-size:clamp(28px,7vw,44px);max-width:600px}
 .ccw-site .abr26-hero p{font-size:12px;max-width:470px}
 .abr26-proof-list{max-width:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:27px 0 0}
 .abr26-proof-item{padding:8px 6px;min-height:87px;display:flex;flex-direction:column;text-align:center;gap:6px}
 .abr26-proof-symbol{width:30px;height:30px;flex:0 0 30px}
 .abr26-proof-symbol svg{width:18px;height:18px}
 .abr26-proof-copy strong{font-size:8px}
 .abr26-proof-copy small{font-size:8px}
 .abr26-services{margin-top:-51px;padding-bottom:44px;background:linear-gradient(to bottom,transparent 0,transparent 51px,#f2f7fb 51px,#f2f7fb 100%)}
 .abr26-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .abr26-service-card{border-width:4px;border-radius:10px}
 .abr26-card-photo{aspect-ratio:2.2/1}
 .abr26-service-foot{padding:8px 7px 8px 48px;min-height:48px}
 .abr26-service-icon{width:35px;height:35px;left:5px;top:-10px;border-width:3px;border-radius:7px}
 .abr26-service-icon svg{width:19px;height:19px}
 .abr26-service-foot strong{font-size:11px}
 .abr26-card-arrow{font-size:16px}
 body.abr26-home-page .ccw-header{height:68px!important}
 body.abr26-home-page .ccw-header .ccw-nav-wrap{height:68px!important}
 body.abr26-home-page .ccw-header .ccw-brand{min-width:unset;max-width:260px}
 body.abr26-home-page .ccw-header .ccw-brand:after{font-size:9px;max-width:176px}
 body.abr26-home-page .ccw-header .ccw-menu-toggle span{background:#173753}
 body.abr26-home-page .ccw-mobile-panel{top:68px}
}
@media(max-width:430px){
 .abr26-hero{padding:110px 0 95px}
 .ccw-site .abr26-hero h1{font-size:30px}
 .abr26-hero-actions{gap:9px}
 .abr26-action{min-height:42px;padding:0 13px;gap:14px;font-size:10px}
 .abr26-services-grid{grid-template-columns:1fr;gap:11px}
 .abr26-card-photo{aspect-ratio:3/1}
 .abr26-service-foot{min-height:52px;padding-left:59px}
 .abr26-service-icon{width:43px;height:43px;top:-13px}
 .abr26-service-foot strong{font-size:13px}
 .abr26-proof-item{min-height:93px}
 body.abr26-home-page .ccw-header .ccw-brand:after{font-size:8px;max-width:155px}
}
@media(prefers-reduced-motion:reduce){
 .abr26-hero-content,.abr26-proof-list{animation:none!important}
 .abr26-service-card,.abr26-action,.abr26-card-arrow,.abr26-card-photo img{transition:none!important}
 .abr26-service-card:hover,.abr26-action:hover{transform:none!important}
}