:root{
  --ink:#10272d;--navy:#12343b;--teal:#0b6672;--gold:#b98b3c;
  --muted:#5c6b70;--paper:#ffffff;--mist:#f3f7f7;--line:#dce6e7;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:var(--paper)}
.wrap{max-width:1120px;margin:auto;padding:0 28px}
header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{font-size:1.3rem;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:.2px}
nav a{color:var(--ink);text-decoration:none;margin-left:20px;font-size:.96rem}nav a:hover{color:var(--teal)}
.banner{min-height:210px;background:linear-gradient(120deg,#153b43,#0d5b68);display:flex;align-items:center;color:white;position:relative;overflow:hidden}
.banner:after{content:"";position:absolute;right:-70px;top:-100px;width:430px;height:430px;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.banner .eyebrow{color:#d7e9eb}.banner h1{max-width:820px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:700;color:var(--teal)}
.hero{background:var(--mist);padding:78px 0}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center}
h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.06;margin:.2em 0 .35em}
h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin-top:0}
h3{line-height:1.25}.lead{font-size:1.18rem;color:var(--muted);max-width:760px}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:13px 21px;border-radius:5px;font-weight:700;margin:10px 10px 0 0}
.btn.alt{background:transparent;color:var(--teal);border:1px solid var(--teal)}
.image-placeholder{min-height:315px;border:1px solid #bfd0d2;background:linear-gradient(145deg,#e5eeee,#f9fbfb);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}
section{padding:70px 0}.soft{background:var(--mist)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.card{border:1px solid var(--line);border-radius:9px;padding:28px;background:#fff}
.card h3{margin-top:0}.accent{border-top:4px solid var(--gold)}
.quote{font-size:1.55rem;line-height:1.45;font-weight:700;max-width:850px}
.article{max-width:820px}.article h2{margin-top:45px}.legal{max-width:880px}
.cta{background:var(--navy);color:white}.cta p{color:#dce8ea;max-width:760px}
footer{background:#091e23;color:#dce8ea;padding:38px 0}footer a{color:#fff}.small{font-size:.9rem;color:var(--muted)}
.post{border-bottom:1px solid var(--line);padding:28px 0}.post:first-of-type{padding-top:5px}
.tag{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-weight:700}
@media(max-width:800px){
 .nav{align-items:flex-start;flex-direction:column;padding-top:17px;padding-bottom:17px}
 nav a{margin:0 14px 5px 0;display:inline-block}.hero-grid,.grid3,.grid2{grid-template-columns:1fr}
 .hero{padding:55px 0}.banner{min-height:175px}section{padding:52px 0}
}

.brand-banner{background:#f4f4f1;padding:0;text-align:center;border-bottom:1px solid var(--line)}
.brand-banner img{display:block;width:100%;height:auto;max-height:255px;object-fit:cover;object-position:center}
.hero-visual{min-height:315px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#12343b 0%,#0b6672 65%,#dce8e8 65%,#f4f7f7 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(16,39,45,.12)}
.hero-visual:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-65px}
.hero-mark{font-size:5.5rem;font-weight:800;letter-spacing:-5px;color:rgba(255,255,255,.14);position:absolute;left:28px;bottom:8px}
.hero-visual-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;text-align:right}
.hero-visual-copy span{background:#fff;color:#12343b;padding:8px 15px;font-weight:800;letter-spacing:2px;font-size:.82rem;box-shadow:0 3px 10px rgba(0,0,0,.08)}
@media(max-width:800px){.brand-banner img{max-height:none}.hero-visual{min-height:250px}}

/* V3.1 — banner correction only */
.brand-banner img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

.contact-strip{background:#075d98;color:#fff;font-size:.88rem}
.contact-strip-inner{min-height:40px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.contact-strip a{color:#fff;text-decoration:none}.contact-strip a:hover{text-decoration:underline}
@media(max-width:800px){.contact-strip-inner{padding-top:8px;padding-bottom:8px;gap:8px 18px}}

/* V3.6 — CRC Vantage graphic header logo */
.brand-logo{display:flex;align-items:center}
.brand-logo img{display:block;width:300px;max-width:42vw;height:auto}
@media(max-width:800px){
  .brand-logo img{width:260px;max-width:82vw}
}