/* The Cowboy Burgers - About page */
.about-wrap{padding:60px 0 80px}
.about-photo{width:100%;max-height:440px;object-fit:cover;border-radius:var(--r);border:6px solid #fbf5e6;box-shadow:0 20px 44px rgba(42,27,18,.28)}
.about-text{max-width:720px;margin:44px auto 0}
.about-text h2{font-size:clamp(36px,5vw,56px);color:var(--bark)}
.about-text p{font-size:18px}
.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px}
.about-card{background:#fbf5e6;border:1px solid var(--sand);border-radius:var(--r);padding:30px 24px;transition:.3s var(--ease)}
.about-card:hover{border-color:var(--brass);transform:translateY(-4px);box-shadow:0 14px 26px rgba(42,27,18,.16)}
.about-card .ic{font-size:30px;color:var(--brass);margin-bottom:12px}
.about-card h4{font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:var(--bark);margin:0 0 6px}
.about-card p{margin:0;font-size:15px;color:var(--leather)}
.about-cta{margin-top:44px;text-align:center}
.about-wrap{display:grid;grid-template-columns:minmax(240px,1fr) 1.2fr;gap:20px 44px;background:#f0e4cd;margin:-34px auto 70px;padding:36px;position:relative;border-radius:6px;box-shadow:0 20px 44px rgba(21,11,6,.3)}
.about-wrap .about-photo{height:100%;max-height:none;border:0;object-fit:cover}
.about-wrap .about-text{margin:0;max-width:none;align-self:center}
.about-wrap .about-cards{grid-column:1/-1;gap:0;margin-top:14px}
.about-wrap .about-card{background:none;border:0;border-left:1px solid var(--sand);border-radius:0;text-align:center;box-shadow:none}
.about-wrap .about-card:first-child{border-left:0}
.about-wrap .about-cta{grid-column:1/-1;margin:6px 0 0}
@media(max-width:960px){
.about-wrap{grid-template-columns:1fr}
.about-wrap .about-card{border-left:0;border-top:1px solid var(--sand)}
}