/* Custom styles */
:root {
      --clr-dark:    #1a1a1a;
      --clr-mid:     #2c2c2c;
      --clr-accent:  #c8900a;
      --clr-accent2: #e8a812;
      --clr-light:   #f5f0eb;
      --clr-white:   #ffffff;
      --clr-muted:   #999;
      --font-head:   'Oswald', sans-serif;
      --font-body:   'Lato', sans-serif;
    }

    * { box-sizing: border-box; }

    body {
      font-family: var(--font-body);
      background-color: var(--clr-dark);
      color: var(--clr-light);
      margin: 0;
    }

    /* ─── NAVBAR ─────────────────────────────────────── */
    .site-navbar {
      background-color: var(--clr-mid);
      border-bottom: 3px solid var(--clr-accent);
      padding: 0;
    }
    .site-navbar .navbar-brand {
      font-family: var(--font-head);
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--clr-accent) !important;
      letter-spacing: 1px;
      padding: 0.75rem 1rem;
    }
    .site-navbar .nav-link {
      font-family: var(--font-head);
      font-size: 0.95rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--clr-light) !important;
      padding: 1.1rem 1rem !important;
      transition: color 0.2s, background-color 0.2s;
    }
    .site-navbar .nav-link:hover,
    .site-navbar .nav-link:focus,
    .site-navbar .nav-link.active {
      color: var(--clr-accent) !important;
      background-color: rgba(200,144,10,0.08);
    }
    .site-navbar .dropdown-menu {
      background-color: var(--clr-mid);
      border: 1px solid var(--clr-accent);
      border-top: 3px solid var(--clr-accent);
      border-radius: 0;
      padding: 0;
      min-width: 180px;
      margin-top: 0;
    }
    .site-navbar .dropdown-item {
      font-family: var(--font-head);
      font-size: 0.9rem;
      font-weight: 400;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--clr-light);
      padding: 0.65rem 1.25rem;
      border-bottom: 1px solid rgba(255,255,255,0.07);
      transition: background-color 0.15s, color 0.15s;
    }
    .site-navbar .dropdown-item:last-child { border-bottom: none; }
    .site-navbar .dropdown-item:hover,
    .site-navbar .dropdown-item:focus {
      background-color: var(--clr-accent);
      color: var(--clr-dark);
    }
    .site-navbar .btn-nav-cta {
      font-family: var(--font-head);
      font-size: 0.9rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      background-color: var(--clr-accent);
      color: var(--clr-dark);
      border: none;
      border-radius: 0;
      padding: 0.5rem 1.25rem;
      margin: 0.5rem 0.75rem;
      transition: background-color 0.2s;
    }
    .site-navbar .btn-nav-cta:hover {
      background-color: var(--clr-accent2);
      color: var(--clr-dark);
    }
    .navbar-toggler { border-color: var(--clr-accent); }
    .navbar-toggler-icon { filter: invert(1); }

    /* ─── HERO ────────────────────────────────────────── */
    .hero-section-2 {
      position: relative;
      min-height: 520px;
      display: flex;
      align-items: center;
      background: linear-gradient(135deg, #1a1a1a 0%, #2a1800 60%, #1a1a1a 100%);
      overflow: hidden;
    }
	  
	.hero-section {
      	position: relative;
      	min-height: 520px;
     	display: flex;
    	background-image: url("https://www.alphadoginc.com/skrap/assets/images/home-header-backdrop.png");
		background-color: black;
    	background-size: cover;
    	background-position: center;
    	background-repeat: no-repeat;
    }
    .hero-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse at 70% 50%, rgba(200,144,10,0.18) 0%, transparent 65%),
        repeating-linear-gradient(-45deg, transparent, transparent 24px,
          rgba(255,255,255,0.02) 24px, rgba(255,255,255,0.02) 25px);
    }
    .hero-section .hero-eyebrow {
      font-family: var(--font-head);
      font-size: 0.85rem;
      font-weight: 600;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--clr-accent);
      margin-bottom: 0.75rem;
    }
    .hero-section h1 {
      font-family: var(--font-head);
      font-size: clamp(2.4rem, 6vw, 4.5rem);
      font-weight: 700;
      line-height: 1.05;
      text-transform: uppercase;
      color: var(--clr-white);
      margin-bottom: 1.25rem;
    }
    .hero-section h1 span { color: var(--clr-accent); }
    .hero-section .hero-lead {
      font-size: 1.1rem;
      font-weight: 300;
      color: rgba(245,240,235,0.8);
      max-width: 520px;
      margin-bottom: 2rem;
      line-height: 1.6;
    }

    /* ─── BUTTONS ─────────────────────────────────────── */
    .btn-primary-accent {
      font-family: var(--font-head);
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      background-color: var(--clr-accent);
      color: var(--clr-dark);
      border: 2px solid var(--clr-accent);
      border-radius: 0;
      padding: 0.75rem 2rem;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary-accent:hover {
      background-color: transparent;
      color: var(--clr-accent);
    }
    .btn-outline-accent {
      font-family: var(--font-head);
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      background-color: transparent;
      color: var(--clr-light);
      border: 2px solid rgba(245,240,235,0.4);
      border-radius: 0;
      padding: 0.75rem 2rem;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-outline-accent:hover {
      border-color: var(--clr-accent);
      color: var(--clr-accent);
    }

    /* ─── SECTION TYPOGRAPHY ─────────────────────────── */
    .section-label {
      font-family: var(--font-head);
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--clr-accent);
      margin-bottom: 0.5rem;
    }
    .section-title {
      font-family: var(--font-head);
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      font-weight: 700;
      text-transform: uppercase;
      color: var(--clr-mid);
      margin-bottom: 1rem;
    }
    .section-divider {
      width: 56px;
      height: 3px;
      background-color: var(--clr-accent);
      margin-bottom: 1.5rem;
    }

    /* ─── FEATURE CARDS ──────────────────────────────── */
    .features-section {
      background-color: #FFF;
      padding: 5rem 0;
    }
    .feature-card {
      background-color: var(--clr-mid);
      border: 1px solid rgba(200,144,10,0.2);
      border-top: 3px solid var(--clr-accent);
      padding: 2rem 1.5rem;
      height: 100%;
      transition: transform 0.2s, border-color 0.2s;
    }
    .feature-card:hover {
      transform: translateY(-4px);
      border-color: var(--clr-accent);
    }
    .feature-card .feature-icon {
      font-size: 2rem;
      color: var(--clr-accent);
      margin-bottom: 1rem;
    }
    .feature-card h3 {
      font-family: var(--font-head);
      font-size: 1.15rem;
      font-weight: 600;
      text-transform: uppercase;
      color: var(--clr-white);
      margin-bottom: 0.6rem;
    }
    .feature-card p {
      font-size: 0.9rem;
      color: var(--clr-muted);
      line-height: 1.6;
      margin: 0;
    }

    /* ─── CTA BAND ───────────────────────────────────── */
    .cta-band {
      background: linear-gradient(90deg, #1a0e00 0%, #2d1800 50%, #1a0e00 100%);
      border-top: 2px solid var(--clr-accent);
      border-bottom: 2px solid var(--clr-accent);
      padding: 4rem 0;
      text-align: center;
    }
    .cta-band h2 {
      font-family: var(--font-head);
      font-size: clamp(1.6rem, 3.5vw, 2.5rem);
      font-weight: 700;
      text-transform: uppercase;
      color: var(--clr-white);
      margin-bottom: 0.75rem;
    }
    .cta-band p {
      font-size: 1rem;
      color: rgba(245,240,235,0.7);
      margin-bottom: 1.75rem;
    }

    /* ─── TESTIMONIALS ───────────────────────────────── */
    .testimonials-section {
      background-color: var(--clr-dark);
      padding: 5rem 0;
    }
    .testimonial-card {
      background-color: var(--clr-mid);
      border-left: 4px solid var(--clr-accent);
      padding: 1.75rem 1.5rem;
      height: 100%;
    }
    .testimonial-card blockquote {
      font-size: 0.95rem;
      font-style: italic;
      color: rgba(245,240,235,0.85);
      line-height: 1.65;
      margin-bottom: 1rem;
    }
    .testimonial-card .attribution {
      font-family: var(--font-head);
      font-size: 0.85rem;
      font-weight: 600;
      text-transform: uppercase;
      color: var(--clr-accent);
    }
    .testimonial-card .role {
      font-size: 0.8rem;
      color: var(--clr-muted);
    }

    /* ─── SPONSORS ───────────────────────────────────── */
    .sponsors-section {
      background-color: #FFFF;
      padding: 3.5rem 0;
      border-top: 1px solid rgba(200,144,10,0.2);
    }
    .sponsor-placeholder {
      height: 60px;
      background-color: rgba(255,255,255,0.05);
      border: 1px dashed rgba(200,144,10,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--clr-muted);
      font-size: 0.8rem;
      font-family: var(--font-head);
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    /* ─── FOOTER ─────────────────────────────────────── */
    .site-footer {
      background-color: #111;
      border-top: 3px solid var(--clr-accent);
      padding: 3rem 0 1.5rem;
    }
    .site-footer .footer-brand {
      font-family: var(--font-head);
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--clr-accent);
      margin-bottom: 0.5rem;
    }
    .site-footer .footer-tagline {
      font-size: 0.85rem;
      color: var(--clr-muted);
      margin-bottom: 1.5rem;
    }
    .site-footer h6 {
      font-family: var(--font-head);
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--clr-accent);
      margin-bottom: 1rem;
    }
    .site-footer a {
      color: rgba(245,240,235,0.7);
      text-decoration: none;
      font-size: 0.88rem;
      display: block;
      margin-bottom: 0.4rem;
      transition: color 0.15s;
    }
    .site-footer a:hover { color: var(--clr-accent); }
    .site-footer .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 1.25rem;
      margin-top: 2rem;
      font-size: 0.78rem;
      color: var(--clr-muted);
    }
/*# sourceMappingURL=bootstrap.css.map */