/*
Theme Name: Simply Corvettes
Theme URI: https://simplycorvettes.com/
Author: SimplyCorvettes.com
Description: Custom responsive Corvette enthusiast theme based on the supplied Simply Corvettes design.
Version: 1.8.0
Text Domain: simply-corvettes
*/
:root{--red:#ef071e;--black:#070707;--panel:#101010;--muted:#aaa;--line:#2a2a2a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,94%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.96);border-bottom:1px solid #222}
.nav{min-height:76px;display:flex;align-items:center;gap:30px}.brand{font-weight:900;font-style:italic;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--red)}
.navlinks{display:flex;gap:23px;margin-left:auto;align-items:center}.navlinks a{font-size:12px;text-transform:uppercase;letter-spacing:.7px}.navlinks a:hover{color:var(--red)}
.hero{position:relative;aspect-ratio:1536/704;min-height:0;background:#050505 url('assets/images/hero-hq.jpg') center center/cover no-repeat;display:flex;align-items:flex-end;overflow:hidden}
.hero-inner{width:100%;padding:0 0 36px}.hero-copy{max-width:650px}.eyebrow{letter-spacing:6px;font-size:12px;text-transform:uppercase}.hero h1{margin:0 0 8px;font-size:clamp(38px,7vw,76px);font-style:italic;line-height:.9;text-shadow:0 3px 12px #000}.hero h1 span{color:var(--red)}.hero p{font-size:15px;letter-spacing:3px;text-transform:uppercase}
.btn{display:inline-block;padding:15px 25px;border:1px solid #fff;text-transform:uppercase;font-size:12px;letter-spacing:1.5px;margin:12px 8px 0 0}.btn.primary{background:var(--red);border-color:var(--red)}
.section{padding:32px 0}.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222;margin-bottom:18px}.section-title h2{font-size:22px;letter-spacing:4px;text-transform:uppercase;margin:0 0 12px}.section-title h2:before{content:"";display:inline-block;width:9px;height:25px;background:var(--red);transform:skew(-28deg);margin-right:14px;vertical-align:-5px}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tile{height:220px;position:relative;background-size:cover;background-position:center;border:1px solid #333;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.92))}.tile-content{position:absolute;z-index:2;left:14px;bottom:15px}.tile h3{margin:0;font-size:18px;text-transform:uppercase}.tile p{margin:5px 0 0;color:#ccc;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.cars{display:grid;grid-template-columns:1fr 1fr;gap:16px}.car-card{height:320px;border:1px solid #333;position:relative;background-size:cover;background-position:center}.car-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.9))}.car-info{position:absolute;z-index:2;left:20px;right:20px;bottom:17px}.car-info h3{font-size:24px;letter-spacing:3px;margin:0}.car-info p{color:#ccc;text-transform:uppercase;font-size:11px;letter-spacing:1.2px}
.generations{background:url('assets/images/generation-strip.jpg') center/cover no-repeat;height:150px;border:1px solid #222}
.road{aspect-ratio:1536/258;min-height:0;background:#050505 url('assets/images/road-banner-hq.jpg') center center/cover no-repeat;display:block}.road-copy{width:min(520px,50%);text-align:center;text-shadow:0 2px 8px #000}.road-copy h2{font-style:italic;letter-spacing:8px;font-size:30px}
.quote{text-align:center;padding:42px 20px;font-family:Georgia,serif;font-style:italic;font-size:25px;color:#ddd}
footer{border-top:1px solid #222;padding:38px 0;background:#090909}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:30px}.footer-grid h4{text-transform:uppercase;letter-spacing:2px;font-size:12px}.footer-grid p,.footer-grid a{font-size:12px;color:#bbb;line-height:1.8}.subscribe{display:flex}.subscribe input{width:100%;padding:12px;border:0}.subscribe button{border:0;background:var(--red);color:#fff;padding:0 18px;text-transform:uppercase}
.page-content{min-height:60vh;padding:70px 0}.page-content h1{text-transform:uppercase;letter-spacing:4px}
@media(max-width:850px){.navlinks{display:none}.tiles{grid-template-columns:1fr 1fr}.cars{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:520px}.road-copy{width:70%}}
@media(max-width:540px){.tiles,.footer-grid{grid-template-columns:1fr}.tile{height:260px}.hero{min-height:470px}.brand{font-size:20px}.road-copy{width:100%}.generations{height:100px}}

/* v1.1 artwork-fit fixes */
.hero-copy .eyebrow,.hero-copy h1,.hero-copy p{display:none}
.hero-inner{padding-bottom:5.5%}
.hero-copy{max-width:none;text-align:center}
.generations{
  background-color:#050505;
  background-image:url('assets/images/generation-strip.jpg');
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
  height:auto;
  aspect-ratio:980/106;
  overflow:visible;
}
@media(max-width:850px){
  .hero{aspect-ratio:1024/455;min-height:0;background-size:100% 100%}
  .hero-inner{padding-bottom:4%}
  .generations{height:auto;aspect-ratio:980/106;background-size:contain}
}
@media(max-width:540px){
  .hero{min-height:0;aspect-ratio:1024/455}
  .generations{height:auto;aspect-ratio:980/106}
  .hero .btn{padding:9px 12px;font-size:9px;margin-top:5px}
}

/* v1.2 high-resolution artwork */
.road-copy{display:none!important}
.hero{image-rendering:auto}
@media(max-width:850px){
  .hero{aspect-ratio:1536/704;background-size:cover}
  .road{aspect-ratio:1536/258;min-height:0;background-size:cover}
}
@media(max-width:540px){
  .hero{aspect-ratio:1536/704}
  .road{aspect-ratio:1536/258}
}

/* v1.3 exact generated hero artwork */
.hero {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1882/687 !important;
  min-height: 0 !important;
  background-image: url('assets/images/hero-preview-exact.jpg') !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}
.hero-inner {
  width:100% !important;
  height:100% !important;
  padding:0 !important;
}
.hero-copy {display:none !important}
@media(max-width:850px) {
  .hero {aspect-ratio:1882/687 !important;background-size:100% 100% !important}
}
@media(max-width:540px) {
  .hero {aspect-ratio:1882/687 !important;background-size:100% 100% !important}
}

/* v1.4 final hero */
.hero {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1964/741 !important;
  min-height: 0 !important;
  background: #050505 url('assets/images/hero-final.jpg') center center / 100% 100% no-repeat !important;
  overflow: hidden !important;
}
.hero-inner,.hero-copy { display:none !important; }
@media(max-width:850px) {
  .hero { aspect-ratio:1964/741 !important; background-size:100% 100% !important; }
}
@media(max-width:540px) {
  .hero { aspect-ratio:1964/741 !important; background-size:100% 100% !important; }
}

/* v1.5 About Simply Corvettes */
.about-hero{min-height:440px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.92)),url('assets/images/hero-final.jpg') center/cover no-repeat;border-bottom:1px solid #222}
.about-hero-inner{padding:70px 0 48px;max-width:850px}
.about-kicker{color:var(--red);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase}
.about-hero h1{font-size:clamp(42px,7vw,78px);font-style:italic;line-height:.95;margin:10px 0 16px;text-transform:uppercase}
.about-hero h1 span{color:var(--red)}
.about-hero p{font-size:20px;letter-spacing:2px;text-transform:uppercase;color:#ddd}
.about-section{padding:65px 0;border-bottom:1px solid #1d1d1d}
.about-narrow{max-width:850px;margin:auto}
.about-section h2{font-size:30px;letter-spacing:3px;text-transform:uppercase;margin:0 0 20px}
.about-section h2:before{content:"";display:inline-block;width:9px;height:31px;background:var(--red);transform:skew(-25deg);margin-right:15px;vertical-align:-6px}
.about-section p{font-size:17px;line-height:1.8;color:#d1d1d1}
.about-lead{font-size:23px!important;color:#fff!important;font-weight:700}
.about-quote{padding:58px 20px;text-align:center;background:#0b0b0b;border-top:1px solid #222;border-bottom:1px solid #222}
.about-quote blockquote{max-width:900px;margin:auto;font:italic 34px/1.3 Georgia,serif;color:#fff}
.about-quote strong{color:var(--red)}
.about-cars{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.about-car{min-height:390px;position:relative;border:1px solid #333;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.about-car:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.95))}
.about-car-copy{position:relative;z-index:2;padding:26px}
.about-car-copy .owner{color:var(--red);font-weight:bold;letter-spacing:3px;text-transform:uppercase;font-size:12px}
.about-car-copy h3{font-size:29px;margin:7px 0 8px;text-transform:uppercase;letter-spacing:2px}
.about-car-copy p{font-size:14px;margin:0;color:#ddd}
.about-final{text-align:center;padding:70px 0}
.about-final h2{font-size:38px;font-style:italic;text-transform:uppercase;margin-bottom:18px}
.about-final p{max-width:760px;margin:0 auto 15px;font-size:18px;line-height:1.75;color:#d1d1d1}
.about-signoff{font-size:21px!important;color:#fff!important;font-weight:700;letter-spacing:2px}
@media(max-width:700px){.about-cars{grid-template-columns:1fr}.about-hero{min-height:350px}.about-section{padding:45px 0}.about-quote blockquote{font-size:27px}}

/* v1.6 approved About hero */
.about-hero {
  min-height:0 !important;
  width:100% !important;
  aspect-ratio:2170/725 !important;
  background:#050505 url('assets/images/about-hero-final.jpg') center center / 100% 100% no-repeat !important;
  display:block !important;
  border-bottom:1px solid #222;
}
.about-hero-inner { display:none !important; }
@media(max-width:700px) {
  .about-hero {
    min-height:0 !important;
    aspect-ratio:2170/725 !important;
    background-size:100% 100% !important;
  }
}

/* v1.7 corrected homepage hero — no roof wing */
.hero {
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:1964/739 !important;
  background:#050505 url('assets/images/hero-final-v17.jpg') center center / 100% 100% no-repeat !important;
  overflow:hidden !important;
}
.hero-inner,.hero-copy {display:none !important}
@media(max-width:850px) {
  .hero {aspect-ratio:1964/739 !important;background-size:100% 100% !important}
}
@media(max-width:540px) {
  .hero {aspect-ratio:1964/739 !important;background-size:100% 100% !important}
}

/* v1.8 approved real-car banner used on homepage + About */
.hero,
.about-hero {
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:1945/741 !important;
  background:#050505 url('assets/images/cars-banner-approved.jpg') center center / 100% 100% no-repeat !important;
  overflow:hidden !important;
  display:block !important;
}
.hero-inner,.hero-copy,.about-hero-inner {
  display:none !important;
}
@media(max-width:850px) {
  .hero,.about-hero {
    min-height:0 !important;
    aspect-ratio:1945/741 !important;
    background-size:100% 100% !important;
  }
}
@media(max-width:540px) {
  .hero,.about-hero {
    aspect-ratio:1945/741 !important;
  }
}