/* Desktop introduction: equal space for computation and observation. */
.about-editorial { background: #131519; padding: 100px 0 42px; }
.about-editorial > .container { max-width: 1440px; padding-inline: 64px; }
.about-masthead { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid #ffffff24; }
.about-masthead .work-kicker { margin: 0; }
.about-masthead > span { color: #858995; font-size: 10px; letter-spacing: .12em; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(48px, 6vw, 96px); padding: 54px 0 48px; }
.about-story { align-self: center; padding-right: 24px; }
.about-intro { color: #b5aecb; font-size: 13px; letter-spacing: .08em; margin-bottom: 22px; }
.about-story h2 { font-size: clamp(34px, 3.1vw, 44px); line-height: 1.55; letter-spacing: .08em; font-weight: 400; margin-bottom: 30px; }
.about-prose { max-width: 430px; color: #a7a8b1; font-size: 13px; line-height: 2.2; }
.about-prose p + p { margin-top: 18px; }
.about-signature { display: flex; align-items: baseline; gap: 22px; margin-top: 35px; }
.about-signature span:first-child { font: italic 29px Georgia, serif; color: #c9c3b8; }
.about-signature span:last-child { font-size: 10px; color: #858995; letter-spacing: .12em; }
.about-practices { scroll-margin-top: 100px; }
.about-practice { padding: 0 0 28px; }
.about-practice + .about-practice { border-top: 1px solid #ffffff20; padding: 28px 0 0; }
.about-practice-label { display: flex; justify-content: space-between; color: #93909f; font-size: 10px; letter-spacing: .14em; margin-bottom: 13px; }
.about-practice-label > span:last-child { font-size: 15px; color: #b8ae9f; }
.about-practice h3 { font-size: 23px; font-weight: 400; letter-spacing: .08em; margin-bottom: 9px; }
.about-practice > p { color: #a7a8b1; font-size: 12px; line-height: 2; }
.about-facts { margin: 19px 0 20px; }
.about-facts > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; font-size: 11px; line-height: 2; }
.about-facts > div + div { margin-top: 7px; }
.about-facts dt { color: #808591; }
.about-facts dd { color: #bbb9c1; }
.about-direction-link { display: inline-flex; align-items: center; gap: 28px; padding-block: 4px; color: #d0c8ba; text-decoration: none; font-size: 11px; letter-spacing: .06em; }
.about-direction-link span { transition: transform .2s ease; }
.about-direction-link:hover span { transform: translate(3px, -3px); }
.about-direction-link:focus-visible { outline: 1px solid #ded0b8; outline-offset: 5px; }
.about-closing { display: flex; justify-content: space-between; gap: 24px; padding-top: 20px; border-top: 1px solid #ffffff20; color: #808591; font-size: 10px; letter-spacing: .1em; }
@media (prefers-reduced-motion: reduce) { .about-direction-link span { transition: none; } }