.about-intro{--design-height:1024px;--about-rail-shift:max(0px,calc(88px / var(--art-scale) - 96px));--about-content-shift:max(0px,calc(var(--about-rail-shift) - 24px));--about-column-width:calc(820px - var(--about-content-shift));position:relative;aspect-ratio:1920/1024;overflow:hidden;isolation:isolate}
/* Keep background selection separate from the selectable page copy. */
.about-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}
.about-stage{position:absolute;width:1920px;height:1024px;}
.about-background,.about-lines,.about-tick{position:absolute;display:block;left:0;top:0}
/* Reuse the original SVG in two clipped layers so only the vertical line moves. */
.about-lines-horizontal{clip-path:inset(619.3px 0 1028.3px 0)}
.about-lines-vertical{clip-path:inset(0 1783.3px 0 135.3px);transform:translateX(var(--about-rail-shift))}
.about-tick{left:1772px;top:173.5px}
.about-title{position:absolute;left:calc(192px + var(--about-content-shift));top:14.453125%;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:min(128px,calc(var(--about-column-width) * .25));line-height:1;white-space:nowrap}
.about-tagline{position:absolute;left:calc(196px + var(--about-content-shift));top:27.636719%;width:min(499.2px,calc(var(--about-column-width) - 4px));font-size:24px;line-height:1.333333;font-weight:300;letter-spacing:.02em}
.about-copy{position:absolute;left:calc(192px + var(--about-content-shift));top:66.015625%;width:min(702px,var(--about-column-width));font-family:Inter,Arial,sans-serif;font-size:var(--body-copy-size);font-weight:400;line-height:var(--body-copy-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.about-copy p+p{margin-top:1.388889em}
.about-team{position:absolute;left:54.791667%;top:21.777344%;width:38.541667%;margin:0;aspect-ratio:740/801;overflow:hidden}
.about-team>img{position:absolute;left:0;top:0;width:100%;height:auto}
/* Figma: x=1491, y=936; relative to the image at (1052, 223). */
.about-team figcaption{position:absolute;right:7.027027%;top:89.013733%;width:33.648649%;font-size:30px;font-weight:400;line-height:1.6;letter-spacing:-1px;text-align:right;color:rgb(36 37 37 / 64%);white-space:nowrap}

/* Small screens use readable type and a natural document flow. */
@media(max-width:1023px){
  .about-intro{aspect-ratio:auto}
  .about-intro>.design-canvas{display:grid;grid-template-columns:minmax(0,1fr);padding:0 20px 48px}
  .about-intro .site-header{grid-column:1/-1;grid-row:1}
  .about-art{z-index:0;opacity:.42}
  .about-stage{width:100%;height:100%}
  .about-background{left:50%;width:max(960px,100%);height:100%;object-fit:cover;object-position:center top;transform:translateX(-50%)}
  .about-lines,.about-tick{display:none}
  .about-title,.about-tagline,.about-copy,.about-team{position:relative;inset:auto;z-index:1;width:auto;min-width:0}
  .about-title{grid-row:2;margin-top:36px;font-size:clamp(48px,14vw,64px);line-height:1;white-space:normal}
  .about-tagline{grid-row:3;max-width:29em;margin-top:20px;font-size:20px;line-height:1.4;letter-spacing:.01em}
  .about-tagline .desktop-break{display:none}
  .about-team{grid-row:4;margin:32px 0 0;width:100%;aspect-ratio:740/801}
  .about-team figcaption{width:auto;font-size:clamp(14px,4vw,24px);line-height:1.6;letter-spacing:-.025em}
  .about-copy{grid-row:5;margin-top:32px;padding-top:24px;border-top:1px solid #24252529;font-size:var(--body-copy-size);line-height:var(--body-copy-leading)}
  .about-copy p+p{margin-top:1.5em}
}
@media(min-width:700px) and (max-width:1023px){
  .about-intro>.design-canvas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding-bottom:56px;align-items:start}
  .about-title{grid-column:1;grid-row:2;margin-top:32px;font-size:64px}
  .about-tagline{grid-column:1;grid-row:3;font-size:20px}
  .about-copy{grid-column:1;grid-row:4;margin-top:32px}
  .about-team{grid-column:2;grid-row:2/5;margin-top:32px}
  .about-team figcaption{font-size:20px}
}