/* About: an editorial portrait, readable chapters and a clear path into training. */
#about-page{--about-ink:#254b45;--about-paper:#f5f1e8;--about-line:#c5cabc;--about-header-height:88px;--about-chapters-height:66px;color:var(--about-ink);background:var(--about-paper)}
#about-page :is(h1,h2,h3,p,figure,blockquote){margin-top:0}
#about-page :is(h1,h2){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.05}
#about-page h1{font-size:clamp(48px,5.7vw,78px);margin-bottom:28px;text-wrap:balance}
#about-page h2{font-size:clamp(40px,4.6vw,62px);margin-bottom:24px}
#about-page h3{font-family:inherit;font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:650}
#about-page em{color:#8b523c;font-style:italic}
#about-page p{line-height:1.75}
#about-page .aboutEyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.6;margin-bottom:26px}
#about-page .aboutOpening{padding:64px 0 0}
#about-page .aboutHeroGrid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:68px}
#about-page .aboutHeroCopy{padding:12px 0}
#about-page .aboutIntroLine{font-size:20px;font-weight:550;line-height:1.5;margin-bottom:18px}
#about-page .aboutIntroText{max-width:52ch;font-size:15px;color:#5b675d;margin-bottom:28px}
#about-page .aboutActions{display:flex;align-items:flex-start;gap:22px;flex-wrap:wrap}
#about-page .aboutButton{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:14px 20px;background:var(--about-ink);color:#fffaf0;text-decoration:none;border:1px solid var(--about-ink);border-radius:4px;font-size:13px;font-weight:700;transition:background-color 180ms ease}
#about-page .aboutButton:is(:hover,:focus-visible){background:#163832}
#about-page .aboutTextLink{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:6px 0;color:inherit;font-size:13px;font-weight:650;text-decoration:underline;text-decoration-color:#8d9b86;text-underline-offset:6px;text-decoration-thickness:1px}
#about-page .aboutTextLink>span{display:inline-block;transition:transform 200ms ease}
#about-page .aboutTextLink:is(:hover,:focus-visible)>span{transform:translate(2px,-2px)}
#about-page .aboutHeroPortrait{margin:0;position:relative}
#about-page .aboutPortraitFrame{position:relative;padding:14px;background:#e2e8dd;border-radius:180px 180px 4px 4px}
#about-page .aboutPortraitFrame:before{content:'';position:absolute;left:-21px;bottom:40px;width:42px;height:42px;border-radius:50%;background:#a45e42;border:6px solid var(--about-paper);z-index:1}
#about-page .aboutPortraitFrame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:170px 170px 0 0}
#about-page .aboutHeroPortrait figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 0 0;font-size:10px;line-height:1.7;letter-spacing:.06em;color:#5b675d}
#about-page .aboutCredentials{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--about-line);margin-top:44px;padding:26px 0}
#about-page .aboutCredentials p{font-size:13px;margin:0}
#about-page .aboutCredentials span{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;color:#70776c;margin-bottom:5px}
#about-page .aboutChapters{position:sticky;top:var(--about-header-height);z-index:25;background:var(--about-paper);border-block:1px solid var(--about-line);box-shadow:none;backdrop-filter:none}
#about-page .aboutChapterTrack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate;padding-block:7px}
#about-page .aboutChapterLink{display:flex;align-items:center;justify-content:center;gap:13px;position:relative;min-height:50px;padding:10px 8px;font-size:13px;color:var(--about-ink);font-weight:600;line-height:1.4;text-decoration:none;border-radius:3px}
#about-page .aboutChapterLink>span{font-size:10px;color:#7c8375;font-weight:400}
#about-page .aboutChapterLink[aria-current]{font-weight:800}
#about-page .aboutChapterMarker{position:absolute;left:0;top:7px;height:50px;background:#e0e6d9;border:1px solid #c4ceba;border-radius:3px;z-index:-1;opacity:0;pointer-events:none;transition:transform 280ms cubic-bezier(.2,.7,.3,1),width 280ms cubic-bezier(.2,.7,.3,1),opacity 120ms}
#about-page .aboutChapterLink:is(:hover,:focus-visible){background:#e0e6d9}
#about-page.aboutMotionReady .aboutChapterLink:is(:hover,:focus-visible){background:transparent}
#about-page :is([data-about-chapter],#about-roots,#teacher-development){scroll-margin-top:calc(var(--about-header-height) + var(--about-chapters-height))}
#about-page .aboutChapter{padding:88px 0}
#about-page .aboutSectionGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:90px}
#about-page .aboutSectionIntro>p:not(.aboutEyebrow){max-width:39ch;font-size:15px;color:#5b675d}
#about-page .aboutPrinciples{border-top:1px solid var(--about-line)}
#about-page .aboutPrinciple{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:30px 0;border-bottom:1px solid var(--about-line)}
#about-page .aboutPrinciple>span{font:italic 22px/1.3 Georgia,serif;color:#947553}
#about-page .aboutPrinciple h3{margin-bottom:12px}
#about-page .aboutPrinciple p{color:#5b675d;font-size:14px;margin-bottom:0}
#about-page .aboutTeacherNote{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:28px 32px;margin-top:54px;background:#e4e9de;border-left:3px solid #8d9c7f}
#about-page .aboutTeacherNote .aboutEyebrow{margin-bottom:10px;font-size:9px}
#about-page .aboutTeacherNote h3{margin-bottom:10px}
#about-page .aboutTeacherNote p:last-child{font-size:14px;max-width:65ch;margin-bottom:0}
#about-page .aboutTeacherNote>a{flex-shrink:0}
#about-page .aboutStory{background:#254b45;color:#f7f0dd}
#about-page .aboutStory em{color:#d9bc80}
#about-page .aboutStory .aboutSectionIntro .aboutStatement{font:24px/1.45 Georgia,serif;color:#f7f0dd;max-width:28ch}
#about-page .aboutBiography p{font-size:15px;color:#d8e1d0}
#about-page .aboutFullBio{border-block:1px solid #59766a;margin-top:26px}
#about-page .aboutFullBio summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:16px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:600}
#about-page .aboutFullBio summary::-webkit-details-marker{display:none}
#about-page .aboutFullBio summary>span{font-size:24px;transition:transform 180ms}
#about-page .aboutFullBio[open] summary>span{transform:rotate(45deg)}
#about-page .aboutFullBio>div{padding:6px 0 10px}
#about-page .aboutBiography .aboutCreative{font-size:12px;margin-top:22px;color:#bbccbb}
#about-page .aboutJourney{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:62px}
#about-page .aboutJourneyStop{border-top:1px solid #789180;padding-top:22px;position:relative}
#about-page .aboutJourneyStop:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:#d9bc80;border-radius:50%}
#about-page .aboutPlace{display:block;font-size:9px;letter-spacing:.13em;color:#d9bc80;margin-bottom:18px}
#about-page .aboutJourneyStop h3{font:22px/1.2 Georgia,serif;letter-spacing:-.02em;margin-bottom:14px}
#about-page .aboutJourneyStop p{font-size:13px;color:#c7d6c3;margin-bottom:0}
#about-page .aboutRoots{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid #59766a;margin-top:56px;padding-top:38px}
#about-page .aboutRoots .aboutEyebrow{font-size:9px;margin-bottom:10px;color:#d9bc80}
#about-page .aboutRoots h3{font:32px/1.2 Georgia,serif}
#about-page .aboutRoots p:not(.aboutEyebrow){font-size:14px;color:#d8e1d0;margin-bottom:10px}
#about-page .aboutDance{padding:88px 0;background:#e6e9de}
#about-page .aboutDanceGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:62px;align-items:center}
#about-page .aboutDance figure{margin:0}
#about-page .aboutDance img{width:100%;height:auto;display:block;border-radius:3px}
#about-page .aboutDance figcaption{font-size:10px;color:#647160;line-height:1.65;margin-top:12px;max-width:60ch}
#about-page .aboutDance p{font-size:14px}
#about-page .aboutDance .aboutEyebrow{font-size:10px}
#about-page blockquote{font:italic 28px/1.3 Georgia,serif;letter-spacing:-.02em;margin:28px 0 12px;padding-left:20px;border-left:2px solid #ad7954}
#about-page .aboutDance .aboutQuoteNote{font-size:12px;color:#647160}
#about-page .aboutNextHeading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:36px}
#about-page .aboutNextHeading>p{max-width:35ch;font-size:15px;margin-bottom:24px;color:#5b675d}
#about-page .aboutTraining{border-top:1px solid var(--about-line)}
#about-page .aboutTrainingLink{display:grid;grid-template-columns:45px 1fr 52px;align-items:center;gap:22px;padding:30px 20px;color:var(--about-ink);border-bottom:1px solid var(--about-line);text-decoration:none;background:linear-gradient(90deg,#e3e9dc,#e3e9dc) no-repeat 0 100%/0 100%;transition:background-size 320ms cubic-bezier(.2,.7,.3,1)}
#about-page .aboutTrainingNumber{font:italic 21px Georgia,serif;color:#8b7350}
#about-page .aboutTrainingLink strong{display:block;font:32px/1.2 Georgia,serif;letter-spacing:-.025em;margin-bottom:9px}
#about-page .aboutTrainingLink small{font-size:13px;color:#5b675d}
#about-page .aboutTrainingArrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bdc8b4;border-radius:50%;font-size:24px;transition:transform 250ms,background-color 250ms}
#about-page .aboutTrainingLink:is(:hover,:focus-visible){background-size:100% 100%}
#about-page .aboutTrainingLink:is(:hover,:focus-visible) .aboutTrainingArrow{background:var(--about-ink);color:#fffaf0;transform:rotate(45deg)}
#about-page .aboutOtherWays{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-top:26px}
#about-page :is(a,summary):focus-visible{outline:3px solid #b2823d;outline-offset:4px}
#about-page :is(section,article):focus{outline:none}
#about-page .artDock{min-height:24px;margin-bottom:8px}
#about-page .aboutSectionIntro{position:relative}
#about-page .aboutSectionIntro .artDock{position:absolute;right:0;top:0;min-height:0;margin:0}
#about-page .aboutNextHeading>div{position:relative;padding-right:44px}
#about-page .aboutNextHeading .artDock{position:absolute;right:0;bottom:16px;min-height:0;margin:0}
#about-page .aboutStory .artSecret{color:#d9bc80}
@media(max-width:1000px){#about-page .aboutHeroGrid{gap:36px}#about-page h1{font-size:clamp(44px,5.7vw,68px)}#about-page .aboutSectionGrid,#about-page .aboutRoots{gap:44px}#about-page .aboutTeacherNote{align-items:flex-start;flex-direction:column;gap:12px}#about-page .aboutJourney{grid-template-columns:1fr 1fr;gap:32px}#about-page .aboutDanceGrid{gap:36px}}
@media(max-width:760px){
 #about-page{--about-header-height:80px;--about-chapters-height:60px}
 #about-page .aboutOpening{padding-top:32px}
 #about-page .aboutHeroGrid{grid-template-columns:1fr;gap:24px}
 #about-page .aboutHeroCopy{padding:0}
 #about-page h1{font-size:clamp(43px,9.8vw,68px);margin-bottom:22px}
 #about-page h2{font-size:clamp(38px,8.5vw,54px)}
 #about-page .aboutEyebrow{font-size:9px;margin-bottom:20px}
 #about-page .aboutIntroLine{font-size:18px}
 #about-page .aboutIntroText{font-size:14px}
 #about-page .aboutActions{gap:12px}
 #about-page .aboutHeroPortrait{width:min(100%,360px);margin-inline:auto}
 #about-page .aboutPortraitFrame{padding:10px;border-radius:150px 150px 4px 4px}
 #about-page .aboutPortraitFrame img{border-radius:140px 140px 0 0}
 #about-page .aboutPortraitFrame:before{left:-8px;width:32px;height:32px;bottom:32px}
 #about-page .aboutHeroPortrait figcaption{font-size:9px}
 #about-page .aboutCredentials{grid-template-columns:1fr;gap:12px;margin-top:28px;padding:22px 0}
 #about-page .aboutCredentials p{display:grid;grid-template-columns:108px 1fr;align-items:baseline;gap:12px;font-size:12px;line-height:1.5}
 #about-page .aboutCredentials span{font-size:8px;margin:0}
 #about-page .aboutChapterTrack{width:calc(100% - 16px);padding-block:5px}
 #about-page .aboutChapterLink{flex-direction:column;gap:2px;font-size:11px;min-height:48px;padding:6px 2px}
 #about-page .aboutChapterLink>span{font-size:9px}
 #about-page .aboutChapterMarker{top:5px;height:48px}
 #about-page .aboutChapter{padding:52px 0}
 #about-page .aboutSectionGrid,#about-page .aboutRoots,#about-page .aboutDanceGrid{grid-template-columns:1fr;gap:30px}
 #about-page .aboutSectionIntro>p:not(.aboutEyebrow){max-width:none}
 #about-page .aboutPrinciple{padding:24px 0;gap:14px}
 #about-page .aboutPrinciple h3{font-size:20px}
 #about-page .aboutTeacherNote{padding:24px 22px;margin-top:34px}
 #about-page .aboutJourney{grid-template-columns:1fr;gap:28px;margin-top:38px}
 #about-page .aboutJourneyStop{padding:0 0 0 25px;border-top:0;border-left:1px solid #789180}
 #about-page .aboutJourneyStop:before{top:6px;left:-4px}
 #about-page .aboutPlace{margin-bottom:10px}
 #about-page .aboutJourneyStop h3{margin-bottom:9px}
 #about-page .aboutRoots{margin-top:36px;padding-top:30px;gap:6px}
 #about-page .aboutDance{padding:48px 0}
 #about-page .aboutNextHeading{display:block;margin-bottom:28px}
 #about-page .aboutNextHeading>p{max-width:none}
 #about-page .aboutTrainingLink{grid-template-columns:24px 1fr 36px;gap:12px;padding:24px 5px}
 #about-page .aboutTrainingLink strong{font-size:25px}
 #about-page .aboutTrainingLink small{font-size:12px;display:block;line-height:1.6}
 #about-page .aboutTrainingNumber{font-size:17px}
 #about-page .aboutTrainingArrow{width:34px;height:34px;font-size:20px}
 #about-page .aboutOtherWays{display:grid;gap:10px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){#about-page *,#about-page *:before{scroll-behavior:auto!important;transition:none!important}#about-page .aboutTrainingLink{background-size:0 100%}#about-page .aboutTrainingLink:is(:hover,:focus-visible){background-size:100% 100%}#about-page .aboutTrainingLink:is(:hover,:focus-visible) .aboutTrainingArrow,#about-page .aboutTextLink:is(:hover,:focus-visible)>span{transform:none}}