/* About uses the existing paper, olive and editorial type roles. */
.about-page{scroll-behavior:smooth}
.about-page .about-skip{position:absolute;z-index:20;top:12px;left:6%;padding:12px 18px;background:var(--seo-ink);color:var(--seo-paper);transform:translateY(-180%)}
.about-page .about-skip:focus{transform:none}
.about-page a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.about-page .content-nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.about-page .about-hero{padding-top:clamp(72px,8vw,130px);padding-bottom:clamp(55px,6vw,90px);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:6vw}
.about-page .about-hero h1{font-size:clamp(72px,8vw,132px);line-height:.94}
.about-page .about-hero .content-hero__lead{max-width:500px}
.about-page .about-piece{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6vw;width:88%;margin:0 auto clamp(75px,8vw,130px);padding-top:36px;border-top:1px solid var(--seo-line);align-items:center}
.about-page .about-piece__figure{margin:0;min-width:0;padding:clamp(24px,4vw,60px) clamp(18px,2vw,34px) 22px;background:var(--seo-olive);color:#fff0dc}
.about-page .about-piece__figure img{display:block;width:100%;height:auto}
.about-page .about-piece__figure figcaption{margin-top:clamp(22px,3vw,42px);font:300 9px/1.5 var(--seo-label);letter-spacing:.03em;text-transform:uppercase;opacity:.75}
.about-page .about-piece__copy{min-width:0;padding:12px 0}
.about-page .about-piece h2{margin:0 0 22px;font:400 clamp(32px,3.1vw,52px)/1.07 var(--seo-display);letter-spacing:-.03em;text-transform:uppercase;font-stretch:62.5%;font-variation-settings:'wdth' 62.5}
.about-page .about-piece__copy>p:not(.content-eyebrow){max-width:480px;margin-bottom:22px;font-size:18px;line-height:1.5}
.about-page .about-production .content-band__intro{margin-bottom:0}
.about-page .about-production .content-band__copy{margin:30px 0 20px}
.about-page .about-work{padding-bottom:0}
.about-page .about-work .content-list article{grid-template-columns:minmax(100px,.35fr) minmax(180px,.65fr) minmax(0,1fr);gap:30px;padding:34px 0}
.about-page .about-work .content-list small{max-width:115px;line-height:1.6}
.about-page .about-work .content-list p a{text-decoration:underline;text-underline-offset:4px}
.about-page .about-location .content-section__head{margin-bottom:0}
.about-page .about-location h2{margin-bottom:28px}
.about-page .about-contact__details{display:inline-block;margin-top:32px;padding:10px 0;border-bottom:1px solid currentColor;font-size:15px}
@media(max-width:980px){.about-page .about-hero{grid-template-columns:1fr;gap:36px}.about-page .about-hero h1{max-width:900px}.about-page .about-hero .content-hero__lead{max-width:650px}.about-page .about-piece{width:92%;gap:35px}.about-page .about-work .content-list article{grid-template-columns:100px minmax(0,1fr)}.about-page .about-work .content-list p{grid-column:2}}
@media(max-width:800px){.about-page .about-piece{grid-template-columns:1fr}.about-page .about-piece__figure{max-width:680px}.about-page .about-piece__copy{max-width:600px}.about-page .about-piece h2{font-size:clamp(36px,6vw,50px)}}
@media(max-width:640px){.about-page .about-hero h1{font-size:clamp(60px,16vw,88px)}.about-page .about-piece{width:86%;padding-top:24px}.about-page .about-piece__copy>p:not(.content-eyebrow){font-size:17px}.about-page .about-work .content-list article{grid-template-columns:1fr;gap:14px}.about-page .about-work .content-list small{max-width:none}.about-page .about-work .content-list p{grid-column:auto}.about-page .content-contact__links{flex-direction:column;align-items:center;gap:10px}.about-page .content-contact h2{font-size:clamp(58px,15vw,90px)}}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}