/* Qui som?: approved PNG v1, translated to editable responsive content. */
.about-page .nav-toggle{background:none!important;color:var(--ink)!important}
.about-page :focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.about-wrap{width:min(1152px,calc(100% - 48px));margin-inline:auto}
.about-hero{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;min-height:530px;margin-top:30px;position:relative}
.about-intro{position:relative;z-index:2;min-width:0;padding-bottom:44px}
.about-page .eyebrow{font:700 16px/1.25 Dosis,sans-serif;margin-bottom:22px;color:var(--purple)}
.about-page h1{font:700 90px/1 Fredoka,sans-serif;letter-spacing:-.025em;margin:0 0 30px;white-space:nowrap}
.about-page h1 span,.about-page h1 em{display:block}.about-page h1 em{font-style:normal;color:var(--purple)}
.about-intro .lead{font:500 25px/1.36 Dosis,sans-serif;max-width:440px;margin:0}
.about-hero-art{position:relative;min-width:0;margin:0 -32px 0 8px;align-self:center}
.about-hero-art>img{display:block;width:100%;height:auto;object-fit:contain}
.about-hero-note{position:absolute;right:24px;top:-51px;font:400 26px/1.15 Patrick,sans-serif;color:var(--purple);text-align:center;width:290px;padding:0 0 44px}
.about-hero-note svg{position:absolute;left:0;top:25px;width:100%;height:80px;pointer-events:none}
.about-page .content-section{margin-top:104px}
.about-person{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:38px;align-items:center}
.about-person-art{margin:0;position:relative;isolation:isolate;min-height:440px;display:flex;justify-content:center;align-items:end}
.about-person-art:before{content:'';position:absolute;inset:0 18px 0 0;background:#DDF8FC;clip-path:url(#about-person-shape);z-index:-1}
.about-person-art img{width:100%;height:440px;object-fit:contain;display:block}
.about-person h2{font:600 48px/1.12 Fredoka,sans-serif;margin:0 0 42px}
.about-person h2 span{display:block;font-weight:500;font-size:42px;margin-top:14px;line-height:1.17}
.about-person-copy p:not(.eyebrow){font:500 25px/1.36 Dosis,sans-serif;margin:0 0 28px}
.about-person-copy p:last-child{margin-bottom:0}
.about-page .section-title{font:600 42px/1.15 Fredoka,sans-serif;margin-bottom:44px;text-wrap:balance}
.about-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}
.about-method-icon{display:grid;place-items:center;width:100px;height:100px;background:#FFE8E5;border-radius:36% 48% 32% 28% / 41% 39% 31% 45%;color:var(--coral);margin-bottom:34px}
.about-method-grid article:nth-child(2) .about-method-icon{background:#DDF8FC;color:#00AEC4;border-radius:42% 32% 45% 38% / 33% 46% 34% 43%}
.about-method-grid article:nth-child(3) .about-method-icon{background:#FFF4D9;color:#E1A000}
.about-method-icon svg{width:48px;height:48px}
.about-method-grid h3{font:700 26px/1.2 Dosis,sans-serif;margin:0 0 22px}
.about-method-grid p{font:500 24px/1.34 Dosis,sans-serif;margin:0}
.about-centres-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 24px;align-items:start;text-align:center}
.about-centres-grid figure{margin:0;min-width:0}
.about-centres-grid img{display:block;width:120px;height:120px;max-width:100%;object-fit:contain;margin:auto}
.about-centres-grid figcaption{font:500 20px/1.25 Dosis,sans-serif;margin-top:24px}
.about-contact{margin-top:140px;background:#B7F0FC;clip-path:url(#about-contact-wave);padding:78px 0 112px}
.about-contact-inner{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:38px;align-items:center;min-height:320px}
.about-contact-art{width:100%;display:block;align-self:end;transform:translateY(112px)}
.about-contact-copy h2{font:600 42px/1.17 Fredoka,sans-serif;margin:0 0 40px}
.about-contact-copy p{font:500 25px/1.36 Dosis,sans-serif;margin:0 0 32px}
.about-contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.about-contact-links .button{font-size:23px;gap:28px}
.about-page footer{max-width:none;margin-top:-90px;padding:68px 0 44px}
.about-page .footer-inner{width:min(1152px,calc(100% - 48px));margin-inline:auto}
@media(min-width:701px) and (max-width:1050px){
.about-hero{grid-template-columns:1fr;min-height:0;gap:30px;margin-top:34px}
.about-intro{padding:0}.about-page h1{font-size:73px}.about-intro .lead{max-width:600px}
.about-hero-art{margin:34px 0 0;max-width:770px;width:100%;justify-self:center}
.about-hero-note{top:-35px;right:12px;font-size:23px;width:260px}
.about-person{gap:28px}.about-person-art{min-height:370px}.about-person-art img{height:370px}
.about-person h2{font-size:38px;margin-bottom:30px}.about-person h2 span{font-size:34px}
.about-person-copy p:not(.eyebrow){font-size:23px}
.about-page .section-title{font-size:36px}.about-method-grid{gap:28px}.about-method-grid h3{font-size:24px}.about-method-grid p{font-size:22px}
.about-centres-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.about-contact{margin-top:104px}.about-contact-copy h2{font-size:34px}.about-contact-copy p{font-size:23px}.about-contact-inner{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:28px}.desktop-break{display:none}
}
@media(max-width:700px){
.about-wrap{width:calc(100% - 40px)}
.about-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0;margin-top:30px}
.about-intro{padding:0}.about-page .eyebrow{font-size:15px;margin-bottom:18px}
.about-page h1{font-size:clamp(48px,11.8vw,78px);line-height:1.03;letter-spacing:-.025em;margin-bottom:26px}
.about-intro .lead{font-size:23px;max-width:none}
.about-hero-art{margin:0;width:100%}
.about-hero-note{position:relative;top:auto;right:auto;margin:0 0 24px auto;font-size:22px;width:235px;padding-bottom:38px}
.about-hero-note svg{height:66px;top:22px}
.about-page .content-section{margin-top:64px}
.about-person{display:flex;flex-direction:column;align-items:stretch;gap:36px}.about-person-art{min-height:350px}.about-person-art img{height:350px}.about-person-art:before{inset:0}
.about-person h2{font-size:34px;margin-bottom:28px}.about-person h2 span{font-size:30px;line-height:1.2}
.about-person-copy p:not(.eyebrow){font-size:23px;margin-bottom:24px}.desktop-break{display:none}
.about-page .section-title{font-size:30px;margin-bottom:32px}
.about-method-grid{grid-template-columns:1fr;gap:40px}.about-method-icon{width:90px;height:90px;margin-bottom:22px}.about-method-grid h3{font-size:25px;margin-bottom:16px}.about-method-grid p{font-size:22px}
.about-centres-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}.about-centres-grid img{height:104px;width:104px}.about-centres-grid figcaption{font-size:19px;margin-top:15px}
.about-contact{margin-top:80px;padding:62px 0 64px}
.about-contact-inner{grid-template-columns:1fr;gap:32px}.about-contact-copy{grid-row:1}
.about-contact-copy h2{font-size:32px;margin-bottom:28px}.about-contact-copy p{font-size:23px;margin-bottom:28px}.about-contact-links{gap:18px 24px}.about-contact-links .button{font-size:21px}
.about-contact-art{max-width:520px;margin:auto;transform:translateY(18px)}.about-page footer{margin-top:-90px;padding:64px 0 36px}.about-page .footer-inner{width:calc(100% - 48px)}
}