/* Adventure Builds Finance - finance-first visual refresh */
:root {
  --forest: #171b1e;
  --forest-deep: #0f1214;
  --sand: #f1ece4;
  --sand-soft: #f7f4ef;
  --paper: #fcfbf8;
  --orange: #f36b21;
  --orange-deep: #d95716;
  --ink: #171b1e;
  --muted: #626a6f;
  --line: #dedfdc;
  --focus: #ffb14a;
  --radius: 18px;
  --wrap: 1200px;
}
body { background: var(--paper); color: var(--ink); }
h1,h2,.display { color: var(--ink); }
.section-sand { background: #f3f0ea; }
.section-forest { background: #171b1e; }
.site-header { background: rgba(15,18,20,.96); }

/* New finance-first brand lockup */
.brand { gap: 10px; }
.brand-symbol { width: 42px; height: 42px; flex: none; }
.brand-symbol img { width: 42px; height: 42px; }
.brand-copy { display:flex; flex-direction:column; line-height:1; text-transform:uppercase; letter-spacing:.035em; }
.brand-copy strong { color:#fff; font-size:.98rem; font-weight:800; }
.brand-copy small { color:#ff9a5b; font-size:.68rem; font-weight:800; letter-spacing:.24em; margin-top:5px; }
.footer-lockup { display:flex; align-items:center; gap:12px; text-decoration:none; color:#fff; }
.footer-lockup .brand-copy strong { font-size:1rem; }
@media(max-width:430px){ .brand-copy strong{font-size:.86rem}.brand-copy small{font-size:.6rem}.brand-symbol,.brand-symbol img{width:36px;height:36px} }

/* Homepage finance hero - no repeated vehicle photo */
.finance-hero { position:relative; overflow:hidden; background:#111518; color:#fff; }
.finance-hero::before { content:""; position:absolute; inset:0; background:
  radial-gradient(circle at 86% 14%, rgba(243,107,33,.22), transparent 27%),
  linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 26px);
  background-size:auto,26px 26px; pointer-events:none; }
.finance-hero .hero-grid { position:relative; display:grid; gap:38px; align-items:center; padding:72px 0 74px; }
.finance-hero h1 { color:#fff; font-size:clamp(2.5rem,5vw,4.5rem); max-width:12ch; }
.finance-hero .lede { color:#d9ddde; margin-top:20px; max-width:38rem; }
.finance-hero .eyebrow { color:#ff9a5b; }
.finance-hero .hero-ctas { margin-top:30px; }
.finance-proof { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.finance-proof span { border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.055); border-radius:999px; padding:8px 12px; font-size:.85rem; color:#e9ecec; }
.finance-visual { position:relative; min-height:460px; display:grid; align-content:center; }
.finance-board { position:relative; border:1px solid rgba(255,255,255,.14); background:linear-gradient(180deg,#1b2226,#12171a); border-radius:28px; padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.36); }
.finance-board::after { content:""; position:absolute; inset:auto 12% -28px; height:45px; filter:blur(24px); background:rgba(243,107,33,.23); z-index:-1; }
.finance-board-head { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; }
.finance-board-head strong { font-size:1.1rem; }
.finance-board-head span { color:#ff9a5b; font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
.finance-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.finance-mini { background:#fff; border-radius:16px; padding:14px; color:#171b1e; min-height:162px; border:1px solid #e8e8e5; box-shadow:0 8px 18px rgba(12,18,22,.06); }
.finance-mini img { width:100%; height:88px; object-fit:cover; object-position:center; border-radius:12px; background:#f3f0ea; margin-bottom:10px; border:1px solid #ebe6df; }
.finance-mini strong { display:block; font-size:.96rem; }
.finance-mini small { display:block; color:#70787d; margin-top:4px; line-height:1.35; }
.finance-status { margin-top:12px; border-radius:14px; padding:14px 16px; background:rgba(243,107,33,.12); border:1px solid rgba(243,107,33,.28); display:flex; gap:12px; align-items:center; }
.finance-status svg { color:#ff8c49; flex:none; }
.finance-status strong { display:block; font-size:.93rem; }
.finance-status small { color:#bec5c7; display:block; margin-top:2px; }
@media(min-width:900px){ .finance-hero .hero-grid{grid-template-columns:1.03fr .97fr;padding:96px 0 100px}.finance-visual{min-height:510px} }
@media(max-width:899px){ .finance-visual{min-height:auto}.finance-board{max-width:620px} }
@media(max-width:560px){ .finance-mini-grid{grid-template-columns:1fr 1fr}.finance-mini{padding:10px;min-height:138px}.finance-mini img{height:64px}.finance-hero .hero-grid{padding-top:54px}.finance-hero h1{font-size:clamp(2.35rem,11vw,3.45rem)} }

/* Trust strip is now finance credentials, not workshop promotion */
.strip { background:#fff; }
.strip-list li { color:#293035; }

/* Finance category cards */
.finance-category-grid { display:grid; gap:16px; grid-template-columns:1fr; }
.finance-category { position:relative; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:18px; text-decoration:none; color:inherit; min-height:270px; }
.finance-category img { width:100%; height:150px; object-fit:cover; border-bottom:1px solid var(--line); }
.finance-category .body { padding:20px; }
.finance-category h3 { font-size:1.18rem; }
.finance-category p { color:var(--muted); margin-top:8px; font-size:.95rem; }
.finance-category .arrow { position:absolute; right:16px; top:16px; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#171b1e; color:#fff; }
.finance-category:hover { border-color:#f36b21; transform:translateY(-2px); box-shadow:0 14px 35px rgba(18,24,27,.1); }
.finance-category { transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
@media(min-width:650px){ .finance-category-grid{grid-template-columns:repeat(2,1fr)} }
@media(min-width:1000px){ .finance-category-grid{grid-template-columns:repeat(3,1fr)} }

/* More finance, less workshop aesthetic */
.finance-feature { background:#fff; border:1px solid var(--line); border-radius:24px; padding:28px; }
.finance-feature .icon-wrap { width:48px;height:48px;border-radius:14px;background:#fff0e8;color:#f36b21;display:grid;place-items:center;margin-bottom:18px; }
.finance-feature .icon-wrap svg { width:23px;height:23px; }
.finance-feature p { color:var(--muted); margin-top:10px; }
.finance-callout { background:linear-gradient(130deg,#171b1e,#242b2f); color:#fff; border-radius:24px; padding:30px; }
.finance-callout h2,.finance-callout h3 { color:#fff; }
.finance-callout p { color:#d4d8da; }

/* One real build photo is enough: use it as proof, not the identity */
.proof-build { background:#f3f0ea; }
.proof-build .split img { border:1px solid #dddcd8; box-shadow:0 18px 50px rgba(17,24,27,.12); }

/* Refine inner pages and forms */
.page-intro { background:linear-gradient(135deg,#171b1e,#232b2f); }
.page-intro .eyebrow { color:#ff9a5b; }
.panel,.card,.person,.steps li { background:#fff; }
.btn { border-radius:10px; }
.btn-primary { box-shadow:0 7px 18px rgba(243,107,33,.22); }
.cta-band { background:#f36b21; }
.cta-band .btn-primary { background:#171b1e; }

/* footer */
.site-footer { background:#0e1113; }
.footer-brand img { display:none; }

/* SEO/accessibility helpers */
.visually-hidden { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }


/* 2026-09 brand + imagery update: supplied Adventure Builds Finance logo */
.site-header {
  background: rgba(252,251,248,.97);
  color: var(--ink);
  border-bottom: 1px solid #e5e0d8;
  box-shadow: 0 6px 24px rgba(17,24,27,.055);
}
.brand-logo-link { padding: 0; min-width: 0; }
.brand-logo { height: 34px !important; width: auto !important; max-width: none; object-fit: contain; display: block; }
.nav-links a { color: #30373b; font-weight: 650; }
.nav-links a:hover { color: var(--orange-deep); }
.nav-links a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--orange); }
.nav-toggle { color: var(--ink); border-color: #cfcac2; }
.mobile-menu { background: var(--paper); border-top-color: #e5e0d8; }
.mobile-menu a { color: var(--ink); border-bottom-color: #ece8e1; }
.mobile-menu a[aria-current="page"] { color: var(--orange-deep); }
@media(max-width:560px){ .brand-logo{height:28px !important}.nav{padding:10px 0} }

/* New category artwork uses illustration-only crops; copy remains real HTML for SEO/accessibility. */
.finance-category { min-height: 300px; }
.finance-category img {
  width:100%;
  height:auto;
  aspect-ratio: 2.31 / 1;
  object-fit:cover;
  object-position:center;
  border-bottom:1px solid var(--line);
  background:#f3f0ea;
}
/* The new artwork already contains a top-right arrow badge. */
.finance-category .arrow { display:none; }
.finance-category .body { padding: 22px 22px 24px; }
.finance-category h3 { font-size:1.2rem; line-height:1.2; }

/* Footer: make the supplied dark logo readable without changing the footer tone. */
.footer-brand { align-items:flex-start; }
.footer-logo-link { display:inline-flex; padding:0; border-radius:0; background:transparent; }
.footer-logo { display:block !important; height:44px !important; width:auto !important; max-width:none; object-fit:contain; }
@media(max-width:560px){ .footer-logo{height:36px !important} }

.portal-notice { margin-top:14px; padding:10px 14px; border-radius:10px; background:rgba(255,255,255,.08); color:#ffb98a; font-size:.9rem; display:none; }
.portal-notice.show { display:block; }