.about-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.about-hero-img{position:absolute;inset:0;background:#6b5638 url("/Content/images/about-us-banner.jpg") center/cover no-repeat}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,38,58,.92) 0,rgba(18,38,58,.72) 45%,rgba(18,38,58,.15) 100%)}
.about-hero-inner{position:relative;padding-top:40px;padding-bottom:56px}
.about-crumb{font-size:14px;color:#c6d2dc;margin-bottom:24px}
.about-crumb a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.about-crumb span{margin:0 6px}
.about-hero h1{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.02;margin:10px 0 18px;max-width:720px}
.about-hero h1 em{color:#e2b77c}
.about-hero p{font-size:19px;line-height:1.55;max-width:600px;color:#dfe6ec;margin:0}

/* facts */
.about-facts{background:#fff;border-bottom:1px solid #d6dce0}
.about-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.about-facts-grid div{padding:26px 24px;border-left:1px solid #d6dce0}
.about-facts-grid div:first-child{border-left:0;padding-left:0}
.about-facts-grid b{display:block;font-family:Newsreader,Georgia,serif;font-weight:500;font-size:clamp(24px,2.1vw,34px);line-height:1.15;color:#9a6424}
.about-facts-grid span{font-size:14px;color:#556677}

/* story */
.about-story{padding:clamp(2rem,4vw,3.75rem) 0}
.about-story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.about-story p{font-size:17.5px;color:#2f4153;max-width:620px}
.about-story blockquote{margin:0;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:28px;line-height:1.3;color:#12263a;border-left:3px solid #9a6424;padding:8px 0 8px 32px;position:relative}

/* find */
.about-find{background:#f3efe7;padding:clamp(2rem,4vw,3.75rem) 0;border-top:1px solid #ebe5d9;border-bottom:1px solid #ebe5d9}
.about-fgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.about-fcard{background:#fff;border:1px solid #e3dccd;border-radius:10px;padding:26px 26px 22px;display:flex;flex-direction:column}
.about-fcard.about-wide{grid-column:span 2;display:grid;grid-template-columns:44px 1fr auto;column-gap:20px;align-items:center}
.about-fcard.about-wide .about-ic{grid-row:span 2;align-self:start}
.about-fcard.about-wide h3{grid-column:2}
.about-fcard.about-wide .about-card-copy{grid-column:2}
.about-fcard.about-wide p:last-child{margin-bottom:0}
.about-fcard.about-wide .about-links{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;margin:0;padding-left:20px;border-left:1px solid #d6dce0}
.about-fcard h3{font-size:23px;line-height:1.15;margin:16px 0 8px}
.about-fcard.about-wide h3{margin-top:0}
.about-fcard p{font-size:15px;color:#2f4153;line-height:1.6;margin:0 0 16px}
.about-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto}
.about-links a{font-size:14.5px;font-weight:600;color:#12263a;border-bottom:1.5px solid #9a6424;padding-bottom:1px;white-space:normal}

/* ctas */
.about-ctas{padding:clamp(2rem,4vw,3.75rem) 0}
.about-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-cta{border-radius:12px;padding:clamp(1.25rem,3vw,2.25rem)}
.about-cta h2{font-size:32px;line-height:1.1;margin:8px 0 10px}
.about-cta p{font-size:16px;margin:0 0 22px;max-width:440px}
.about-cta .about-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.about-cta.about-collectors{background:#e6edef;border:1px solid #d3dde1}
.about-cta.about-collectors p{color:#2f4153}
.about-cta.about-dealers{background:linear-gradient(135deg,#12263a,#24476a);color:#fff}
.about-cta.about-dealers h2{color:#fff}
.about-cta.about-dealers p{color:#c6d2dc}

/* sep */
.about-sep{background:#fff;border-top:1px solid #d6dce0;padding:clamp(2rem,4vw,3.75rem) 0}
.about-sep-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(1.25rem,4vw,4rem);align-items:start}
.about-sep p{font-size:17px;color:#2f4153;max-width:600px}
.about-contact h3{margin:4px 0 12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#556677}
.about-crow{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #d6dce0}
.about-crow b{display:block;font-size:15.5px;color:#142536}
.about-crow small{font-size:13.5px;color:#556677}

.about-page h1, .about-page h2, .about-page h3 {
    font-family: Newsreader, Georgia, serif;
    font-weight: 500;
}
.about-page h2 { font-size: clamp(1.8rem, 3vw, 2.375rem); margin: .25rem 0 .8rem; }
.about-page .about-eyebrow { color: #8b561d; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.about-page .about-eyebrow.about-light { color: #e2b77c; }
.about-page .about-ic {
    width: 44px; height: 44px; border-radius: 50%; background: #f6ecdd;
    color: #8b561d; display: inline-grid; place-items: center; flex: none;
}
.about-page .about-ic svg { width: 21px; height: 21px; }
.about-page .about-ic.about-sm { width: 38px; height: 38px; }
.about-page .about-ic.about-sm svg { width: 18px; height: 18px; }
.about-page .btn { font-weight: 600; }
.about-page .about-primary { background: #12263a; color: #fff; }
.about-page .about-brass { background: #e2b77c; color: #12263a; }
.about-page .about-ghost { color: #12263a; }
.about-page .about-ghost.about-light { color: #fff; }
.about-page .btn:hover { text-decoration: none; }
.about-page .about-row { margin: 0; }
.about-page .about-hero h1 { color: #fff; }
.about-page .about-hero .about-crumb span[aria-current] { margin: 0; }
.about-page .about-fcard .about-links { column-gap: 1.25rem; row-gap: .5rem; }
.about-page .about-sep p a, .about-page .about-story p a { color: #7a4f1f; text-decoration: underline; }
.about-page .about-crow:hover b { text-decoration: underline; }
.about-page .about-story blockquote::before {
    content: open-quote; color: #9a6424; display: block; font-size: 3rem; line-height: .6;
}
@media (max-width: 860px) {
    .about-page .about-facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .about-page .about-facts-grid > div { padding: .9rem .65rem; border: 0; }
    .about-page .about-story-grid, .about-page .about-cta-grid, .about-page .about-sep-grid,
    .about-page .about-fgrid2 { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
    .about-page .about-fcard.about-wide { grid-column: auto; display: flex; align-items: stretch; }
    .about-page .about-fcard.about-wide h3 { margin-top: 1rem; }
    .about-page .about-fcard.about-wide .about-links {
        border-left: 0; padding-left: 0; flex-direction: row; margin-top: .75rem;
    }
    .about-page .about-hero { min-height: 360px; }
    .about-page .about-hero-inner { padding-block: 2rem; }
    .about-page .about-hero-shade { background: linear-gradient(90deg, #12263af2, #12263a99); }
}

.about-card-copy a { color: #7a4f1f; text-decoration: underline; }
.about-page .about-primary:hover, .about-page .about-primary:focus-visible { background: #24476a; color: #fff; }
.about-page .about-brass:hover, .about-page .about-brass:focus-visible { background: #edcb9b; color: #12263a; }
.about-page .about-ghost.about-light:hover, .about-page .about-ghost.about-light:focus-visible { color: #fff; }