@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:light;--bg:#f1ebf3;--ink:#302237;--muted:#57465f;--accent:#6b4d20;--line:#4b31572b;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}.header{max-width:1400px;margin:auto;padding:29px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:var(--serif);font-size:29px;line-height:1.1;white-space:nowrap}.brand span{font-style:normal}.brand i{font-size:20px;color:var(--accent);font-style:normal;margin-left:14px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-contact{border-bottom:1px solid var(--accent);padding:8px 0}.nav-contact span{margin-left:14px}.hero{max-width:1400px;margin:auto;padding:65px 6% 70px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;color:var(--accent);margin:0 0 25px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:0}h1{font-size:clamp(55px,6.3vw,88px)}em,i{font-style:normal}em{font-weight:400;color:#74527e}h1 em{white-space:nowrap}.intro{max-width:470px;color:var(--muted);font-size:17px;margin:28px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:#dfcce5;color:var(--ink);padding:16px 23px;font-size:14px;font-weight:600;border-radius:2px}.button:hover{background:#cfb4d7;color:var(--ink)}.hero-note{font-size:12px;color:var(--muted);margin-top:20px}.hero-art{position:relative;max-width:520px;width:100%;justify-self:end}.hero-art img{display:block;object-fit:cover;width:100%;height:auto;aspect-ratio:1;border-radius:47% 47% 2px 2px}.art-caption{display:flex;justify-content:space-between;padding:17px 15px 0;letter-spacing:.16em;font-size:11px;color:var(--accent)}.ribbon{display:flex;justify-content:center;align-items:center;gap:6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 5%;color:var(--ink);background:#e6dbe9;font-family:var(--serif);font-size:23px}.ribbon b{font-size:15px;color:var(--accent);font-weight:400}.section{padding:90px 6%;max-width:1400px;margin:auto;scroll-margin-top:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%}h2{font-size:clamp(39px,4.1vw,57px);line-height:1.08}.about-copy>p{margin:0 0 20px;color:var(--muted)}.about-copy .signature{color:var(--ink);margin-top:24px;margin-bottom:0}.sign-name{font-family:var(--serif);font-style:normal;color:var(--accent);font-size:44px}.approach{background:#e6dbe9;max-width:none}.section-heading,.pillars{max-width:1232px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading>p{color:var(--muted);font-size:14px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px}.pillars article{padding:0 30px;border-left:1px solid var(--line)}.pillars article:first-child{padding-left:0;border:0}.pillars article:last-child{padding-right:0}.number{font-size:12px;letter-spacing:.14em;color:var(--accent)}h3{font-size:35px;margin-top:24px}.pillars p{color:var(--muted);margin:19px 0;font-size:16px}.pillars a{font-size:14px;border-bottom:1px solid #785a2766;padding-bottom:7px}.pillars a span{margin-left:15px}.pillars .case-note{font-size:13px;line-height:1.65;color:var(--muted)}.questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;color:var(--accent);line-height:1.3}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);margin:0 0 24px;font-size:15px}details p a{text-decoration:underline;overflow-wrap:anywhere}.contact{text-align:center;padding:75px 6% 85px;background:#dfcfe2;color:#281c2f}.contact .eyebrow{color:#624b69}.contact h2{font-size:clamp(43px,5.5vw,73px)}.contact h2 em{color:#684b72}.contact p:not(.eyebrow){color:#57435f;margin:25px 0}.contact .button{background:#eee6f1;color:var(--ink);border:1px solid #74527e66}.contact .button:hover{background:#e2d2e7}footer{max-width:1400px;margin:auto;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:35px 6%}footer .brand{font-size:23px}footer p{font-size:12px;color:var(--muted)}@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:900px){nav{gap:20px}nav a:not(.nav-contact):not(.nav-youtube){display:none}.hero{gap:20px}h1{font-size:58px}.ribbon{gap:5vw;font-size:20px}.section{padding:65px 6%}.about,.questions{gap:6%}.pillars article{padding:0 20px}h3{font-size:30px}footer{flex-wrap:wrap}.copyright{margin-left:auto}}@media(max-width:620px){.header{padding:23px 6%;gap:12px}.brand{font-size:24px}.brand i{margin-left:6px;font-size:14px}nav{font-size:13px}.nav-contact span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:42px;gap:28px}h1{font-size:clamp(49px,12vw,72px)}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:22px}.intro{font-size:16px}.hero-art{width:88%;justify-self:center;max-width:400px}.hero-note{font-size:12px}.ribbon{gap:15px;padding:19px 6%;flex-wrap:wrap;font-size:19px}.ribbon b{font-size:12px}.ribbon span:last-child{flex-basis:100%;text-align:center}.ribbon b:nth-of-type(2){display:none}.about,.questions{grid-template-columns:1fr;gap:32px}.section-heading{display:block}.section-heading>p{margin-top:22px}.pillars{grid-template-columns:1fr;margin-top:32px}.pillars article,.pillars article:first-child,.pillars article:last-child{border:0;border-top:1px solid var(--line);padding:28px 0}.pillars article:last-child{padding-bottom:0}h3{margin-top:13px}.contact{padding:58px 6%}footer{display:block;text-align:center}footer p{margin:16px 0 0}.art-caption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the full biography comfortably readable at every screen size. */
.about{grid-template-columns:1fr;gap:40px;max-width:1000px}.about-copy{min-width:0}.about-copy strong{color:var(--ink)}

/* Personal portrait within the biography. */
.about-copy{display:flow-root}.stella-portrait{float:right;width:280px;max-width:42%;height:auto;margin:5px 0 24px 30px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #30223714}@media(max-width:620px){.stella-portrait{float:none;display:block;width:280px;max-width:100%;margin:0 auto 28px}}

.purpose,.casework{max-width:1000px}.purpose{border-bottom:1px solid var(--line)}.purpose-intro,.casework-copy{margin-top:28px;color:var(--muted)}.purpose-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:36px}.purpose-columns h3{margin-top:0}.purpose-columns p{color:var(--muted)}.casework{padding-top:60px}.purpose .eyebrow,.casework .eyebrow{font-size:14px;letter-spacing:.1em}@media(max-width:620px){.purpose-columns{grid-template-columns:1fr;gap:24px}}

.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}footer .youtube-link,footer .shop-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}@media(max-width:620px){footer .youtube-link,footer .shop-link{display:inline-block;margin-top:16px}.shop-link{margin-left:16px}}

@media(max-width:900px){nav a.nav-shop{display:inline}}@media(max-width:620px){.header{flex-wrap:wrap}nav{gap:18px;margin-left:auto}}

.bio-teachers{clear:both;margin:30px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bio-teachers h3{margin:0 0 18px;font-size:30px}.bio-teachers p{color:var(--muted);margin:0 0 16px}.bio-teachers p:last-child{margin-bottom:0}.bio-teachers .teacher-note{font-size:14px}

/* Group the approved FAQs within the existing question layout. */
.faq{min-width:0}.faq-group h3{font-size:30px;line-height:1.2;margin:0 0 24px}.faq-group+.faq-group{margin-top:48px}.faq-group details:first-of-type{border-top:1px solid var(--line)}.faq-group p{font-size:16px;overflow-wrap:anywhere}.faq-group summary span{flex-shrink:0}
