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

.about-hero { position: relative; height: 736px; overflow: hidden; background-color: var(--paper); background-image: var(--noise); }
.about-hero__content { position: absolute; z-index: 2; top: 192px; left: 50%; width: 534px; transform: translateX(-50%); text-align: center; }
/* Styled by class rather than tag: the block's heading level is an editor
   setting, and saving it as h2 once left the heading at the reset's 16px. */
.about-hero__title { margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; }
.about-hero__title em { font-family: var(--font-serif); font-style: italic; font-weight: 400; }
.about-hero__title span { display: block; }
.about-hero__content > p { margin: 15.5px 0 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.about-hero__content > strong { display: block; margin-top: 10px; color: var(--wine); font-size: 18px; font-weight: 500; line-height: 26px; }
.about-hero__content > div { display: flex; justify-content: center; gap: 18px; margin-top: 36px; }
.about-hero .button { width: 185px; }