.about-page{--about-ink:#202020;--about-muted:#606060;--about-orange:#ff7819;--about-line:#dedede;color:var(--about-ink);background:#fff;margin:-2rem -1rem -6rem;font-family:Fusion Manrope,ui-sans-serif,system-ui,sans-serif}.about-page ::selection{color:var(--about-ink);background:#ffdcc2}.about-page a:focus-visible{outline:3px solid var(--about-ink);outline-offset:5px}.about-page h1,.about-page h2,.about-page h3{text-wrap:balance}.about-shell{max-width:1280px;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,5.5rem)}.about-hero{border-bottom:1px solid var(--about-line)}.about-intro{z-index:1;grid-template-columns:1.15fr 1fr;align-items:end;gap:4rem;padding-block:clamp(3.5rem,6vw,6rem);display:grid;position:relative}.about-intro h1{letter-spacing:-.035em;font-size:clamp(3rem,5.5vw,4.5rem);font-weight:800;line-height:1.12}.about-intro em{font-optical-sizing:auto;font-synthesis:none;text-decoration:underline;-webkit-text-decoration-color:var(--about-orange);text-decoration-color:var(--about-orange);text-underline-offset:.14em;font-family:Fusion Source Serif,Georgia,serif;font-weight:500;text-decoration-thickness:3px}.about-intro-copy p,.about-section-heading p{color:var(--about-muted);font-size:1.0625rem;line-height:1.8}.about-intro-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f6f6f6;padding:.15em .3em}.about-intro-copy .about-button{margin-top:1.5rem}.about-button{background:var(--about-orange);min-height:52px;color:var(--about-ink);border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .15s ease-out;display:inline-flex}.about-button:hover{background:#ff963d}.about-teachers{padding-block:4.5rem}.about-section-heading{grid-template-columns:1fr 1.25fr;align-items:start;gap:3rem;margin-bottom:3rem;display:grid}.about-page h2{letter-spacing:-.03em;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:750;line-height:1.2}.about-profiles{gap:2.5rem;display:grid}.about-teacher{background:#f6f6f6;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:2rem;display:grid}.about-teacher-reverse{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.about-teacher-reverse .about-portrait{grid-area:1/2}.about-teacher-reverse .about-teacher-info{grid-area:1/1}.about-portrait{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;max-width:336px;height:auto;margin-inline:auto;display:block}.about-teacher-info h3{letter-spacing:-.03em;font-size:clamp(1.65rem,3vw,2.125rem);font-weight:750;line-height:1.25}.about-teacher-subjects{margin-top:.625rem;font-size:1.0625rem;font-weight:600}.about-teacher-background{color:var(--about-muted);text-wrap:pretty;margin-top:1.5rem;font-size:.9375rem;line-height:1.8}.about-approach{grid-template-columns:1fr 1.25fr;gap:3rem;padding-block:1rem 4.5rem;display:grid}.about-values>div{border-top:1px solid var(--about-line);padding-block:1.375rem}.about-values dt{margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.about-values dd{color:var(--about-muted);font-size:.9375rem;line-height:1.8}.about-contact{background:var(--about-ink);color:#fff;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:4rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.about-contact h2{margin-bottom:1rem}.about-contact p{color:#ccc;max-width:42ch;line-height:1.8}.about-contact-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.about-contact-actions a:not(.about-button){overflow-wrap:anywhere;text-underline-offset:5px;align-items:center;max-width:100%;min-height:44px;font-size:.9375rem;-webkit-text-decoration:underline #777;text-decoration:underline #777;display:inline-flex}.about-contact-actions a:not(.about-button):hover{-webkit-text-decoration-color:var(--about-orange);text-decoration-color:var(--about-orange)}.about-contact a:focus-visible{outline-color:#fff}@media (width<=760px){.about-intro,.about-section-heading,.about-teacher,.about-approach,.about-contact{grid-template-columns:minmax(0,1fr)}.about-intro{gap:1.5rem;padding-block:3rem}.about-intro h1{font-size:clamp(2.5rem,10.5vw,4rem)}.about-intro-text{background:0 0;padding:0}.about-section-heading{gap:1rem;margin-bottom:2rem}.about-teachers{padding-block:3rem}.about-teacher{gap:1.5rem;padding:1.25rem}.about-teacher-info{width:100%;max-width:336px;margin-inline:auto}.about-teacher-reverse .about-portrait,.about-teacher-reverse .about-teacher-info{grid-area:auto}.about-approach{gap:1.5rem;padding-block:0 3rem}.about-contact{gap:1.5rem;margin-bottom:3rem;padding:1.5rem}}@media (prefers-reduced-motion:reduce){.about-button{transition:none}}