/* BAREEQ — Portfolio section only. Leaves hero and services untouched. */
.portfolio{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:310px;
  margin:0;
  padding:0;
  background:#030a12;
  color:#fff;
  max-width: 1450px;
    margin: 0 auto;
}
.portfolio::after{
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  left:-2%;right:-2%;bottom:-1px;height:36px;
  background:#f8f8f6;
  clip-path:polygon(0 75%,10% 95%,24% 100%,42% 83%,57% 72%,74% 64%,88% 46%,100% 15%,100% 100%,0 100%);
}
.portfolio-image{
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:310px;
  height:100%;
  background-color:#07111b;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
}
.portfolio-image::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,9,17,.02),rgba(3,9,17,.04) 70%,rgba(3,9,17,.36));
}
.portfolio-copy{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:right;
  min-width:0;
  padding:46px clamp(30px,6vw,88px) 58px clamp(24px,4vw,54px);
  background:linear-gradient(110deg,#050c15 0%,#030a12 100%);
  position:relative;
  z-index:1;
}
.portfolio-copy::before{
  content:"";position:absolute;top:0;left:0;width:1px;height:100%;
  background:linear-gradient(transparent,rgba(217,165,63,.55),transparent);
}
.portfolio-copy .overline{color:#e0ae4e;font-size:14px;font-weight:700;margin-bottom:8px;}
.portfolio-copy h2{color:#fff !important;font-size:clamp(30px,3.1vw,43px) !important;line-height:1.3 !important;font-weight:900;margin:0 0 8px !important;}
.portfolio-copy p{color:#d1d6df !important;font-size:14px;line-height:1.9;margin:0 0 22px !important;max-width:420px;}
.portfolio-copy .btn-gold{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 27px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(226,177,77,.12);}
.portfolio-copy .btn-gold span{font-size:18px;}
@media(max-width:760px){
 .portfolio{grid-template-columns:1fr;min-height:0;}
 .portfolio-image{grid-column:1;grid-row:1;min-height:0;height:auto;aspect-ratio:1.45/1;background-position:center center !important;}
 .portfolio-image::before{background:linear-gradient(0deg,rgba(3,9,17,.24),transparent 45%);}
 .portfolio-copy{grid-column:1;grid-row:2;padding:27px 24px 48px;align-items:flex-start;}
 .portfolio-copy::before{top:0;left:24px;right:24px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(217,165,63,.55),transparent);}
 .portfolio-copy h2{font-size:clamp(27px,7vw,34px) !important;}
 .portfolio-copy p{font-size:13px;margin-bottom:18px !important;}
 .portfolio-copy .btn-gold{min-height:44px;padding:0 22px;}
 .portfolio::after{height:20px;}
}