:root{--dark:#171a14;--dark2:#292c21;--cream:#f5f0e6;--tan:#e2c99c;--brown:#92785c;--text:#171812}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}header{height:108px;padding:12px 8%;display:flex;align-items:center;gap:35px;position:absolute;z-index:5;width:100%;color:white}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.05;letter-spacing:.05em}.brand img{width:70px;height:70px;border-radius:50%;object-fit:cover}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:5px;color:#d5c3a5}nav{margin-left:auto;display:flex;gap:38px;font-weight:700;font-size:14px}nav a:first-child{border-bottom:2px solid var(--tan);padding-bottom:10px}.quote,.btn{background:var(--tan);color:#161712;border-radius:999px;padding:17px 34px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.quote{padding:15px 32px}.hero{min-height:610px;color:white;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(10,12,9,.92) 0%,rgba(10,12,9,.68) 42%,rgba(10,12,9,.18) 75%),radial-gradient(circle at 84% 68%,#f0a13e 0 2%,#9c5627 3% 10%,transparent 30%),linear-gradient(180deg,#3a352c 0%,#8a552b 48%,#1b2118 75%);overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:185px;background:linear-gradient(170deg,transparent 0 22%,#11150f 23% 34%,transparent 35%),linear-gradient(190deg,transparent 0 35%,#11150f 36% 48%,transparent 49%),linear-gradient(175deg,transparent 0 47%,#0b0f0b 48%);opacity:.95}.hero-inner{position:relative;z-index:2;width:min(1200px,84%);margin:auto;padding-top:70px}.eyebrow{font-size:14px;font-weight:900;letter-spacing:.22em;color:#c7a87b;margin:0 0 15px}.hero h1{font:700 clamp(54px,6.3vw,88px)/.9 Georgia,serif;letter-spacing:-.045em;margin:0 0 22px}.sub{font-size:22px;line-height:1.35;max-width:590px;margin-bottom:28px}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8%;background:#f4efe5}.features article{text-align:center;padding:0 32px;border-right:1px solid #d8d0c3}.features article:last-child{border:0}.icon{font-size:40px;height:48px}.features b{font-size:13px;letter-spacing:.09em}.features p{color:#5d5a54;line-height:1.45;margin:7px 0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding:60px 8%;background:#fffdf8}.brown{color:var(--brown)}h2{font:700 52px/1 Georgia,serif;letter-spacing:-.035em;margin:10px 0 18px}.about-copy>p:last-child{font-size:18px;line-height:1.55;color:#5c5953;max-width:520px}.process{border-left:1px solid #ddd5c8;padding-left:45px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps span{width:58px;height:58px;border-radius:50%;background:#ecd6ae;display:grid;place-items:center;font:32px Georgia,serif}.steps h3{font:700 23px Georgia,serif;margin:14px 0 5px}.steps p{margin:0;color:#5c5953;line-height:1.45}.cta{text-align:center;background:var(--dark2);color:white;padding:38px 20px 30px}.cta h2{font-size:40px;margin:8px 0 20px}.cta>div{display:flex;justify-content:center;gap:12px}.outline{background:transparent;color:white;border:1px solid var(--tan)}.cta small{display:block;margin-top:22px;letter-spacing:.2em;color:#c7b394}footer{display:none}
@media(max-width:800px){header{height:82px;padding:10px 20px;position:absolute}.brand img{width:48px;height:48px}.brand span{font-size:12px}nav,.quote{display:none}.hero{min-height:650px}.hero-inner{width:calc(100% - 44px);padding-top:80px}.hero h1{font-size:55px}.sub{font-size:18px}.features{grid-template-columns:1fr 1fr;padding:28px 20px}.features article{border-right:0;border-bottom:1px solid #d8d0c3;padding:22px 12px}.about{grid-template-columns:1fr;padding:58px 24px}.process{border-left:0;border-top:1px solid #ddd5c8;padding:35px 0 0}.steps{grid-template-columns:1fr}.cta>div{flex-direction:column;max-width:420px;margin:auto}.btn{width:100%}h2{font-size:43px}.hero:after{height:140px}}
/* Larger logo + real before/after section */
.brand img{width:112px;height:112px}.brand span{font-size:18px}.brand small{font-size:10px}.results{padding:64px 8% 72px;background:#f4efe5}.results-head{text-align:center;max-width:720px;margin:0 auto 32px}.results-head h2{margin:6px 0 10px}.results-head>p:last-child{color:#5d5a54;font-size:17px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto}.result-grid figure{margin:0;position:relative;background:#ddd;border-radius:12px;overflow:hidden}.result-grid img{display:block;width:100%;height:430px;object-fit:cover}.result-grid figcaption{position:absolute;left:16px;bottom:16px;background:#171a14;color:white;padding:10px 16px;border-radius:6px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em}
@media(max-width:800px){.brand img{width:72px;height:72px}.brand span{font-size:14px}.results{padding:54px 22px 62px}.result-grid{grid-template-columns:1fr}.result-grid img{height:auto;aspect-ratio:4/3;object-fit:cover}}

/* Logo visibility fix — show the complete original logo at a larger size */
header{height:150px;padding-top:10px;padding-bottom:10px}
.brand{flex:0 0 auto}
.brand img{
  width:190px;
  height:130px;
  border-radius:0;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
@media(max-width:800px){
  header{height:112px;padding:8px 16px}
  .brand img{width:150px;height:96px;object-fit:contain;border-radius:0}
  .hero-inner{padding-top:115px}
}

/* Requested hero update: supplied sunset as background with full business logo over it */
.hero{
  background:
    linear-gradient(90deg,rgba(10,12,9,.72) 0%,rgba(10,12,9,.42) 48%,rgba(10,12,9,.20) 100%),
    url('assets/sunset.jpeg') center center / cover no-repeat;
}
.hero:after{display:none}
.hero-inner{padding-top:120px;max-width:650px;margin-left:8%;margin-right:auto}
.hero-brand-overlay{width:min(460px,78vw);height:auto;max-height:355px;object-fit:contain;object-position:center;margin:0 0 20px;display:block;border-radius:0}
@media(max-width:800px){
  .hero{min-height:720px;background-position:center center}
  .hero-inner{width:calc(100% - 44px);margin:0 auto;padding-top:120px}
  .hero-brand-overlay{width:min(390px,86vw);max-height:310px;margin:0 auto 20px}
}

/* Sept. 2026 requested cleanup: remove the homepage logo/link from the header
   and visually remove the black rectangle behind the hero logo. */
header nav{margin-left:auto}
.hero-brand-overlay{
  mix-blend-mode:screen;
  filter:contrast(1.08) brightness(1.08);
}
@media(max-width:800px){
  header{justify-content:flex-end}
}

/* Final hero: use the approved Veteran Owned brand artwork as the website background. */
.hero{
  min-height:760px;
  background-image:url('assets/hero-background.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  display:flex;
  align-items:flex-end;
}
.hero-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 38px;
  display:flex;
  justify-content:center;
}
.hero-cta{
  position:relative;
  z-index:3;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
@media(max-width:800px){
  .hero{
    min-height:680px;
    background-size:cover;
    background-position:center center;
  }
  .hero-inner{
    width:100%;
    padding:0 22px 28px;
  }
  .hero-cta{max-width:420px;margin:0 auto}
}

/* Mobile hero fix: show the full 3:2 brand artwork instead of cropping it. */
@media(max-width:800px){
  .hero{
    min-height:calc(66.6667vw + 96px);
    background-color:#171a14;
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
    align-items:flex-end;
  }
  .hero-inner{
    width:100%;
    padding:0 22px 22px;
  }
}
@media(max-width:430px){
  .hero{
    min-height:calc(66.6667vw + 88px);
  }
}
