/* Page-specific styles for environmental-policy.html */
/* Hero */

      .hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--border); background: radial-gradient(1200px 500px at 70% -10%, rgba(209,161,90,0.08), transparent),

        linear-gradient(#0f1113, #0f1113); padding: 80px 0; }

      .hero-inner { text-align: center; max-width: 800px; margin: 0 auto; }

      .eyebrow { color: var(--muted); text-transform: uppercase; letter-spacing: 0.18em; font-size: 1.2em; margin-bottom: 10px; }

      .hero h1 { font-size: 48px; line-height: 1.15; margin: 0 0 20px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.25), 0 6px 12px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.15); }

      .hero p { font-size: 1.3em; line-height: 1.4; color: var(--muted); margin: 0; }



      /* Content */

      .content { padding: 80px 0; max-width: 800px; margin: 0 auto; }

      .content h2 { font-size: 28px; margin: 40px 0 20px; color: var(--accent); }

      .content h3 { font-size: 20px; margin: 30px 0 15px; }

      .content p { margin: 0 0 20px; }

      .content ul, .content ol { margin: 0 0 20px; padding-left: 30px; }

      .content li { margin-bottom: 8px; }

      .content strong { color: var(--text); }



      /* Responsive */

      @media (max-width: 960px) {

        .hero h1 { font-size: 36px; }

      }

        @media (max-width: 720px) {

          .menu { display: none; }

          .hero h1 { font-size: 28px; }

        .content { padding: 60px 0; }

        .content h2 { font-size: 24px; }

      }