/* About page: extends the 3D viewer styles (style.css + editorial.css). */
.about-main{padding-top:104px}
.about-hero{border-top:0}
.about-hero h1{font-size:clamp(46px,6.1vw,100px);line-height:.96;letter-spacing:-.06em;max-width:15ch;text-wrap:balance}
.about-hero h1 span{color:#979185}
.about-lede{margin-top:32px;max-width:520px;font-size:17px;line-height:1.72;color:#68665f}
.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start;background:#f2efe8}
.about-story h2{margin-bottom:8px}
.about-portrait{margin:0}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#e9e5dc}
.about-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#6c675c}
.about-portrait figcaption span:first-child{color:#26241f}
.about-parent{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:500;color:#a13928;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.about-parent:hover{color:#26241f}
.about-people{margin-top:52px;padding-top:29px;border-top:1px solid var(--line)}
.about-people h3{font-size:27px;margin-bottom:11px}
.about-people p{color:#68665f;line-height:1.7;max-width:560px}
.workflow h2 span{color:#979185}
.about-contact address{font-style:normal;font-size:17px;line-height:1.72;color:#26241f}
.about-contact address a{color:inherit}
.about-contact address+p{margin-top:23px;font-size:14px}
.about-page :focus-visible{outline:2px solid #c24b35;outline-offset:3px}
@media (max-width:900px){
  .about-main{padding-top:84px}
  .about-story{display:block}
  .about-story>div{margin-top:40px}
}
@media (max-width:640px){
  .about-main{padding-top:72px}
  .about-hero h1{font-size:clamp(40px,11.5vw,56px)}
}