@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700&family=Vollkorn:wght@400;500;600;700;800&display=swap');

/* RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* THEME VARIABLES */
:root{
  --clr-primary:#0E2F31;
  --clr-secondary:#5A1F2D;
  --clr-accent:#D6B67A;
  --clr-dark:#0A0A0A;
  --clr-dark-2:#151515;
  --clr-light:#E9E3D6;
  --white:#ffffff;

  --radius-lg:16px;
  --radius-md:12px;
  --radius-sm:8px;

  --shadow-deep: 0 10px 25px rgba(0,0,0,0.45), 0 25px 60px rgba(0,0,0,0.55), 0 0 1px rgba(255,255,255,0.03) inset;
  --shadow-lift: 0 6px 16px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.28);
  --shadow-soft: 0 3px 10px rgba(0,0,0,0.25);

  --gold-grad: linear-gradient(135deg, #C9A86A, #E3CC95 35%, #D6B67A 60%, #b88b3b 100%);
  --aurora-grad: linear-gradient(90deg, #0E2F31, #5A1F2D, #D6B67A, #0E2F31);
}

/* GLOBAL BASE */
html { scroll-behavior: smooth; }
body{
  font-family: 'Karla', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--light, var(--clr-light));
  color: var(--clr-light);
  background:
    radial-gradient(1200px 600px at 120% -10%, rgba(14,47,49,0.25), transparent 60%),
    radial-gradient(800px 600px at -10% 120%, rgba(90,31,45,0.22), transparent 60%),
    linear-gradient(180deg, #0b0b0b, #121212 40%, #0d0d0d 100%);
  background-color: var(--clr-dark);
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
body::before{
  /* Subtle luxe dust */
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(214,182,122,0.15) 40%, transparent 45%),
    radial-gradient(1px 1px at 60% 70%, rgba(214,182,122,0.12) 40%, transparent 45%),
    radial-gradient(1px 1px at 80% 20%, rgba(214,182,122,0.10) 40%, transparent 45%);
  animation: specksFloat 14s linear infinite;
  mix-blend-mode: screen;
  z-index: 0;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6{
  font-family: 'Vollkorn', Georgia, 'Times New Roman', serif;
  color: #f5efe2;
  letter-spacing: 0.2px;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
h1{ font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; }
h2{ font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.2; }
h3{ font-size: clamp(1.25rem, 2.4vw, 1.7rem); line-height: 1.25; }
p, li, a, blockquote, figcaption, small, label, input, textarea{
  overflow-wrap: break-word;
}
.text-center{ text-align:center; }

/* LINKS */
a{ color: #f0e6ce; text-decoration: none; transition: color .25s ease; }
a:hover{ color: #ffe6a4; }

/* CONTAINER + SPACING */
.container{ max-width:1200px; margin:0 auto; padding:0 24px; width:100%; position: relative; z-index: 1; }
.section-padding{ padding:80px 0; position: relative; }

/* SKEWED SECTION DIVIDERS */
.section-padding.skewed::before,
.section-padding.skewed::after{
  content:"";
  position: absolute;
  left: 0; right: 0;
  height: 80px;
  background: linear-gradient(90deg, rgba(14,47,49,0.35), rgba(214,182,122,0.08), rgba(90,31,45,0.35));
  transform: skewY(-3deg);
  filter: blur(0.2px);
  z-index: 0;
}
.section-padding.skewed::before{ top: -40px; opacity: 0.6; }
.section-padding.skewed::after{ bottom: -40px; opacity: 0.35; }

/* NAVIGATION */
.main-nav{ position: sticky; top: 0; z-index: 1000; width: 100%; background: rgba(10,10,10,0.7); backdrop-filter: blur(8px); box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset; }
.nav-container{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; max-width:1200px; margin:0 auto; padding:8px 24px; position: relative; }
.nav-logo{
  display:flex; align-items:center; gap:10px; color:#f6f1e4; font-family:'Vollkorn', serif; font-weight:700; letter-spacing:.6px;
  text-transform: uppercase;
}
.nav-logo .logo-mark{
  width: 34px; height: 34px; border-radius: 8px;
  background: conic-gradient(from 140deg, #b88b3b, #D6B67A, #8b6a2a, #C9A86A);
  box-shadow: 0 4px 14px rgba(214,182,122,0.35), 0 0 0 1px rgba(214,182,122,0.4) inset;
}
.nav-logo .logo-text{
  background: linear-gradient(120deg, #f7e8c5, #d6b67a 55%, #f0dbae);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: auroraShift 12s ease-in-out infinite;
}

/* Nav Links - desktop baseline */
.nav-links{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; list-style:none; padding:0; margin:0; }
.nav-links a{
  white-space:nowrap; font-size:0.9rem; padding:6px 10px; color:#e8e0cd; position: relative;
  transition: color .25s ease, transform .2s ease;
}
.nav-links a::after{
  content:""; position:absolute; left:10px; right:10px; bottom:2px; height:2px;
  background: linear-gradient(90deg, transparent, rgba(214,182,122,0.9), transparent);
  transform: scaleX(0); transform-origin: center; transition: transform .25s ease;
}
.nav-links a:hover{ color:#fff8df; }
.nav-links a:hover::after{ transform: scaleX(1); }

/* Mobile toggle */
.nav-toggle-checkbox{ position: absolute; left:-9999px; opacity:0; }
.nav-toggle-label{
  display:none; align-items:center; justify-content:center; gap:8px; cursor:pointer; padding:8px 12px; border-radius:10px;
  background: rgba(255,255,255,0.04); color:#f6f1e4; border:1px solid rgba(214,182,122,0.25);
}
.nav-toggle-label .bar{
  width:20px; height:2px; background: #e8d6a1; display:block; position:relative;
}
.nav-toggle-label .bar::before, .nav-toggle-label .bar::after{
  content:""; position:absolute; left:0; right:0; height:2px; background:#e8d6a1; transition: transform .25s ease, top .25s ease;
}
.nav-toggle-label .bar::before{ top:-6px; }
.nav-toggle-label .bar::after{ top:6px; }
.nav-toggle-checkbox:checked + .nav-toggle-label .bar{ background: transparent; }
.nav-toggle-checkbox:checked + .nav-toggle-label .bar::before{ transform: rotate(45deg); top:0; }
.nav-toggle-checkbox:checked + .nav-toggle-label .bar::after{ transform: rotate(-45deg); top:0; }

/* HERO */
.hero-section{
  position: relative; overflow: visible;
  background: linear-gradient(180deg, #111111, #0b0b0b 60%, #0e0e0e);
  padding: 120px 0 96px;
}
.hero-section::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(650px 280px at 20% 20%, rgba(14,47,49,0.40), transparent 60%),
              radial-gradient(700px 360px at 100% 0%, rgba(90,31,45,0.35), transparent 60%);
  mix-blend-mode: screen; opacity:.8;
}
.hero-section .eyebrow{
  color:#c9b78e; letter-spacing:.2em; text-transform:uppercase; font-weight:600; font-size:.8rem;
}
.hero-section h1{
  margin-top:10px;
  background: linear-gradient(100deg, #89a9ab 5%, #D6B67A 35%, #f5e3b3 55%, #5A1F2D 85%, #89a9ab 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: auroraShift 16s ease-in-out infinite;
  text-shadow: 0 0 0 rgba(0,0,0,0); /* ensure crisp text edges */
}
.hero-section p{ color:#d9d2c1; max-width: 760px; }

/* BUTTONS */
.btn{
  appearance:none; border:0; cursor:pointer; border-radius: 999px;
  padding: 12px 22px; min-height:44px;
  font-weight: 600; letter-spacing:.3px;
  transition: transform .15s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
}
.btn-primary{
  background: var(--gold-grad);
  color:#1b1b1b;
  box-shadow: 0 6px 18px rgba(214,182,122,0.32), 0 2px 0 rgba(255,255,255,0.15) inset;
}
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 10px 26px rgba(214,182,122,0.45), 0 2px 0 rgba(255,255,255,0.25) inset; }
.btn-secondary{
  background: linear-gradient(135deg, rgba(14,47,49,0.85), rgba(90,31,45,0.85));
  color:#efe7d4; border:1px solid rgba(214,182,122,0.35);
  box-shadow: var(--shadow-soft);
}
.btn-secondary:hover{ transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,0.45), 0 0 0 2px rgba(214,182,122,0.25) inset; }

/* CARDS: Gradient border with white inner */
.card{
  overflow: visible; min-width:0; width:100%;
  position: relative; border-radius: var(--radius-lg); padding:2px; /* gradient border */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(140deg, rgba(14,47,49,0.9), rgba(214,182,122,0.95), rgba(90,31,45,0.9)) border-box;
  border: 2px solid transparent;
  box-shadow: var(--shadow-lift);
}
.card > .card-inner,
.card > .card-content{
  background: #ffffff; border-radius: calc(var(--radius-lg) - 2px); padding: 22px; color:#232323;
}
.card h2, .card h3{
  color:#1a1a1a; overflow-wrap:break-word; word-break:break-word; hyphens:auto;
}
.card:hover{
  box-shadow: 0 18px 44px rgba(0,0,0,0.55), 0 0 0 2px rgba(214,182,122,0.25) inset;
  transform: translateY(-2px);
}
.card::after{
  /* Luxe corner glint */
  content:""; position:absolute; right:12px; top:12px; width:16px; height:16px; border-radius:4px;
  background: radial-gradient(circle at 30% 30%, rgba(214,182,122,0.95), rgba(214,182,122,0.15) 60%, transparent 70%);
  filter: blur(.2px); opacity:.65; transform: rotate(12deg);
  animation: glint 4s ease-in-out infinite;
}

/* GRID SYSTEM (Responsive and Safe) */
.grid-2{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:32px; }
.grid-3{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:28px; }
.grid-4{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:24px; }
.grid-2 > *, .grid-3 > *, .grid-4 > *{ min-width:0; }

/* STATS */
.stats-section{
  background: radial-gradient(600px 280px at 15% 10%, rgba(214,182,122,0.08), transparent 60%),
              radial-gradient(700px 300px at 85% 100%, rgba(14,47,49,0.18), transparent 60%),
              #0f0f0f;
  position: relative;
}
.stats-section .stat-number{
  font-family:'Vollkorn', serif;
  font-size: clamp(2rem, 5vw, 3rem);
  color:#f7e8c5;
  text-shadow: 0 6px 18px rgba(214,182,122,0.18);
}

/* TESTIMONIAL CARD */
.testimonial-card{
  overflow: visible; min-width:0; width:100%;
  border-radius: var(--radius-lg); padding:2px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(160deg, rgba(214,182,122,0.95), rgba(14,47,49,0.9)) border-box;
  border: 2px solid transparent;
}
.testimonial-card > .card-inner{ background:#ffffff; border-radius: calc(var(--radius-lg) - 2px); padding: 22px; color:#333; }
.testimonial-card blockquote{ color:#2a2a2a; font-style: italic; }
.testimonial-card cite{ display:block; margin-top:10px; color:#555; font-weight:600; }

/* TEAM */
.team-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:26px; }
.team-member{ min-width:0; overflow: visible; border-radius: 16px; padding: 2px; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, rgba(14,47,49,0.85), rgba(214,182,122,0.9)) border-box; border:2px solid transparent; box-shadow: var(--shadow-soft); }
.team-member .member-photo{
  width:100%; aspect-ratio: 1/1; border-radius: 14px; background:#ddd center/cover no-repeat;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2) inset;
}
.team-member .info{ background:#fff; border-radius: 0 0 14px 14px; padding: 16px 18px; color:#1d1d1d; }
.team-member .role{ color:#6d6d6d; font-size:.95rem; }

/* ICONS */
.service-icon{
  width:56px; height:56px; min-width:56px; border-radius:14px;
  background: radial-gradient(70% 70% at 30% 30%, #f5e3b3, #D6B67A 60%, #b88b3b 100%);
  box-shadow: 0 8px 22px rgba(214,182,122,0.35), 0 0 0 1px rgba(214,182,122,0.55) inset;
  display:inline-flex; align-items:center; justify-content:center; color:#1b1b1b; font-weight:800;
}

/* CONTACT FORM */
.contact-form{ display:grid; gap:16px; }
.contact-form label, .contact-label{ color:#eaddbe; font-weight:600; letter-spacing:.3px; }
.contact-form input, .contact-form textarea, .contact-form select{
  width:100%; border-radius:12px; border:1px solid rgba(214,182,122,0.35);
  background: rgba(255,255,255,0.04); color:#f3ecd8; padding:12px 14px; min-height:44px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-form textarea{ min-height:120px; resize:vertical; }
.contact-form input::placeholder, .contact-form textarea::placeholder{ color:#b8b19e; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{
  outline:none; border-color:#E3CC95; box-shadow: 0 0 0 3px rgba(227,204,149,0.25);
  background: rgba(255,255,255,0.08);
}

/* SECTION VARIANTS */
.section-dark{ background:#0e0e0e; }
.section-ink{ background: radial-gradient(600px 280px at 80% 10%, rgba(90,31,45,0.25), transparent 65%), #0c0c0c; }
.section-contrast{ background: linear-gradient(180deg, #0a0a0a, #131313); }

/* FOOTER - Card-style floating footer */
.site-footer{ background: transparent; padding: 60px 0 40px; position: relative; }
.site-footer::before{
  content: ""; position: absolute; inset: 0 0 auto 0; height: 40%; background: radial-gradient(60% 100% at 50% 100%, rgba(214,182,122,0.08), transparent 60%);
  pointer-events: none;
}
.site-footer .footer-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border:1px solid rgba(214,182,122,0.25);
  border-radius: 20px; padding: 28px; margin-top: 24px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06) inset;
  position: relative;
}
.footer-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,260px), 1fr)); gap: 24px; }
.footer-brand{ display:flex; flex-direction:column; gap:14px; }
.footer-logo{ width:44px; height:44px; border-radius:10px; background: var(--gold-grad); box-shadow: 0 8px 22px rgba(214,182,122,0.35), 0 0 0 1px rgba(214,182,122,0.5) inset; }
.footer-description{ color:#e2dac9; }
.footer-links, .footer-contact-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.footer-links a{ color:#efe5cf; font-size:.95rem; }
.footer-links a:hover{ color:#fff2bf; text-decoration: none; }
.footer-contact-list li{ color:#e7dcc5; }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top: 16px; border-top:1px solid rgba(214,182,122,0.22); color:#d9cfb6; font-size:.9rem; }

/* DECORATIVE LINES */
.decor-line{
  height:2px; width: 120px; background: linear-gradient(90deg, transparent, #d6b67a 50%, transparent);
  margin: 12px 0 20px;
  animation: linePulse 6s ease-in-out infinite;
}

/* ANIMATIONS */
@keyframes auroraShift{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}
@keyframes specksFloat{
  0%{ transform: translateY(0); opacity:.65; }
  50%{ transform: translateY(-10px); opacity:.85; }
  100%{ transform: translateY(0); opacity:.65; }
}
@keyframes glint{
  0%, 100%{ transform: rotate(12deg) translateY(0); opacity:.65; }
  50%{ transform: rotate(12deg) translateY(-2px); opacity:.95; }
}
@keyframes riseIn{
  0%{ transform: translateY(14px) scale(.98); opacity:0; }
  100%{ transform: translateY(0) scale(1); opacity:1; }
}
@keyframes linePulse{
  0%,100%{ opacity:.55; filter: drop-shadow(0 0 0 rgba(214,182,122,0)); }
  50%{ opacity:1; filter: drop-shadow(0 0 8px rgba(214,182,122,0.45)); }
}

/* APPLY SUBTLE ENTER ANIMATIONS */
.hero-section .container{ animation: riseIn .7s ease both; }
.grid-3 > * , .grid-4 > * , .grid-2 > * { animation: riseIn .7s ease both; animation-delay: .05s; }

/* UTILITIES FOR PATRON CONSTRUCTION INC CONTEXT */
.badge-chip{
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  background: rgba(214,182,122,0.12); color:#f5e6c9; border:1px solid rgba(214,182,122,0.35); font-weight:600; font-size:.85rem;
}
.kpi{
  display:flex; align-items:center; gap:12px; color:#f0e8d2;
}
.kpi .dot{ width:10px; height:10px; border-radius:50%; background: radial-gradient(circle at 30% 30%, #E3CC95, #b88b3b); box-shadow: 0 0 12px rgba(214,182,122,0.5); }

/* MINOR ELEMENTS */
hr{ border:0; height:1px; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(214,182,122,0.35), rgba(255,255,255,0)); margin: 28px 0; }
figure{ margin:0; }

/* RESPONSIVE NAV - REQUIRED BEHAVIOR */
@media (max-width: 768px){
  .nav-toggle-label{ display:flex; }
  .nav-links{
    display:none; position:absolute; top:100%; left:0; right:0;
    flex-direction:column; padding:16px 24px; background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,0.12); border-radius: 0 0 14px 14px;
  }
  .nav-toggle-checkbox:checked ~ .nav-links{ display:flex; }
  .nav-links a{
    display:block; width:100%; padding:12px 16px; border-radius:8px; font-size:1rem;
    color:#0a0a0a;
  }
  .nav-links a::after{ display:none; }
  .nav-links a:hover{ background:#f6f2e7; color:#1a1a1a; }
}

/* TABLET TWEAKS */
@media (max-width: 768px){
  .hero-section{ padding: 96px 0 72px; }
  .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* MOBILE */
@media (max-width: 480px){
  .btn{ width:100%; }
  .grid-4{ gap:20px; }
  .section-padding{ padding:64px 0; }
  .hero-section{ padding: 84px 0 64px; }
  .footer-grid{ gap:18px; }
}

/* === LAYOUT SAFETY OVERRIDES (always appended) === */
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-break:break-word;hyphens:auto}
p,li,span,a,td,th,label,blockquote,figcaption{overflow-wrap:break-word}
img,video,svg,canvas{max-width:100%;height:auto}
.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:100%}
.main-nav{position:sticky;top:0;z-index:1000;width:100%}
.nav-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1200px;margin:0 auto;padding:8px 24px}
.nav-logo{flex-shrink:0}
.nav-links{display:flex;flex-wrap:wrap;list-style:none;gap:6px 16px;align-items:center;padding:0;margin:0}
.nav-links li{list-style:none}
.nav-links a{white-space:nowrap;font-size:0.9rem;padding:6px 10px;display:inline-block}
.card{overflow:visible;min-width:0}
.card h2,.card h3,.card h4{overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.grid-2,.grid-3,.grid-4{display:grid}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.grid-2>*,.grid-3>*,.grid-4>*{min-width:0;width:100%}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.team-grid>*{min-width:0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.footer-grid>*{min-width:0}
@media(max-width:768px){
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:16px 24px;display:none;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.06);z-index:999}
  .nav-links li{width:100%}
  .nav-links a{display:block;width:100%;padding:12px 16px;border-radius:8px;font-size:1rem;transition:background 0.2s}
  .nav-links a:hover{background:rgba(0,0,0,0.04)}
  .nav-toggle-label{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;cursor:pointer}
  .nav-toggle-label:hover{background:rgba(0,0,0,0.04)}
  .nav-toggle-checkbox:checked~.nav-links{display:flex!important}
  .grid-2,.grid-3,.grid-4,.team-grid,.footer-grid{grid-template-columns:1fr}
  .hero-section{padding:80px 0 60px!important}
  .hero-section h1{font-size:clamp(1.8rem,6vw,2.8rem)!important}
  .section-padding{padding:50px 0!important}
  .card{padding:24px!important}
  .stats-section .stat-number{font-size:2rem!important}
}
@media(max-width:480px){
  .hero-section{padding:60px 0 40px!important}
  .section-padding{padding:40px 0!important}
  .btn{padding:12px 24px!important;font-size:0.95rem!important;width:100%!important;text-align:center}
  .hero-section .btn{width:auto!important}
  h2{font-size:clamp(1.3rem,4vw,2rem)!important}
}


/* === VISIBILITY + ALIGNMENT FIXES === */
.card,
.testimonial-card,
.team-member{
  height: 100%;
}

.card{
  padding: 22px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(140deg, rgba(14,47,49,0.9), rgba(214,182,122,0.95), rgba(90,31,45,0.9)) border-box;
  border: 2px solid transparent;
  color: #232323;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
}
.card > .card-inner,
.card > .card-content{
  background: transparent;
  border-radius: 0;
  padding: 0;
  color: inherit;
  width: 100%;
}
.card p,
.card li,
.card span,
.card small{
  color: #3f3f3f;
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6{
  color: #171717;
}
.card a:not(.btn){
  color: var(--clr-primary);
}
.card .btn{
  margin-top: auto;
  align-self: flex-start;
}

.stats-section article,
.hero-section .text-center,
.section-padding .text-center{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.nav-toggle-label{
  flex-direction: column;
}
.nav-toggle-label span,
.nav-toggle-label .bar{
  display: block;
  width: 20px;
  height: 2px;
  background: #e8d6a1;
  border-radius: 999px;
}
.nav-toggle-label span + span{
  margin-top: 4px;
}

.footer-grid,
.grid-2,
.grid-3,
.grid-4,
.team-grid{
  align-items: stretch;
}

main{
  display: block;
}