/* Brand story, introduction and crew. */
.story-intro { padding-top: 120px; }
.story-intro__statement { margin-bottom: 130px; }
.story-intro__statement h2 { float: left; width: 16.666%; padding-top: 10px; color: #1c1c1c; }
.story-intro__statement p { font-size: 70px; font-weight: 400; line-height: 1.05; letter-spacing: -.02em; }
.story-kite { display: block; height: 80svh; overflow: hidden; }
.story-kite img { width: 100%; height: 100%; object-fit: cover; }
.story-history { margin-top: 120px; columns: 2; column-gap: 89.6px; font-size: 22.4px; line-height: 1.45; font-weight: 400; }
.story-history h2 { column-span: all; margin-bottom: 46px; font-size: 70px; line-height: 1.05; font-weight: 400; letter-spacing: -.02em; }
.story-history p { break-inside: avoid; margin-bottom: 1em; }
.story-history p:first-of-type::first-letter { font-family: var(--font-display); float: left; font-size: 140px; line-height: .7; padding: 7px 12px 0 0; }
.story-photos { padding-top: 240px; }
.story-crew { padding-block: 120px 110px; }
.story-crew h2 { font-size: 70px; line-height: 1.08; font-weight: 400; letter-spacing: -.02em; }
.crew-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 230px; }
.crew-card { padding-inline: 25px; }
.crew-card picture { display: block; aspect-ratio: 390 / 465; overflow: hidden; }
.crew-card img { width: 100%; height: 100%; object-fit: cover; }
.crew-card h3 { margin-top: 18px; font-size: 18px; font-weight: 400; }
.crew-card p { margin-top: 5px; color: var(--color-muted); font-size: 12.6px; }
@media (min-width: 700px) and (max-width: 1079px) {
    .story-intro__statement p { font-size: 48px; }
    .story-history { column-gap: 40px; font-size: 20px; }
    .story-history h2 { font-size: 48px; }
    .crew-card { padding-inline: 0; }
    .crew-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 120px; }
}
@media (max-width: 699px) {
    .story-hero .hero__title { font-size: 15.38vw; }
    .story-intro { padding-top: 70px; }
    .story-intro__statement { margin-bottom: 65px; }
    .story-intro__statement h2 { width: 28%; padding-top: 3px; font-size: 10px; }
    .story-intro__statement p { font-size: 25px; line-height: 1.05; }
    .story-kite { height: 160vw; }
    .story-history { columns: auto; margin-top: 70px; font-size: 22px; line-height: 1.45; }
    .story-history h2 { margin-bottom: 28px; font-size: 38px; }
    .story-history p:first-of-type::first-letter { font-size: 105px; }
    .story-photos { padding-top: 150px; }
    .story-crew { padding-block: 70px 80px; }
    .story-crew h2 { font-size: 32px; }
    .crew-grid { grid-template-columns: 1fr; gap: 40px; margin-top: 90px; }
    .crew-card { padding: 0; }
    .crew-card picture { aspect-ratio: 340 / 280; }
}

.story-crew { background: var(--palette-sky); --color-muted: var(--palette-ink); }