#hero {
    background-image: url(/images/aboutbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: calc(clamp(3.5rem, 25vw, 35.5rem) + 4rem) 1rem calc(clamp(7.5rem, 15vw, 12rem) + 8rem);
	z-index: 0;
}
#story .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5em;
}
#story .text {
    max-width: 1000px;
}
#story .tagline {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5em; /* space between items */
  height: 2em;
}
#story .tagline .title {
    color: #A7A6A5;
    line-height: 2em;
    margin: 0;
}
#story .tagline .separator {
    width: 2px;
    height: 1.8em;
    background: #A7A6A5;
    display: inline-flex;
    content: "";
}
/* 
SECTION: OFFER
*/
#offer .sbs {
    margin: 0 auto;
    max-width: 600px;
}
#offer .text-contents {
    background-color: #D9D9D9;
    padding: 2em 1.5em;
}
.mb {
    margin-bottom: 0.8em;
}
#offer .text-contents .sbs-ul {
    margin-left: 1.25em;
}
@media (min-width: 64rem) {
    #offer .sbs {
        display: flex;
        max-width: none;
    }
    #offer img {
        width: 50%;
        object-fit: cover;
    }
    #offer .text-contents {
        width: 50%;
        height: auto;
        margin: auto 0;
    }
}