.about-page p{font-size:var(--copy-size);line-height:var(--copy-leading)}.about-intro{padding-block:80px 64px}.landing .about-intro h1{text-align:left;max-width:28ch;font-size:clamp(38px,4.6vw,68px);line-height:1.13}.about-reading-copy p+p,.about-case p+p{margin-top:20px}.about-reading-copy{max-width:70ch}.about-team{padding-bottom:88px}.landing .about-team h2{margin-bottom:28px;font-size:clamp(28px,2.6vw,38px)}.about-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.about-person{min-width:0}.about-person img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.landing .about-person h3{word-spacing:0;text-wrap:initial;margin:22px 0 12px;font-family:TonnjaText,Arial,sans-serif;font-size:25px;font-weight:600;line-height:1.3}.about-experience{background:var(--ink);color:var(--white);padding-block:88px}.about-experience-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:72px;margin-bottom:64px;display:grid}.about-experience-opening p{max-width:58ch}.about-case{border-top:1px solid #ffffff38;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;padding-block:40px;display:grid}.landing .about-case h3{color:var(--lime);font-size:clamp(30px,3.1vw,44px)}.about-case p{max-width:66ch}.about-case .module-text-link{margin-top:24px}.about-approach{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px 72px;padding-block:104px 88px;display:grid}.landing .about-approach h2{color:var(--blue);grid-column:1/-1;max-width:25ch;font-size:clamp(38px,4.8vw,68px)}.about-page .about-approach-example{max-width:32ch;font-size:22px;line-height:1.5}.about-origin{--origin-fade:clamp(64px, 7vw, 112px);isolation:isolate;--text-link-highlight:var(--white);position:relative}.about-origin:before,.about-origin:after{content:"";pointer-events:none;position:absolute;inset:0}.about-origin:before{z-index:-2;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--origin-fade), #000 calc(100% - var(--origin-fade)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--origin-fade), #000 calc(100% - var(--origin-fade)), transparent);background:radial-gradient(at 84%,#3045ff3d,#0000 65%),radial-gradient(at 25% 48%,#dfff70d9,#dfff7080 45%,#0000 85%)}.about-origin:after{z-index:-1;background:var(--white);opacity:.62;-webkit-mask-image:url(/assets/textures/shadow-grain.svg), linear-gradient(to bottom, transparent, #000 var(--origin-fade), #000 calc(100% - var(--origin-fade)), transparent);mask-image:url(/assets/textures/shadow-grain.svg), linear-gradient(to bottom, transparent, #000 var(--origin-fade), #000 calc(100% - var(--origin-fade)), transparent);-webkit-mask-size:240px 107px,100% 100%;mask-size:240px 107px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.about-origin-layout{padding-block:calc(var(--origin-fade) + 32px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:72px;display:grid}.about-origin h2{max-width:20ch}.about-origin .module-text-link{margin-top:24px}.about-contact{border-radius:16px;gap:48px;margin-block:48px 88px;padding:48px}.about-contact h2{max-width:23ch}.about-contact p{max-width:65ch;margin-top:24px}.about-contact .sample-primary{flex:none}@media (width<=1100px){.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.about-person{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.landing .about-person h3{margin-top:0;font-size:23px}.about-experience-opening,.about-case,.about-approach,.about-origin-layout{column-gap:40px}}@media (width<=800px){.about-intro{padding-block:56px 48px}.landing .about-intro h1{max-width:23ch;font-size:clamp(36px,6.5vw,50px)}.about-team-grid{grid-template-columns:minmax(0,1fr);gap:40px}.about-person{grid-template-columns:150px minmax(0,1fr);gap:24px}.about-team{padding-bottom:56px}.about-experience{padding-block:56px}.about-experience-opening,.about-case,.about-approach,.about-origin-layout{grid-template-columns:minmax(0,1fr);gap:24px}.about-experience-opening{margin-bottom:36px}.about-case{padding-block:32px}.about-approach{gap:28px;padding-block:64px 48px}.about-page .about-approach-example{max-width:65ch;font-size:20px}.about-contact{justify-content:start;gap:32px;margin-block:32px 56px;padding:32px 28px;display:grid}.about-contact .sample-primary{justify-self:start}}@media (width<=520px){.landing .about-intro h1{font-size:36px}.landing .about-team h2{margin-bottom:28px;font-size:28px}.about-person{grid-template-columns:120px minmax(0,1fr);gap:18px}.about-person>div{display:contents}.landing .about-person h3{grid-area:1/2;align-self:center;margin:0;font-size:22px}.about-person img{grid-area:1/1}.about-person p{grid-area:2/1/auto/-1}}
