/* Brand DNA layer: carlender-loans / auto-desk. Generated by work/apply-site-design-dna.mjs. */
:root{
  --dna-ink:#17222c;
  --dna-accent:#b4512f;
  --dna-soft:#f4f5f6;
  --dna-line:#d9dee3;
  --dna-radius:4px;
  --dna-shadow:0 18px 36px rgba(23,34,44,.12);
  --dna-heading:"Arial Narrow", Arial, Helvetica, sans-serif;
  --dna-font:"Arial Narrow", Arial, Helvetica, sans-serif;
}
body{
  font-family:var(--dna-font);
  color:var(--dna-ink);
  background:#fff;
}
.site-header{
  border-bottom:1px solid var(--dna-line);
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(0,0,0,.035);
}
.brand img,.footer-logo{filter:saturate(.94) contrast(1.02)}
nav a,.site-nav a{
  border-radius:var(--dna-radius);
  letter-spacing:.01em;
}
nav a:hover,.site-nav a:hover,nav a[aria-current=page],.site-nav a[aria-current=page]{
  background:var(--dna-soft);
  color:var(--dna-ink);
}
.nav-cta,.site-nav .nav-apply,.primary,.button.primary{
  background:var(--dna-ink)!important;
  color:#fff!important;
  border-color:var(--dna-ink)!important;
}
.secondary,.button.secondary{
  border-color:var(--dna-line)!important;
  background:#fff!important;
  color:var(--dna-ink)!important;
}
h1,h2,h3,.hero h1,.page-heading h1{
  font-family:var(--dna-heading);
  color:var(--dna-ink);
  letter-spacing:.015em;
}
.eyebrow,.service-card span,.solution-card span,.category-card span,.collection-card span,.article-card span,.post-card span,.blog-strip span{
  color:var(--dna-accent)!important;
}
.hero{
  grid-template-columns:1.18fr .82fr;
  background:linear-gradient(90deg,#f8fafb 0%,#ffffff 62%,#f0ece7 62%,#f0ece7 100%)!important;
  border-bottom:1px solid var(--dna-line);
}
.hero-copy{
  max-width:720px;
}
.hero h1{
  font-size:clamp(40px,5.1vw,68px);
  line-height:1.04;
}
.hero p{
  color:color-mix(in srgb,var(--dna-ink) 70%,#fff 30%);
}
.hero-panel,.product-visual,.fashion-visual,.hero-visual,.feature-visual,.lookbook,.mini-visual,.featured-visual{
  border-radius:var(--dna-radius)!important;
  box-shadow:var(--dna-shadow)!important;
  border:1px solid var(--dna-line)!important;
}
.hero-panel,.featured-visual,.mini-visual{
  background:linear-gradient(135deg,var(--dna-ink),color-mix(in srgb,var(--dna-ink) 78%,var(--dna-accent) 22%))!important;
}
.hero-panel,.hero-panel h1,.hero-panel h2,.hero-panel h3,.hero-panel strong,.hero-panel dt,.hero-panel dd,.hero-panel span,
.mini-visual,.featured-visual,.featured-visual strong{
  color:#fff!important;
}
.hero-panel p,.hero-panel li{
  color:rgba(255,255,255,.80)!important;
}
.hero-panel a{
  color:#fff!important;
}
.section,.content-section,.intro-band,.split-section,.services-grid,.blog-strip,.post-grid,.contact-grid,.apply-layout,.lp-layout,.article-layout{
  border-color:var(--dna-line)!important;
}
.intro-band,.muted,.section.muted,.page-heading{
  background:var(--dna-soft)!important;
}
.services-grid,.solution-grid,.category-grid,.collection-grid,.post-grid,.article-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.service-card,.solution-card,.category-card,.collection-card,.article-card,.post-card,.blog-strip a,.check-panel,.side-panel,.contact-card,.form-panel,.lead-form,.check-card{
  border-radius:var(--dna-radius)!important;
  border-color:var(--dna-line)!important;
  box-shadow:none!important;
}
.service-card:hover,.solution-card:hover,.category-card:hover,.collection-card:hover,.article-card:hover,.post-card:hover,.blog-strip a:hover{
  transform:none;
  border-color:color-mix(in srgb,var(--dna-accent) 54%,var(--dna-line) 46%)!important;
  box-shadow:var(--dna-shadow)!important;
}
.split,.feature-row,.intro-grid,.story-grid,.form-section,.split-section{
  gap:34px;
}
.side-panel{
  background:#fff!important;
  color:var(--dna-ink)!important;
}
.side-panel p,.side-panel li{color:color-mix(in srgb,var(--dna-ink) 70%,#fff 30%)!important}
.site-footer{
  background:var(--dna-ink)!important;
}


.hero,.section,.content-section{position:relative}
.service-card,.solution-card,.post-card{border-left:3px solid var(--dna-accent)!important}
.site-header{padding-top:10px!important;padding-bottom:10px!important}



.site-header{border-bottom:4px solid var(--dna-ink);box-shadow:none!important}
nav,.main-nav{gap:14px!important;text-transform:uppercase;font-size:13px!important}
.hero{min-height:580px;background:linear-gradient(90deg,#fff 0 58%,var(--dna-soft) 58% 100%)!important}
.hero-panel,.card,.service-card,.post-card{border-radius:0!important;box-shadow:none!important}
.button,.apply-btn{border-radius:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}


.site-header{background:var(--dna-ink)!important;color:#fff!important}
.site-header a{color:#fff!important}
.site-header nav{justify-content:flex-end!important}
.hero{grid-template-columns:.82fr 1.18fr!important}
.service-grid,.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.service-card{min-height:240px!important}

@media (max-width:980px){
  .hero,.split,.feature-row,.intro-grid,.story-grid,.form-section,.split-section,.article-layout{grid-template-columns:1fr!important}
  .services-grid,.solution-grid,.category-grid,.collection-grid,.post-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  .services-grid,.solution-grid,.category-grid,.collection-grid,.post-grid,.article-grid{grid-template-columns:1fr!important}
  .hero h1{font-size:38px}
}