/* #region -----Hero(Banner) 區塊樣式----- */
.banner-container {
    padding-top: 15vw; 
}

.banner{
    aspect-ratio: 32/13 !important;
}

.banner-container .row{
    margin: 0;
}
/* #endregion */ 

/* #region ----- Story ----- */
.story {
    width: 100%;
    padding: 6.25rem;
    display: flex;
    align-items: center; /* 垂直居中內容 */
    justify-content: center;
    overflow: hidden;
}

.story-container {
    gap: 5%;
    width: 100%;
    min-height: 600px;
}

.story-image{
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    background-color: #11131C;
}

.story-container img{
    max-height: 252px;
}

.story-text{
    max-width: 597px;
}

.story-text p{
    margin-bottom: 20px;
}

.story [name="title"] {
    color: var(--White);
    margin-bottom: 20;
}

.story [name="content"] {
    color: var(--White);
}
/* #endregion */