:root{--ink:#0c1b2e;--ink2:#14304f;--volt:#ffc21a;--paper:#f6f4ee;--line:#dcd8cc}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:'Barlow',sans-serif;color:#1d2a3a;background:#fff;font-size:1.05rem}
h1,h2,h3,.navbar-brand,.kicker,.hero-eyebrow{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.site-nav{background:var(--ink);border-bottom:3px solid var(--volt);padding:.5rem 0}
.navbar-brand{color:#fff;font-weight:700;font-size:1.5rem}
.navbar-brand i{color:var(--volt)}
.navbar-brand:hover{color:#fff}
.nav-link{color:#dbe4ef;font-weight:500}
.nav-link:hover{color:var(--volt)}
.navbar-toggler{color:#fff;border-color:rgba(255,255,255,.4);font-size:1.5rem;padding:.1rem .5rem}
.btn-volt{background:var(--volt);color:var(--ink);font-weight:700;border:0}
.btn-volt:hover{background:#ffd24d;color:var(--ink)}

/* split-panel hero */
.hero{display:grid;grid-template-columns:5fr 6fr;min-height:100vh;padding-top:62px;background:var(--ink)}
.hero-text{padding:4rem clamp(1.5rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(160deg,var(--ink) 40%,var(--ink2))}
.hero-eyebrow{color:var(--volt);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}
.hero-title{font-size:clamp(3.2rem,7vw,6rem);font-weight:800;line-height:.95;margin-bottom:1.25rem}
.hero-subtitle{font-size:1.2rem;color:#e6edf5;max-width:30em}
.hero-tagline{font-size:.95rem;color:#9fb3c8;margin-bottom:1.75rem;border-left:3px solid var(--volt);padding-left:.75rem}
.hero-photo{background:url('img/hero.webp') 55% center/cover no-repeat}

.creds{background:var(--volt);color:var(--ink)}
.cred{padding:1.5rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;border-right:1px solid rgba(12,27,46,.15)}
.cred:last-child{border-right:0}
.cred i{font-size:1.8rem}
.cred strong{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;text-transform:uppercase}
.cred span{font-size:.9rem;line-height:1.3}

.section{padding:6rem 0}
.kicker{color:#b07d00;font-weight:700;font-size:1.1rem;margin-bottom:.4rem}
h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--ink);line-height:1.05;margin-bottom:1rem}
.lead-copy{font-size:1.15rem;color:#445468}
.outlet-img{width:100%;height:auto}
.svc{height:100%;padding:1.5rem;border:1px solid var(--line);border-top:4px solid var(--volt);border-radius:.5rem;background:#fff;transition:transform .2s,box-shadow .2s}
.svc:hover{transform:translateY(-3px);box-shadow:0 .5rem 1.25rem rgba(12,27,46,.1)}
.svc i{font-size:1.7rem;color:var(--ink)}
.svc h3{font-size:1.4rem;font-weight:700;margin:.5rem 0 .25rem;color:var(--ink)}
.svc p{margin:0;color:#52606f;font-size:.98rem}

.about{background:var(--paper)}
.portrait{width:100%;height:auto;border-radius:.5rem;box-shadow:12px 12px 0 var(--volt)}

.contact{background:var(--ink);color:#e6edf5}
.contact h2{color:#fff}
.contact-list li{display:flex;gap:1rem;margin-bottom:1.5rem}
.contact-list i{font-size:1.5rem;color:var(--volt)}
.contact-list span{display:block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;color:#9fb3c8;letter-spacing:.05em}
.contact a{color:#fff;font-weight:600;text-decoration:none}
.contact a:hover{color:var(--volt)}
.map-wrap{height:100%;min-height:340px;border-radius:.5rem;overflow:hidden;border:3px solid var(--volt)}
.map-wrap iframe{width:100%;height:100%;min-height:340px;border:0}

.site-footer{background:#07111f;color:#9fb3c8;padding:2rem 0;font-size:.95rem}
.site-footer strong{color:#fff}
.site-footer a{color:#cfdae6;text-decoration:none}
.site-footer a:hover{color:var(--volt)}
.powered{border:1px solid rgba(255,194,26,.5);border-radius:2rem;padding:.4rem 1rem;color:var(--volt)!important;font-weight:600}

@media (max-width:991px){.section{padding:4.5rem 0}}
@media (max-width:767px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-photo{order:-1;height:34vh;min-height:220px}
  .hero-text{padding:2.5rem 1.5rem}
  .cred:nth-child(2){border-right:0}
  .cred:nth-child(-n+2){border-bottom:1px solid rgba(12,27,46,.15)}
  .portrait{max-width:320px;display:block;margin:0 auto;box-shadow:8px 8px 0 var(--volt)}
}