.pearl-about-page{--cream:#F4F0E8;--plum:#421A32;--coral:#FF5138;background:var(--cream)}
.about-main{overflow:clip}.about-main section{padding:clamp(4.5rem,8vw,8rem) 6vw}.about-main h1,.about-main h2{font-family:Fraunces,serif;font-variation-settings:'WONK' 1;font-weight:500;letter-spacing:-.045em;line-height:1.04;margin:0}.about-main h1{font-size:clamp(3rem,6.8vw,7rem)}.about-main h2{font-size:clamp(2.6rem,4.8vw,5.2rem)}.about-main p{margin:0 0 1.4rem}.about-main em{color:var(--coral);font-weight:500}.pearl-prose{max-width:680px}.pearl-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);column-gap:7vw;row-gap:3rem;align-items:start}.pearl-title{grid-column:1/-1;max-width:1050px;z-index:1}.pearl-portrait{grid-column:2;grid-row:2;margin:0;padding-top:1rem}.pearl-portrait img{width:100%;height:auto;border-radius:0}.pearl-intro{grid-column:1;grid-row:2;max-width:700px}.pearl-intro>p:first-child{font-size:1.3rem;line-height:1.5;max-width:610px}.pearl-perspective{background:var(--plum);color:var(--cream);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8vw}.pearl-perspective h2{color:var(--cream)}.pearl-learning{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:8vw;align-items:center}.pearl-learning h2{margin-bottom:2.5rem}.pearl-learning-copy{max-width:650px}.pearl-words{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem;padding:2rem 1rem;color:var(--plum)}.pearl-words span{font-size:clamp(1rem,2.3vw,2.2rem);line-height:1.1;max-width:100%;overflow-wrap:anywhere;letter-spacing:.04em;opacity:.72;animation:pearl-drift 11s ease-in-out infinite alternate}.pearl-words span:nth-child(2n){align-self:flex-end;animation-delay:-4s}.pearl-words span:nth-child(3n){font-family:Fraunces,serif;font-style:italic;font-size:clamp(1.8rem,3.5vw,3.4rem);color:var(--coral);opacity:1;animation-delay:-7s}.pearl-words span:first-child{font-weight:600}.pearl-clear{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw}.pearl-outside{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:12vw;border-top:1px solid var(--line)}.pearl-outside h2{font-size:clamp(3.8rem,7vw,7rem)}.pearl-close{background:var(--plum);color:var(--cream);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8vw;align-items:start}.pearl-cta{background:var(--coral);color:var(--ink);margin-top:1rem;max-width:100%;white-space:normal}.pearl-cta:hover{background:var(--cream)}.pearl-cta:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
@keyframes pearl-drift{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
@media(max-width:1000px){.pearl-learning{gap:4vw}.pearl-perspective,.pearl-clear,.pearl-close{grid-template-columns:1fr;gap:3rem}.pearl-perspective h2,.pearl-clear h2,.pearl-close h2{max-width:800px}.pearl-outside{gap:6vw}}
@media(max-width:650px){.about-main section{padding:4.5rem 1.1rem}.pearl-hero,.pearl-learning,.pearl-outside{display:flex;flex-direction:column;gap:2.5rem}.pearl-portrait{order:2;align-self:flex-end;width:min(78%,320px);padding:0}.pearl-intro{order:3}.pearl-title h1{font-size:clamp(2.55rem,10vw,4rem)}.pearl-words{width:100%;gap:1.3rem;padding:1rem 0}.pearl-words span{animation:none;font-size:1.25rem}.pearl-words span:nth-child(3n){font-size:2.2rem}.pearl-outside h2{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){.pearl-words span{animation:none}}
/* Portrait begins alongside the headline, directly below the header. */
.about-main{scroll-margin-top:110px}
.about-main .pearl-hero{grid-template-columns:minmax(0,1fr) minmax(280px,410px);column-gap:5vw;row-gap:2rem;padding-top:clamp(2rem,3vw,3rem)}
.pearl-hero .pearl-title{grid-column:1;grid-row:1;max-width:100%;min-width:0}
.pearl-hero .pearl-title h1{font-size:clamp(2.7rem,calc(8.3vw - 41px),5.6rem);line-height:1.08}
.pearl-hero .pearl-portrait{grid-column:2;grid-row:1/3;align-self:start;margin:0;padding:0}
.pearl-hero .pearl-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:brightness(1.08)}
.pearl-hero .pearl-intro{grid-column:1;grid-row:2;max-width:700px;min-width:0}
@media(max-width:1000px) and (min-width:651px){.about-main .pearl-hero{grid-template-columns:minmax(0,1fr) minmax(230px,34%);column-gap:4vw}.pearl-hero .pearl-title h1{font-size:clamp(2.5rem,5.2vw,3.6rem)}}
@media(max-width:650px){.about-main{scroll-margin-top:92px}.about-main .pearl-hero{display:flex;gap:1.5rem;padding-top:1.5rem}.pearl-hero .pearl-title h1{font-size:clamp(2.35rem,9.8vw,3.9rem);line-height:1.08}.pearl-hero .pearl-portrait{width:min(82%,300px);max-width:100%;align-self:flex-end}.pearl-hero .pearl-intro{width:100%;max-width:100%}}
