/* NobleConsul homepage */
#hero { min-height: calc(100vh - 62px); padding-top: 0; background: var(--off); display: flex; align-items: center; overflow: hidden; }
.hero-content { max-width: var(--max); margin: 0 auto; padding: var(--pad); width: 100%; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem,5vw,5rem); align-items: center; }
.hero-copy { max-width: 640px; padding: clamp(3rem,7vw,6rem) 0; }
.hero-net { position: relative; width: 100%; aspect-ratio: 1 / 1; max-width: 600px; margin: 0 0 0 auto; pointer-events: none; }
.hero-net svg { width: 100%; height: 100%; display: block; }
.eyebrow { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blue); margin-bottom: 1.75rem; display: block; }
.amp-alt { font-family: var(--sans); font-style: normal; font-weight: 300; font-size: 0.78em; vertical-align: 0.04em; }
.hero-sub { font-size: clamp(1rem,1.5vw,1.15rem); line-height: 1.65; color: var(--mid); max-width: 480px; margin-bottom: 3rem; }

/* Homepage statistics strip */
.strip { background: var(--ink); padding: clamp(3rem,6vw,5rem) var(--pad); }
.strip-inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); justify-items: center; }
.strip-item { padding: 0 3rem; }
.strip-num { font-family: var(--serif); font-size: clamp(2.8rem,4.5vw,4rem); font-weight: 400; color: var(--white); line-height: 1; margin-bottom: 0.5rem; letter-spacing: -0.03em; }
.strip-num b { color: var(--blue-lt); font-weight: 400; }
.strip-label { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); }

/* Homepage services and about sections */
#services { background: var(--white); }
.svc-header { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; margin-bottom: 5rem; padding-bottom: 3rem; border-bottom: 1px solid var(--rule); }
.svc-grid { display: grid; grid-template-columns: repeat(3,1fr); border-left: 1px solid var(--rule); }
.svc { padding: 2.5rem; border-right: 1px solid var(--rule); position: relative; overflow: hidden; }
.svc:nth-child(n+4) { border-top: 1px solid var(--rule); }
.svc-n { font-family: var(--serif); font-size: 0.85rem; font-style: italic; color: var(--blue); margin-bottom: 1.25rem; display: block; }
.svc h3 { font-family: var(--serif); font-size: 1.45rem; font-weight: 500; color: var(--ink); margin-bottom: 0.5rem; line-height: 1.2; }
.svc-bold { font-family: var(--serif); font-size: 1rem; font-weight: 600; color: var(--ink); line-height: 1.35; margin-bottom: 0.4rem; }
.svc p { font-size: 0.85rem; line-height: 1.65; color: var(--soft); }
.svc-blob { position: absolute; bottom: -40px; right: -40px; width: 120px; height: 120px; background: radial-gradient(circle, rgba(0,110,190,0.06), transparent 70%); border-radius: 50%; pointer-events: none; }
#about { background: var(--off); position: relative; overflow: hidden; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8rem; align-items: center; position: relative; z-index: 2; }
.about-left h2 { margin-bottom: 1.5rem; }
.about-statement { font-family: var(--serif); font-size: clamp(1.2rem,2vw,1.6rem); font-weight: 400; line-height: 1.45; color: var(--mid); margin-bottom: 1.5rem; }
.about-left .s-lead { margin-bottom: 2.5rem; max-width: 100%; }
.about-visual { aspect-ratio: 1/1; max-width: 480px; margin-left: auto; }

@media (max-width: 1024px) {
  .hero-content, .about-grid { grid-template-columns: 1fr; gap: 3rem; }
  .about-visual { max-width: 340px; margin: 0; }
  .hero-net { display: none; }
}
@media (max-width: 768px) {
  .svc-header { grid-template-columns: 1fr; gap: 2rem; }
  .svc-grid { grid-template-columns: 1fr; border: none; }
  .svc { border-right: none; border-bottom: 1px solid var(--rule); }
  .svc:last-child { border-bottom: none; }
  .strip-inner { grid-template-columns: 1fr; }
  .strip-item { padding: 1.5rem 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .strip-item:last-child { border-bottom: none; }
}