/* about-collage — merged from the static build's app.css, source order preserved. */

.about-collage h2 em { font-family: var(--font-serif); font-weight: 400; }
.about-collage { position: relative; height: 856px; margin-top: 120px; overflow: hidden; background: #fff var(--noise); }
.about-collage__lines { position: absolute; inset: 71px 50px auto; width: calc(100% - 100px); height: 708px; opacity: .3; }
.about-collage__copy { position: absolute; z-index: 2; top: 276px; left: calc(var(--rail-left) + 104px); width: 644px; }
.about-collage h2 { margin: 0; font-size: 60px; font-weight: 600; line-height: 53px; letter-spacing: -.01em; }
.about-collage h2 em { font-family: var(--font-serif); font-style: italic; font-weight: 400; }
.about-collage__copy p { margin-top: 30px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.about-collage__copy .button { display: flex; width: 276px; margin-top: 35px; }
.about-collage__media { position: absolute; top: 0; bottom: 0; left: 50%; width: min(100%, var(--page-max)); transform: translateX(-50%); }
.about-collage__media img { position: absolute; top: var(--y); left: var(--x); width: var(--w); height: var(--h); object-fit: cover; }