/* A balanced editorial introduction, using the approved text throughout. */
.about {padding-top:80px;padding-bottom:76px;}
.about>.label {display:flex;align-items:center;gap:22px;margin-bottom:34px;}
.about>.label:after {content:'';height:1px;flex:1;background:#eee4df;}
.about .about-layout {grid-template-columns:.82fr 1.18fr;grid-template-rows:auto 1fr;grid-template-areas:'heading copy' 'principle copy';align-items:start;gap:28px 70px;}
.about .about-layout>h2 {grid-area:heading;min-width:0;font-size:clamp(31px,3vw,42px);line-height:1.35;letter-spacing:-1.5px;}
.about .operating-principle {grid-area:principle;display:block;margin:0;padding:25px 27px;border:1px solid #e7dcd6;border-left:3px solid var(--red);border-radius:12px;background:linear-gradient(120deg,#fcf6f1,#fffdfb);}
.about .operating-principle h3 {font-size:12px;font-weight:600;color:var(--red);letter-spacing:.4px;line-height:1.6;}
.about .operating-principle .principle-tagline {font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.6px;color:var(--ink);margin:13px 0 16px;}
.about .operating-principle .principle-copy {font-size:14px;line-height:1.9;margin:0;color:var(--muted);}
.about .about-copy {grid-area:copy;display:grid;gap:24px;padding-top:3px;min-width:0;}
.about-story {display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:17px;padding-bottom:24px;border-bottom:1px solid #eee5e0;}
.about-story:last-child {padding-bottom:0;border-bottom:0;}
.about-story-icon {display:grid;place-items:center;width:38px;height:38px;border:1px solid #eee1d8;border-radius:9px;background:#fcf7f3;color:var(--red);}
.about-story-icon svg {width:22px;height:22px;stroke-width:1.5;}
.about-story h3 {font-size:16px;font-weight:500;line-height:1.6;letter-spacing:-.2px;margin:0 0 9px;color:var(--ink);}
.about-story h3 .about-story-subtitle {display:block;margin-top:3px;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--red);}
.about .about-copy p {font-size:15px;line-height:1.9;color:var(--muted);margin:0;}
@media(max-width:1100px){.about .about-layout{gap:28px 42px;grid-template-columns:.85fr 1.15fr}.about .operating-principle{padding:23px}.about .operating-principle .principle-tagline{font-size:19px}.about-story{gap:14px}.about .about-copy p{font-size:14px}}
@media(max-width:800px){.about{padding-block:60px}.about .about-layout{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:'heading' 'copy' 'principle';gap:32px}.about .about-layout>h2{font-size:32px}.about .about-copy{gap:23px}.about-story{padding-bottom:23px}.about .about-copy p{font-size:15px}}
@media(max-width:580px){.about{padding-block:48px}.about>.label{gap:15px;margin-bottom:28px}.about .about-layout>h2{font-size:30px;letter-spacing:-1px}.about .operating-principle{padding:21px 22px}.about .operating-principle .principle-tagline{font-size:20px;margin:12px 0 14px}.about .about-layout{gap:28px}.about-story{grid-template-columns:32px minmax(0,1fr);gap:13px}.about-story-icon{width:32px;height:32px;border-radius:8px}.about-story-icon svg{width:19px;height:19px}.about-story h3{font-size:15px;margin-bottom:8px}.about .about-copy p{font-size:14px;line-height:1.9}.about .about-copy{gap:21px}.about-story{padding-bottom:21px}}

/* Keep each half of the motto together on small screens. */
.about-story-subtitle > span{display:inline-block}