:root{
  --we-blue:#243C9A;
  --we-gold:#F4A41A;
  --ink:#121212;
  --bg:#ffffff;
  --muted:#6b7280;
}
.we-wrap{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,28px);}
.we-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--we-gold)}
.we-heading{font-size:clamp(28px,5vw,56px);line-height:1.06;margin:.3em 0 .2em;font-weight:800}
.we-sub{color:var(--muted);font-size:clamp(14px,2.2vw,18px)}
.we-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.25rem;border-radius:999px;
  font-weight:700;border:2px solid var(--we-blue);background:var(--we-blue);color:#fff;transition:.2s}
.we-btn--ghost{background:transparent;color:var(--we-blue)}
.we-btn:hover{transform:translateY(-1px);opacity:.95}

/* HERO */
.we-hero{position:relative;min-height:72vh;display:grid;place-items:center;color:#fff;overflow:hidden}
.we-hero__media img,.we-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.we-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}
.we-hero__inner{position:relative;text-align:center;padding:clamp(20px,3vw,40px)}
.we-hero .we-heading{color:#fff}

/* GRID */
.we-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.we-tile{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.we-tile img{width:100%;aspect-ratio:1/1;object-fit:cover}
.we-tile__body{padding:14px}
.we-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;
  padding:.35rem .6rem;border-radius:999px;background:var(--we-gold);color:#111}