.about-page .case-title{grid-template-columns:1fr;padding-bottom:96px;gap:40px}
.about-page .case-title h1{font-size:clamp(54px,7.5vw,112px);max-width:1100px}
.about-page .case-hero-note>p:not(.eyebrow){max-width:670px;font-size:26px;margin:0}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 36px}
.about-grid article{border-top:1px solid #1C305440;padding-top:24px}
.about-grid h3,.team-grid h3{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:16px 0}
.about-grid p,.team-grid p{font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:0}
.about-services,.about-office{background:#f3f3f6}
.about-values,.about-team,.about-page .case-next{background:#fff}
.about-page .text-link{display:inline-block;margin-top:40px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px}
.team-grid img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain;background:#f3f3f6}
.team-grid .team-role{font-size:15px;margin:0 0 16px}
.about-office img{width:100%;height:auto;display:block}
@media(max-width:800px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-values .about-grid{grid-template-columns:1fr}}
@media(max-width:550px){.about-grid,.team-grid{grid-template-columns:1fr}.about-page .case-title{padding-bottom:64px}.about-page .case-hero-note>p:not(.eyebrow){font-size:21px}.team-grid{gap:48px}}

.about-services .about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px}
.about-services .about-grid article{border:0;padding:0}
.about-services .about-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.service-copy{padding-top:24px;max-width:540px}
.team-grid h3{font-size:24px}.team-grid p{font-size:16px;line-height:1.6}.team-grid .team-role{font-size:14px;min-height:44px}
@media(max-width:950px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.about-services .about-grid,.team-grid{grid-template-columns:1fr}.team-grid .team-role{min-height:0}}

.about-page .case-title>div>.eyebrow{margin-bottom:24px}

.about-hero{position:relative;overflow:hidden;isolation:isolate}
.about-page .about-hero .case-title{position:relative;z-index:1;grid-template-columns:minmax(0,1fr);padding-right:49%;min-height:640px}
.about-page .about-hero h1{font-size:clamp(54px,6.7vw,104px)}
.about-page .about-hero .case-hero-note>p{font-size:clamp(20px,2vw,26px)}
.about-ogre{position:absolute;width:75%;max-width:1135px;height:auto;right:-5%;top:16px;pointer-events:none;transform:translate3d(0,var(--ogre-y,0px),0);will-change:transform}
@media(min-width:1600px){.about-ogre{top:16px;right:0}}
@media(max-width:750px){.about-page .about-hero .case-title{padding-right:6%;padding-bottom:390px;min-height:0}.about-page .about-hero h1{font-size:clamp(54px,10vw,78px)}.about-page .about-hero .case-hero-note>p{max-width:440px}.about-ogre{width:710px;max-width:146%;top:auto;bottom:12px;transform:translate3d(0,calc(45% + var(--ogre-y,0px)),0);right:-20%}}

.about-services .about-grid h3{font-size:var(--card-title-size);font-weight:700;line-height:1.1;letter-spacing:-.03em}

.about-services .service-copy>.eyebrow{font-weight:400}

@media(max-width:900px){.about-ogre{display:none}.about-page .about-hero .case-title{padding-right:6%;padding-bottom:64px;min-height:0}}

/* A lighter transition from the office section into the social feed. */
.about-page main>.news{background:#fff;padding-top:calc(var(--section-space)/2)}

.about-services .studio-project-image{display:block;background:#fff}
.about-services .studio-project-image img{aspect-ratio:auto;object-fit:contain}