.atelier-module.atelier-story-banner {
    width: 100%;
    max-width: none;
    margin: 0 0 var(--am-next-gap, 0px);
    padding: 0;
    border-top: 1px solid var(--am-border, #000);
    background: var(--am-bg, #000);
}
.atelier-story-banner .atelier-story__stage {
    position: relative;
    display: grid;
    aspect-ratio: 2 / 1;
    width: 100%;
}
.atelier-story-banner .atelier-story__media {
    position: absolute;
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.atelier-story-banner .atelier-story__media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
}
.atelier-story-banner .atelier-story__copy-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
}
.atelier-story-banner .atelier-story__copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 50%;
    padding: var(--am-padding, 40px) var(--am-copy-gutter, 40px);
    text-align: center;
}
.atelier-story-banner .atelier-story__heading {
    margin: 0;
    padding: 0;
    font-family: "Galano Classic", ui-sans-serif, sans-serif;
    font-size: var(--am-heading-size, 38px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.1px;
    text-transform: none;
    color: var(--am-heading, #fff);
}
.atelier-story-banner .atelier-story__body {
    margin: var(--am-gap, 16px) 0 0;
    padding: 0;
    font-family: "Galano Classic", ui-sans-serif, sans-serif;
    font-size: var(--am-body-size, 16px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--am-text, #fff);
    text-align: center;
}
.atelier-module.atelier-story-banner .atelier-story__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 41px;
    margin: var(--am-button-gap, 32px) 0 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    font-family: Toma, ui-sans-serif, sans-serif;
    font-size: var(--am-button-size, 14px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--am-button-text, #000);
    background: var(--am-button-bg, #fff);
}
.atelier-story-banner a.atelier-story__button:hover,
.atelier-story-banner a.atelier-story__button:focus-visible {
    color: var(--am-button-text, #000);
    background: var(--am-button-bg, #fff);
    text-decoration: none;
    outline: 1px solid currentColor;
    outline-offset: -4px;
}
@media (min-width: 768px) and (max-width: 1279.98px) {
    .atelier-story-banner .atelier-story__stage { aspect-ratio: 5 / 4; }
    .atelier-story-banner .atelier-story__copy { max-width: 75%; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
    .atelier-story-banner .atelier-story__copy { padding-inline: var(--am-copy-gutter-mobile, 20px); }
}
@media (max-width: 767.98px) {
    .atelier-module.atelier-story-banner { margin-bottom: var(--am-next-gap-mobile, 0px); }
    .atelier-story-banner .atelier-story__stage { aspect-ratio: 10 / 16; }
    .atelier-story-banner .atelier-story__copy {
        max-width: 100%;
        padding: var(--am-padding-mobile, 40px) var(--am-copy-gutter-mobile, 20px);
    }
    .atelier-story-banner .atelier-story__heading { font-size: var(--am-heading-mobile, 30px); }
    .atelier-story-banner .atelier-story__body {
        margin-top: var(--am-gap-mobile, 16px);
        font-size: var(--am-body-mobile, 16px);
    }
    .atelier-module.atelier-story-banner .atelier-story__button {
        margin-top: var(--am-button-gap-mobile, 32px);
        font-size: var(--am-button-mobile, 14px);
    }
}