/* ==========================================================================
   SECTION 1 — HERO
   Photography-led industrial hero, no canvas/particle dependencies.
   ========================================================================== */

.hero{
  position:relative;
  min-height:100vh;
  padding:140px 0 var(--section-padding);
  display:flex;
  align-items:center;
  background:var(--bg-dark);
}
.hero .container{position:relative;z-index:2;}
.hero-inner{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:60px;
  align-items:center;
}

.hero-label{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);margin-bottom:18px;font-family:'Inter',sans-serif;}
.hero-heading{font-size:clamp(38px,5.2vw,62px);line-height:1.08;color:var(--text);margin-bottom:24px;}
.hero-heading .line{display:block;}
.hero-desc{font-size:18px;font-weight:400;line-height:1.8;color:var(--text-secondary);max-width:540px;margin-bottom:36px;}
.hero-ctas{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:44px;}

.trust-row{display:flex;flex-wrap:wrap;gap:24px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);position:relative;padding-right:24px;}
.trust-item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--border);}
.trust-icon{width:22px;height:22px;border-radius:3px;background:rgba(166,61,46,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.trust-icon svg{width:12px;height:12px;}

/* Hero media — photography with stat overlay */
.hero-media{
  position:relative;
  border-radius:6px;
  overflow:hidden;
  aspect-ratio:4/5;
  border:1px solid var(--border);
}
.hero-media img{width:100%;height:100%;object-fit:cover;}
.hero-media-card{
  position:absolute;
  left:24px;
  bottom:24px;
  background:rgba(32,30,26,0.88);
  border:1px solid var(--border);
  border-left:3px solid var(--primary);
  padding:16px 22px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.hero-media-stat{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:32px;color:#fff;line-height:1;}
.hero-media-stat-label{font-size:12px;color:var(--text-secondary);letter-spacing:0.5px;}

@media(min-width:1025px){
  /* hero-content is capped at ~636px by the 2-col grid, too narrow to fit all 4
     trust badges on one line — wraps 3-then-1 with an orphaned divider. Use the
     same 2x2 grid treatment applied on mobile instead of letting it wrap. */
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .trust-item:not(:last-child)::after{display:none;}
}
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:50px;}
  .hero-media{max-width:520px;margin:0 auto;}
}
@media(max-width:767px){
  .hero{padding:120px 0 60px;min-height:auto;}
  .hero-ctas .btn{width:100%;justify-content:center;}
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .trust-item:not(:last-child)::after{display:none;}
}