/* BAREEQ HERO ONLY — independent stylesheet. Does not alter services.css. */
.hero{
  height:630px; min-height:630px; padding:0; display:block; position:relative;
  overflow:hidden; isolation:isolate; background:#030810; color:#fff;max-width: 1450px;
    margin: 0 auto;
}
.hero-photo{
  position:absolute; top:0; bottom:0; left:0; right:auto; width:69%; height:100%;
  background-size:cover; background-position:center left; background-repeat:no-repeat;
  opacity:1; filter:saturate(.92) contrast(1.03); z-index:-2;
}
.hero-shade{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(270deg,#030810 0%,#030810 29%,rgba(3,8,16,.94) 39%,rgba(3,8,16,.56) 53%,rgba(3,8,16,.08) 78%,rgba(3,8,16,.02) 100%),
             linear-gradient(0deg,rgba(3,8,16,.94) 0%,rgba(3,8,16,.30) 19%,transparent 43%);
}
.hero-copy{
  position:absolute; z-index:2; top:132px; right:6.2%; left:auto; width:43%; max-width:590px;
  margin:0; padding:0; text-align:right;
}
.hero-copy .eyebrow{font-size:14px; margin:0 0 12px; color:#f3bd4e;}
.hero h1{font-size:clamp(34px,3.25vw,46px); line-height:1.34; margin:0 0 14px; font-weight:900; letter-spacing:-.5px; text-wrap:balance;}
.hero h1 em{color:#f7d486; font-style:normal; display:inline;}
.hero-description{font-size:14px; line-height:1.95; max-width:540px; margin:0 0 23px auto; color:#d9dce2;}
.hero-actions{display:flex; justify-content:flex-start; align-items:center; gap:12px; flex-wrap:wrap;}
.hero-actions .btn-gold,.hero-actions .btn-outline{min-height:44px; padding:11px 23px;}
.stats{
  position:absolute; z-index:3; left:6%; right:6%; bottom:0; min-height:116px;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch;
  padding:15px 0 17px; background:rgba(4,9,17,.76); border-top:1px solid rgba(233,185,81,.38);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.stat{justify-content:center; gap:3px; border-left:1px solid rgba(255,255,255,.12);}
.stat-icon{font-size:24px; color:#f0bd4f; line-height:1.3;}
.stat strong{font-size:25px; line-height:1.3; font-weight:900;}
.stat>span:last-child{font-size:11px; color:#d6d8de;}
@media(max-width:950px){
  .hero{height:auto; min-height:790px; padding:0; display:block;}
  .hero-photo{width:100%; height:66%; top:0; bottom:auto; background-size:cover; background-position:35% center; opacity:.78;}
  .hero-shade{background:linear-gradient(180deg,rgba(3,8,16,.32) 0%,rgba(3,8,16,.70) 32%,#030810 66%,#030810 100%);}
  .hero-copy{position:relative; top:auto; right:auto; left:auto; width:100%; max-width:650px; margin:0 auto; padding:125px 25px 205px; text-align:right;}
  .hero-copy .eyebrow{font-size:13px; margin-bottom:10px;}
  .hero h1{font-size:clamp(31px,5.4vw,42px); line-height:1.38; margin-bottom:12px;}
  .hero-description{font-size:14px; margin:0 0 19px; max-width:100%;}
  .hero-actions{justify-content:flex-start;}
  .stats{left:0; right:0; min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 8px 14px; row-gap:12px;}
  .stat{min-height:68px; border-left:1px solid rgba(255,255,255,.12);}
  .stat:nth-child(2n){border-left:0;}
  .stat-icon{font-size:20px;}
  .stat strong{font-size:22px;}
}
@media(max-width:480px){
  .hero{min-height:760px;}
  .hero-copy{padding:112px 20px 205px;}
  .hero h1{font-size:31px; line-height:1.4; letter-spacing:0;}
  .hero-description{font-size:13px; line-height:1.9;}
  .hero-actions .btn-gold,.hero-actions .btn-outline{padding:10px 14px; font-size:12px;}
  .stats{padding:10px 5px 12px;}
  .stat strong{font-size:20px;}
  .stat>span:last-child{font-size:10px;}
}