#about-view{position:fixed;inset:0;background:#f8fafb;color:#17242d;font-family:Arial,'Noto Sans SC','Microsoft YaHei',sans-serif}
.about-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-top:170px;outline:none}
body.about-page-active .site-header{position:fixed;background:#f8fafb;padding-bottom:22px}
body.about-page-active .course-explore{display:flex}
body.about-page-active .language-picker{margin-left:36px}
.about-page h1,.about-page h2,.about-page h3{font-weight:400;margin:0}
.about-page h1{font-size:clamp(38px,3.65vw,62px);line-height:1.4;letter-spacing:.035em;max-width:6em;text-wrap:balance;outline:none}
.about-page h1>span{display:block;white-space:nowrap}
.about-page h2{font-size:clamp(28px,2.7vw,44px);line-height:1.5;letter-spacing:.035em;text-wrap:balance}
.about-opening{padding-top:205px}
.about-introduction{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:0 var(--gutter) 78px;align-items:start}
.about-prose{font-size:17px;line-height:2;letter-spacing:.03em;color:#3c4b54;max-width:560px}
.about-prose p{white-space:pre-line;text-wrap:pretty}.about-prose p+p{margin-top:23px}
.about-photo{margin:0;overflow:hidden;background:#e2eaf0}.about-photo img{width:100%;height:auto;display:block;object-fit:contain}
.about-photo-opening{margin:0 var(--gutter)}
.about-photo-opening img{aspect-ratio:2.15;object-fit:cover;object-position:50% 48%}
.about-riding{padding:150px var(--gutter) 160px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9vw;align-items:center}
.about-riding-copy h2{max-width:12em;margin-bottom:42px}
.about-photo-riding img{aspect-ratio:1991/1179;object-fit:contain}
.about-riding-copy .about-prose p:last-child{margin-top:35px;color:#17242d}
.about-practice{display:grid;grid-template-columns:1fr 1.18fr;gap:10vw;padding:135px var(--gutter) 145px;background:#edf2f5}
.about-practice>h2{max-width:9em}
.about-topic{border-top:1px solid #acbdc8}.about-topic:last-child{border-bottom:1px solid #acbdc8}
.about-topic-toggle{width:100%;min-height:101px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left;font-size:29px;font-weight:400;letter-spacing:.035em}
.about-topic-toggle .plus{margin-right:4px}.about-topic-toggle[aria-expanded=true] .plus{transform:rotate(45deg)}
.about-topic-toggle:hover .plus{transform:rotate(45deg)}
.about-topic-toggle:focus-visible{outline:1px solid #617b8e;outline-offset:6px}
.about-topic-body{padding:0 45px 30px 0}.about-topic-body .about-prose{font-size:15px;line-height:1.9;max-width:540px}
.about-topic-body[data-content-status=awaiting-confirmed-copy] .about-prose{color:#687d89;font-size:13px}
.about-ending{padding-top:125px}
.about-ending-copy{margin:0 var(--gutter) 72px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.about-ending h2{max-width:12em}
.about-brand-line{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em;font-size:clamp(24px,2.45vw,38px);line-height:1.3;flex-shrink:0}
.about-photo-ending img{aspect-ratio:2.5;object-fit:cover;object-position:50% 44%}
html[lang=en] .about-page h1,html[lang=en] .about-page h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.03em;line-height:1.3}
html[lang=en] .about-page h1{max-width:8em}html[lang=en] .about-page h2{max-width:12em}
html[lang=en] .about-prose{letter-spacing:0;line-height:1.9}
@media(max-width:1000px){.about-opening{padding-top:180px}.about-introduction{gap:7vw;margin-bottom:58px}.about-prose{font-size:15px}.about-riding{gap:7vw;padding-top:110px;padding-bottom:110px}.about-riding-copy h2{margin-bottom:28px}.about-practice{gap:7vw;padding-top:100px;padding-bottom:110px}.about-topic-toggle{font-size:25px;min-height:87px}}
@media(max-width:700px){
 body.about-page-active .site-header{gap:12px;padding-bottom:16px}body.about-page-active .language-picker{margin-left:12px}
 .about-scroll{scroll-padding-top:135px}.about-opening{padding-top:145px}
 .about-introduction{display:block;margin:0 24px 42px}.about-page h1{font-size:37px;line-height:1.4;max-width:6em;margin-bottom:29px;letter-spacing:.02em}
 .about-prose{font-size:15px;line-height:1.95;letter-spacing:.02em}.about-prose p+p{margin-top:20px}
 .about-photo-opening{margin:0}.about-photo-opening img{aspect-ratio:4/3;object-position:center}
 .about-riding{display:flex;flex-direction:column-reverse;gap:35px;padding:75px 24px 80px;align-items:stretch}.about-page h2{font-size:29px;line-height:1.5;letter-spacing:.02em}.about-riding-copy h2{max-width:11em;margin-bottom:28px}
 .about-practice{display:block;padding:72px 24px 80px}.about-practice>h2{max-width:10em;margin-bottom:36px}.about-topic-toggle{font-size:25px;min-height:86px}.about-topic-body{padding-right:18px}.about-topic-body .about-prose{font-size:14px}
 .about-ending{padding-top:72px}.about-ending-copy{margin:0 24px 38px;display:block}.about-ending h2{max-width:10em}.about-brand-line{font-size:28px;margin-top:33px}.about-photo-ending img{aspect-ratio:4/3;object-position:center}
 html[lang=en] .about-page h1{font-size:40px}html[lang=en] .about-page h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.about-page .plus{transition:none}}
