/* About page only: editorial layout, unchanged copy and photography. */
.about-editorial{max-width:none;padding-bottom:84px}
.about-editorial h2{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:0;text-wrap:balance}
.about-editorial p{font-size:16px;line-height:1.9;color:#5c6862}
.about-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:70px;padding:24px 0 74px}
.about-editorial .page-intro{padding:0;max-width:none}
.about-editorial .page-intro .eyebrow{color:#476b60;margin-bottom:25px;letter-spacing:1.8px}
.about-editorial .page-intro h1{font-size:clamp(42px,4.45vw,64px);line-height:1.14;letter-spacing:-2.5px;margin-bottom:25px}
.about-editorial .page-intro p{max-width:380px;font-size:18px;line-height:1.8;margin:0}
.about-editorial .about-wide{height:450px;margin:0;border-radius:8px;position:relative;background:#e9eeea}
.about-editorial .about-wide img{object-position:54% 50%;filter:saturate(.82)}
.about-editorial .about-wide:after{content:'';position:absolute;inset:0;border:1px solid #244c3f12;border-radius:inherit;pointer-events:none}
.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding:65px 0;border-block:1px solid #dce4de}
.about-story h2{max-width:290px;padding-top:2px}
.about-story-copy{max-width:650px}
.about-story-copy p{margin:0 0 20px}
.about-story-copy p:last-child{margin:0}
.about-values{padding:65px 0 70px}
.about-editorial .about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 0}
.about-principle{border:1px solid #d9e3dc;border-radius:8px;padding:32px 30px 34px;background:#fafbf9;position:relative}
.about-principle:before{content:'';display:block;position:absolute;top:-1px;left:30px;width:40px;height:3px;background:#69887b}
.about-editorial .principle-number{display:block;font:400 48px/1 var(--sans);letter-spacing:-2px;color:#9caea4;margin-bottom:30px}
.about-editorial .about-principles h3{font:700 22px/1.4 var(--sans);letter-spacing:-.5px;margin:0 0 13px}
.about-editorial .about-principles p{font-size:16px;line-height:1.8;margin:0;max-width:29ch}
.about-instructor{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;background:#f3f5f1;border:1px solid #e4e9e2;border-radius:8px;padding:44px 42px;margin-bottom:36px;align-items:start}
.about-instructor h2{max-width:300px;font-size:29px}
.about-instructor p{margin:0;max-width:650px}
.about-closing{display:flex;align-items:center;justify-content:center;gap:36px;padding:42px 54px;background:#234c4b;border-radius:8px}
.about-closing:before,.about-closing:after{content:'';height:1px;background:#ffffff30;flex:1;max-width:320px}
.about-closing .button{background:#fff;color:#234c4b;border:1px solid #fff;min-height:56px;gap:44px;padding:16px 28px;font-size:16px;flex-shrink:0}
.about-closing .button:hover{background:#e9f0ec;border-color:#e9f0ec;box-shadow:0 5px 18px #102c2830}
.about-closing .button:focus-visible{outline-color:#fff;outline-offset:6px}
@media(min-width:801px) and (max-width:1100px){
 .about-hero{gap:40px}.about-editorial .about-wide{height:390px}
 .about-story{gap:55px}.about-editorial h2{font-size:30px}
 .about-editorial .about-principles{gap:18px}.about-principle{padding:30px 24px}.about-principle:before{left:24px}
 .about-instructor{gap:45px;padding:36px 32px}
}
@media(max-width:800px){
 .about-editorial{padding-bottom:54px}
 .about-hero{grid-template-columns:1fr;gap:30px;padding:16px 0 44px}
 .about-editorial .page-intro h1{font-size:44px;letter-spacing:-1.7px;margin-bottom:20px}
 .about-editorial .page-intro .eyebrow{margin-bottom:20px}
 .about-editorial .page-intro p{max-width:520px;font-size:17px}
 .about-editorial .about-wide{height:auto;aspect-ratio:16/10}
 .about-story{grid-template-columns:1fr;gap:24px;padding:38px 0}
 .about-story h2{max-width:none;padding:0}
 .about-editorial h2{font-size:28px;letter-spacing:-.7px}
 .about-values{padding:40px 0}
 .about-editorial .about-principles{grid-template-columns:1fr;gap:16px;margin-top:25px}
 .about-principle{display:grid;grid-template-columns:56px 1fr;column-gap:22px;padding:26px}
 .about-principle:before{left:26px}
 .about-editorial .principle-number{grid-row:1/3;font-size:39px;letter-spacing:-1px;margin:0;padding-top:2px}
 .about-editorial .about-principles h3{font-size:21px;margin-bottom:8px}
 .about-editorial .about-principles p{max-width:none}
 .about-instructor{grid-template-columns:1fr;gap:18px;padding:30px;margin-bottom:26px}
 .about-instructor h2{max-width:none}
 .about-closing{padding:30px;gap:22px}
 .about-closing .button{min-height:52px;font-size:15px;padding:14px 23px;gap:26px}
}
@media(max-width:480px){
 .about-editorial .page-intro h1{font-size:38px;letter-spacing:-1.5px}
 .about-editorial .page-intro p{font-size:16px}
 .about-editorial .about-wide{aspect-ratio:6/5}
 .about-editorial h2{font-size:27px}
 .about-principle{grid-template-columns:43px 1fr;column-gap:17px;padding:25px 22px}
 .about-principle:before{left:22px}.about-editorial .principle-number{font-size:34px}
 .about-editorial .about-principles h3{font-size:20px}
 .about-instructor{padding:27px 24px}
 .about-closing{padding:28px 24px}.about-closing:before,.about-closing:after{display:none}
 .about-closing .button{width:100%;justify-content:space-between}
}