.image__wraper img{display:block;width:100%;height:auto}.p-banner{padding-top:var(--pt);padding-bottom:var(--pb);background-color:var(--bg-color)}.p-banner video{max-width:100%}.p-banner__wrapper{position:relative}.has-height{height:var(--media-height)}.has-height img,.has-height video{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.p-banner__media video{display:block;width:100%}.p-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-flow .p-banner__content{position:relative}.p-banner__content-inner{display:flex;height:100%;padding-top:6.4rem;padding-bottom:6.4rem}.p-banner__content-inner .content{display:flex;flex-direction:column;gap:10px;max-width:var(--text-width);text-align:var(--text-align)}.p-banner__bottom-content .media__subtitle{margin-top:20px;text-align:var(--text-align)}.p-banner__content-inner p{line-height:1.3}.content .media__video-btn{display:inline-flex;align-items:center;gap:5px;margin-top:clamp(10px,1.6vw,30px);padding:8px 10%;color:#fff;font-size:clamp(14px,1.2vw,20px);border:none;border-radius:100px;background:#9b7648;cursor:pointer}.media__video-btn svg{width:1em}.p-banner__content-inner .link{display:inline-block;margin-top:clamp(10px,1.25vw,24px);padding:6px 40px;color:#fff;font-size:clamp(12px,1.25vw,16px);border-radius:100px;background:#9b7648}.p-banner__hover-text{display:flex;flex-direction:column}.p-banner__hover-text-item{font-weight:700;line-height:1.4;transition:all .5s ease;color:#ffffff4d}.p-banner__hover-text-item.is-active{color:#fff}@media(min-width:768px){.media__title{letter-spacing:-1px}.content-row .content{display:flex;justify-content:space-between;gap:8%}.content-row .media__title{margin-bottom:0}}@media(max-width:767px){.p-banner{padding-top:var(--pt-m);padding-bottom:var(--pb-m)}.common-wrapper .p-banner__media{border-radius:8px}.has-height{height:var(--media-height-m)}.p-banner__content-inner{padding-top:3.4rem;padding-bottom:3.4rem}.p-banner__content-inner .content{max-width:var(--text-width-m);text-align:var(--text-align-m)!important}.p-banner__item .media__title.unique-text-m{margin-bottom:0}.p-banner__bottom-content .media__subtitle{text-align:var(--text-align-m)}.content-flow-mb .p-banner__content{position:relative}.content-flow-mb .p-banner__content .common-wrapper{padding:0 0 clamp(20px,2.2vw,40px)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-p-banner.css.map */