/* About follows the homepage's shared type, colors, buttons and photo treatments. */
.page-about :is(h1,h2,h3){letter-spacing:-.04em}
.about-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}
.about-two-column>*,.about-section-heading>*{min-width:0}
.about-hero{padding:90px 0 120px}
.about-hero-copy>.eyebrow{margin-bottom:36px}
.about-hero-copy h1{font-size:var(--type-display);line-height:.98;font-weight:800}
.about-hero-copy h1>*{display:block}
.about-hero-copy h1 em{color:var(--orange);padding-block:4px 12px}
.about-hero-copy h1 em,.about-story h2 em,.about-team h2 em{color:#c46108}
.about-hero-copy .hero-description{margin:32px 0;max-width:50ch}
.about-hero-people{width:100%}
.about-hero-people .team-tile strong{font-size:var(--type-title)}
.about-section{padding-block:130px}
.about-copy>.eyebrow{margin:0 0 26px}
.about-copy h2,.about-section-heading h2{font-size:var(--type-heading);line-height:1.08}
.about-copy>p{margin-top:24px;max-width:62ch}
.about-copy h2+p{margin-top:32px}
.about-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:56px}
.about-section-heading>p{max-width:48ch;padding-bottom:4px}
.about-story-art{position:relative;margin:0;padding-right:18px}
.about-story-image{aspect-ratio:1.15;border-radius:32px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 30px #031a3020;transition:transform .6s var(--spring)}
.about-story-image img{width:100%;height:100%;object-fit:cover}
.about-story-art:hover .about-story-image{transform:rotate(0)}
.about-round-note{position:absolute;right:-4px;bottom:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;aspect-ratio:1;border-radius:50%;background:var(--orange);color:var(--navy);font-size:var(--type-body);font-weight:700;transform:rotate(-9deg);transition:transform .6s var(--spring)}
.about-round-note strong{font-size:var(--type-title);line-height:1.2}
.about-story-art:hover .about-round-note{transform:rotate(0)}
.about-story-art figcaption{margin-top:28px;font-size:var(--type-label);color:var(--muted);max-width:80%}
.about-person-role{font-size:var(--type-label);color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.about-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.about-process-card{display:flex;flex-direction:column;padding:36px;border:1px solid #f7f1eb70;border-radius:32px}
.about-step-number{font-size:var(--type-heading);line-height:1;font-weight:800;color:var(--orange);letter-spacing:-.04em;margin-bottom:36px}
.about-process-card h3{font-size:var(--type-title);line-height:1.2}
.about-process-card p{margin-block:22px 32px}
.about-step-detail{font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:auto;padding-top:22px;border-top:1px solid #f7f1eb40}
.about-process-featured{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.about-process-featured .about-step-number{color:var(--navy)}
.about-process-featured .about-step-detail{border-color:#031a3040}
.about-section-action{margin-top:48px;text-align:center}
@media(max-width:1100px){
.about-two-column,.about-section-heading{gap:40px}
.about-hero{padding-block:70px 100px}
.about-section{padding-block:100px}
.about-process-card{padding:28px}
}
@media(max-width:900px){
.about-two-column,.about-section-heading{grid-template-columns:minmax(0,1fr);gap:40px}
.about-hero .about-two-column{gap:64px}
.about-hero-copy{max-width:640px}
.about-hero-people{max-width:560px;margin-inline:auto}
.about-section-heading{gap:24px;margin-bottom:40px}
.about-section-heading>p{max-width:60ch}
.about-story .about-two-column{gap:56px}
.about-story-art{order:2;max-width:640px;width:100%;margin-inline:auto}
.about-process-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.about-process-card{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:24px}
.about-step-number{grid-row:1/4;margin:0}
.about-process-card h3 br{display:none}
.about-process-card p{margin-block:18px 24px}
.about-step-detail{grid-column:2}
}
@media(max-width:600px){
.about-hero{padding-block:48px 80px}
.about-hero-copy>.eyebrow{margin-bottom:28px}
.about-hero-copy .hero-description{margin-block:28px}
.about-section{padding-block:76px}
.about-story-image,.about-process-card{border-radius:26px}
.about-story-art{padding-right:8px}
.about-round-note{width:110px;right:-4px;bottom:54px}
.about-story-art figcaption{max-width:78%}
.about-process-card{padding:28px 24px;grid-template-columns:44px minmax(0,1fr);gap:0 16px}
}
@media(max-width:360px){
.about-hero-people .team-tile{padding:14px 12px}
.about-process-card{display:flex}
.about-step-number{margin-bottom:24px}
}
.motion-paused .page-about :is(.about-story-image,.about-round-note){transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.page-about :is(.about-story-image,.about-round-note){transform:none;transition:none}}


/* Show what purpose changes, then introduce the people behind the decisions. */
.about-purpose-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.about-purpose-copy p{max-width:62ch}
.about-purpose-copy p:first-child{font-weight:600}
.about-purpose-copy p+p{margin-top:24px;color:#d4dce3}
.about-purpose-map{margin-top:56px;overflow:hidden;border:1px solid #f7f1eb55;border-radius:32px}
.about-purpose-columns,.about-purpose-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.9fr)}
.about-purpose-columns{background:#f7f1eb08}
.about-purpose-columns>span{padding:22px 28px;font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.about-purpose-columns>span:last-child{background:var(--orange);color:var(--navy)}
.about-purpose-row{border-top:1px solid #f7f1eb40}
.about-purpose-row>div{min-width:0;padding:28px}
.about-purpose-format{display:block;font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--orange);margin-bottom:12px}
.about-purpose-goal h3{font-size:var(--type-title);font-weight:700;line-height:1.2}
.about-purpose-decision{background:#f7f1eb06;border-inline:1px solid #f7f1eb26;display:flex;flex-direction:column;justify-content:center;color:#d4dce3}
.about-purpose-decision p,.about-purpose-outcome p{font-size:var(--type-body);line-height:1.6}
.about-purpose-outcome{background:var(--orange);color:var(--navy);display:flex;flex-direction:column;justify-content:center;gap:16px}
.about-purpose-outcome>.icon{width:26px;height:26px;flex:none}
.about-purpose-outcome strong{font-weight:750}
.about-purpose-mobile-label{display:none}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}
.about-values article{padding-top:24px;border-top:1px solid #f7f1eb40}
.about-values h3{font-size:var(--type-title);line-height:1.2;color:var(--orange)}
.about-values p{font-size:var(--type-body);line-height:1.6;color:#d4dce3;margin-top:14px}
.about-group-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.about-group-heading h3{font-size:var(--type-title);line-height:1.2}
.about-group-heading p{font-size:var(--type-body);color:var(--muted);max-width:44ch}
.about-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-core-profile{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-content:start;align-items:center;min-width:0;padding:28px;border-radius:32px;background:var(--navy);color:var(--paper)}
.about-core-photo{aspect-ratio:1;overflow:hidden;border-radius:20px}
.about-core-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.about-core-heading h4{margin:0;font-size:var(--type-title);font-weight:750;letter-spacing:-.03em;line-height:1.2}
.about-core-heading .about-person-role{line-height:1.5;margin-bottom:10px}
.about-core-bio{grid-column:1/-1;font-size:var(--type-body);line-height:1.65;color:#d4dce3}
@media(max-width:1100px){
  .about-purpose-intro{gap:40px}
  .about-purpose-columns>span{padding:20px 24px}
  .about-purpose-row>div{padding:24px}
  .about-core-profile{grid-template-columns:80px minmax(0,1fr);gap:20px 16px;padding:24px}
  .about-core-grid{grid-template-columns:minmax(0,1fr)}
  .about-values{gap:24px}
}
@media(max-width:900px){
  .about-purpose-intro{grid-template-columns:minmax(0,1fr);gap:28px}
  .about-purpose-copy p{max-width:65ch}
  .about-purpose-map{margin-top:40px}
  .about-purpose-columns{display:none}
  .about-purpose-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .about-purpose-row:first-of-type{border-top:0}
  .about-purpose-goal{grid-column:1/-1}
  .about-purpose-goal h3 br{display:none}
  .about-purpose-goal .about-purpose-mobile-label{display:none}
  .about-purpose-mobile-label{display:block;font-size:var(--type-label);font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
  .about-purpose-decision{border-inline:0;justify-content:start}
  .about-purpose-outcome{justify-content:start;gap:0}
  .about-purpose-outcome>.icon{display:none}
  .about-group-heading{align-items:start;flex-direction:column;gap:12px}
  .about-group-heading p{max-width:none}
  .about-core-grid{grid-template-columns:minmax(0,1fr)}
  .about-core-profile{grid-template-columns:112px minmax(0,1fr)}
}
@media(max-width:600px){
  .about-purpose-map{border-radius:26px}
  .about-purpose-row{grid-template-columns:minmax(0,1fr)}
  .about-purpose-row>div{padding:24px}
  .about-purpose-outcome{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px}
  .about-purpose-outcome .about-purpose-mobile-label{grid-column:1/-1;margin-bottom:0}
  .about-purpose-outcome>.icon{display:block;width:24px;height:24px;margin-top:2px}
  .about-values{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}
  .about-values p{margin-top:10px}
  .about-core-profile{grid-template-columns:88px minmax(0,1fr);padding:24px;gap:20px 16px;border-radius:26px}
  .about-core-photo{border-radius:16px}
  .about-core-heading h4{overflow-wrap:normal}
}
@media(max-width:360px){.about-core-profile{grid-template-columns:72px minmax(0,1fr);padding:22px;gap:18px 12px}.about-core-heading .about-person-role{font-size:var(--type-label);letter-spacing:0}}