/* Page-specific: sustainability overrides --accent to deep forest green.
       Brand wordmark and nav CTA are hardcoded to #ff2400 to preserve URU red. */
    :root {
      --accent:   #ff2400;
      --accent-2: #ff2400;
      --plant:    #303630;
      --pad-x:    24px;
    }
    @media (min-width: 768px)  { :root { --pad-x: 48px; } }
    @media (min-width: 1100px) { :root { --pad-x: 80px; } }
    .container { max-width: 1280px; margin: 0 auto; padding: 0 var(--pad-x); }
    body { line-height: 1.6; }

    /* Preserve URU red for nav wordmark and CTA: this page overrides --accent to green */
    .wordmark .consulting { color: #ff2400; }
    .btn-accent { background: #ff2400; }

    /* Green hero */
    .sus-hero {
      position: relative;
      min-height: clamp(520px, 72vh, 760px);
      display: flex; flex-direction: column; justify-content: flex-end;
      padding: 160px var(--pad-x) 80px;
      background: linear-gradient(180deg, rgba(12,12,11,.25) 0%, rgba(12,12,11,.80) 100%),
                  #181c19 url('https://res.cloudinary.com/dnrkf9w5w/image/upload/f_auto,q_auto,w_1600/v1779818720/uru-consulting-projects-pallak-resort-exterior-2') center / cover no-repeat;
    }
    .sus-hero__label { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: 28px; }
    .sus-hero__headline { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(36px, 6vw, 80px); line-height: 1.05; color: var(--white); max-width: 900px; margin-bottom: 32px; }
    .sus-hero__sub { font-size: 18px; color: rgba(255,255,255,.75); font-weight: 300; max-width: 620px; line-height: 1.75; }
    .sus-hero__accent-line { width: 48px; height: 3px; background: var(--accent-2); margin-bottom: 32px; }

    /* Sections */
    .section { padding: 80px var(--pad-x); border-bottom: 1px solid var(--mid); }
    .section--bg { background: var(--bg); }
    .section__label { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--stone); margin-bottom: 40px; }

    /* Commitment */
    .commitment-body p { font-size: 18px; line-height: 1.85; font-weight: 300; color: var(--ink); margin-bottom: 32px; max-width: 780px; }

    /* Three pillars */
    .pillars-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--mid); }
    @media (min-width: 900px) { .pillars-grid { grid-template-columns: repeat(3, 1fr); } }
    .pillar { background: var(--white); padding: 48px 36px; }
    .pillar__icon { width: 48px; height: 48px; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; }
    .pillar__icon svg { width: 100%; height: 100%; }
    .pillar__num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 48px; color: var(--accent); line-height: 1; margin-bottom: 16px; }
    .pillar__title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 20px; color: var(--ink); margin-bottom: 16px; border-left: 3px solid var(--accent); padding-left: 16px; }
    .pillar__body { font-size: 15px; color: var(--stone); line-height: 1.75; font-weight: 300; }

    /* Services */
    .sus-services { display: flex; flex-wrap: wrap; gap: 12px; }
    .sus-service-tag { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .04em; padding: 10px 20px; border: 1px solid var(--accent); color: var(--accent); }

    /* Sustainable projects grid */
    .sus-projects-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--mid); }
    @media (min-width: 600px) { .sus-projects-grid { grid-template-columns: repeat(2,1fr); } }
    @media (min-width: 1100px) { .sus-projects-grid { grid-template-columns: repeat(3,1fr); } }
    .sus-project-card { display: block; text-decoration: none; color: var(--ink); background: var(--white); transition: transform .22s ease, box-shadow .22s ease; }
    .sus-project-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(12,12,11,.08); }
    .sus-project-card__img-wrap { position: relative; overflow: hidden; aspect-ratio: 4/3; }
    .sus-project-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
    .sus-project-card:hover img { transform: scale(1.03); }
    .sus-project-card__cat { position: absolute; top: 14px; left: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .10em; text-transform: uppercase; background: var(--white); color: var(--ink); padding: 4px 10px; }
    .sus-project-card__info { padding: 20px 24px 24px; }
    .sus-project-card__info h3 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 17px; margin-bottom: 5px; }
    .sus-project-card__info p { font-size: 13px; color: var(--stone); }

    /* SDG section */
    .sdg-intro { font-size: 17px; color: var(--stone); font-weight: 300; max-width: 680px; line-height: 1.75; margin-bottom: 48px; }
    .sdg-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--mid); }
    @media (min-width: 600px) { .sdg-grid { grid-template-columns: repeat(3,1fr); } }
    @media (min-width: 900px) { .sdg-grid { grid-template-columns: repeat(5,1fr); } }
    .sdg-card { background: var(--white); padding: 32px 24px; }
    .sdg-card__num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 48px; color: var(--accent); line-height: 1; margin-bottom: 12px; }
    .sdg-card__label { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--stone); line-height: 1.4; }

    /* Green CTA strip */
    .cta-strip-green { background: var(--accent); padding: 80px var(--pad-x); display: flex; flex-direction: column; gap: 24px; }
    @media (min-width: 768px) { .cta-strip-green { flex-direction: row; align-items: center; justify-content: space-between; } }
    .cta-strip-green__headline { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(24px, 4vw, 40px); color: var(--white); line-height: 1.1; }
    .cta-strip-green__link { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; color: var(--white); border: 2px solid var(--white); padding: 16px 36px; white-space: nowrap; transition: background .15s, color .15s; }
    .cta-strip-green__link:hover { background: var(--white); color: var(--accent); }