.about-hero { padding:64px 60px; border-radius:28px; background:radial-gradient(ellipse at 90% 0%,#663218 0%,transparent 65%),#171515; color:#fff; }
.about-hero .service-eyebrow { color:#ffad73; }
.about-hero h1 { margin:0; max-width:960px; font-size:clamp(36px,5.2vw,66px); line-height:1.12; letter-spacing:-.055em; }
.about-hero h1 em { font-style:normal; color:#ff8a3d; }
.about-intro { max-width:790px; margin:30px 0 0; color:#ded5cf; font-size:17px; line-height:1.9; }
.about-story { max-width:850px; margin:52px auto; font-size:17px; line-height:1.95; color:#4d4540; }
.about-story p { margin:0 0 25px; }
.about-closing { border-top:1px solid #e9e0da; padding:36px 0 10px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.about-closing p { margin:0; font-size:clamp(22px,2.7vw,32px); line-height:1.5; letter-spacing:-.035em; }
.about-closing strong { color:#d94b0b; }
.about-closing a { display:inline-flex; gap:24px; align-items:center; flex:none; min-height:48px; padding:12px 22px; background:#ff7900; border-radius:99px; font-size:13px; font-weight:800; }
.about-closing a:hover { background:#ff9638; }
@media(max-width:700px) { .about-hero { padding:34px 25px; border-radius:22px; } .about-intro,.about-story { font-size:15px; } .about-story { margin:32px 0; } .about-closing { align-items:flex-start; flex-direction:column; } }