/* Red Classics' owner-confirmed story; the supplied logo is displayed unchanged. */
.brand-about{width:100%;max-width:1042px;margin:0 auto;background:#fff;color:#252321;font-family:Arvo,Georgia,"Microsoft YaHei",serif;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:.01em;text-align:left}
.brand-about *{box-sizing:border-box}
.brand-about p{font:inherit;line-height:inherit;letter-spacing:inherit;margin:0 0 1.35em}
.brand-about h2{font-family:inherit;font-weight:400;font-size:clamp(27px,3.5vw,40px);line-height:1.3;letter-spacing:-.035em;text-transform:none;color:inherit;margin:0 0 28px}
.brand-about__hero{padding:40px 9% 84px;text-align:center;background:#fff}
.brand-about__logo-frame{width:min(100%,480px);height:252px;margin:0 auto 24px;overflow:hidden}
.brand-about .brand-about__logo-frame img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center}
.brand-about .brand-about__eyebrow{margin:0 0 24px;font-size:11px;letter-spacing:.14em;line-height:1.6}
.brand-about__hero h2{font-size:clamp(32px,4.4vw,50px);line-height:1.24;margin-bottom:26px}
.brand-about .brand-about__intro{max-width:610px;margin:0 auto;color:#625e58;font-size:16px}
.brand-about__story{background:#f4f1ea;padding:20px 9%}
.brand-about__story-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;padding:58px 0;align-items:start}
.brand-about__story-row+.brand-about__story-row{border-top:1px solid #dcd7cf}
.brand-about__story-row h2{font-size:29px;line-height:1.4;margin:0}
.brand-about__story-row p{margin:0;font-size:15px;color:#555149;line-height:1.85}
.brand-about__companionship{background:#252422;color:#fbfaf6;text-align:center;padding:84px 11% 72px}
.brand-about__companionship h2{font-size:clamp(30px,4vw,44px);margin-bottom:30px}
.brand-about__companionship>p:not(.brand-about__eyebrow):not(.brand-about__signature){max-width:640px;margin:0 auto 24px;color:#dfdbd3;font-size:15px;line-height:1.85}
.brand-about .brand-about__signature{margin:44px 0 0;font-size:20px;line-height:1.7}
.brand-about__signature span{font-size:11px;letter-spacing:.09em;color:#d3cec5}
@media(max-width:600px){
 .brand-about{font-size:14px;line-height:1.75}
 .brand-about__hero{padding:25px 24px 48px}
 .brand-about__logo-frame{width:min(100%,345px);height:185px;margin-bottom:18px}
 .brand-about .brand-about__eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}
 .brand-about__hero h2{font-size:32px;margin-bottom:22px}
 .brand-about .brand-about__intro{font-size:14px;line-height:1.85}
 .brand-about__story{padding:8px 25px}
 .brand-about__story-row{display:block;padding:35px 0}
 .brand-about__story-row h2{font-size:26px;margin-bottom:17px;line-height:1.35}
 .brand-about__story-row p{font-size:14px;line-height:1.8}
 .brand-about__companionship{padding:48px 25px 43px}
 .brand-about__companionship h2{font-size:30px;margin-bottom:25px}
 .brand-about__companionship>p:not(.brand-about__eyebrow):not(.brand-about__signature){font-size:14px;line-height:1.85;margin-bottom:22px}
 .brand-about .brand-about__signature{margin-top:33px;font-size:19px}
}
