.section__banner-accord{padding:var(--space-85) 0}.section__banner-accord.mangrove{background:var(--color-p-700);color:#fff}.section__banner-accord.quandong{background:var(--color-p-400);color:#fff}.section__banner-accord.eucalyptus{background:var(--color-a-400);color:var(--color-p-700)}.section__banner-accord .container{align-items:start;column-gap:var(--space-5);display:flex;justify-content:space-between}.section__banner-accord .content{width:450px}.section__banner-accord .image-container{width:850px}.section__banner-accord .content{display:flex;flex-direction:column;padding:0}.section__banner-accord .image-container img{min-height:600px;object-fit:cover}.section__banner-accord .icon{height:auto;margin-bottom:24px;max-width:48px;width:auto}.section__banner-accord .title{font-size:48px;margin-bottom:var(--space-4)}.section__banner-accord .copy{font-size:1.8rem;margin-bottom:var(--space-5)}.section__banner-accord .content a{border:1px solid #fff;margin:unset}.section__banner-accord .content.eucalyptus a{border:1px solid var(--color-p-700)}.section__banner-accord .content a:hover{background:#fff;color:var(--color-p-700)}.section__banner-accord .content.eucalyptus a:hover{background:var(--color-p-700);color:#fff}.section__banner-accord .accordion{display:flex;flex-direction:column;gap:0}.section__banner-accord .accordion-item{overflow:hidden;transition:all 1s ease}.section__banner-accord .accordion-button{align-items:center;background:transparent;border:none;border-bottom:1px solid var(--color-n-white);border-radius:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:24px 0;text-align:left;transition:all 1s ease;width:100%}.section__banner-accord.eucalyptus .accordion-button{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}.section__banner-accord .accordion-button:hover,.section__banner-accord.eucalyptus .accordion-button:hover{color:var(--color-t-400)}.section__banner-accord .accordion-button.active{border-bottom-color:var(--color-t-400);color:var(--color-t-400)}.section__banner-accord.eucalyptus .accordion-button.active{background:rgba(0,0,0,.15)}.section__banner-accord .accordion-title{font-size:2.8rem;margin:0}.section__banner-accord .accordion-icon{font-size:1.5rem;font-weight:700;line-height:1;transition:transform .3s ease}.section__banner-accord .accordion-button.active .accordion-icon{opacity:0}.section__banner-accord .accordion-item .accordion-content{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease}.section__banner-accord .accordion-item:not(.last-child) .accordion-content{border-bottom:none}.section__banner-accord.eucalyptus .accordion-content{background:transparent;border-bottom:1px solid rgba(0,0,0,.1)}.section__banner-accord .accordion-content.active{max-height:200px;padding:24px 0 5px}.section__banner-accord .accordion-content.active p{color:var(--color-t-400)}.section__banner-accord .accordion-content p{line-height:1.6;margin:0}@media only screen and (max-width:768px){.section__banner-accord{padding:var(--space-6) 0}.section__banner-accord .container{flex-direction:column}.section__banner-accord .content,.section__banner-accord .image-container{width:100%}.section__banner-accord .content{padding-bottom:var(--space-6)}.section__banner-accord .title{font-size:30px;margin-bottom:var(--space-3)}.section__banner-accord .image-container img{min-height:300px}.section__banner-accord .accordion-button{padding:var(--space-2) 0}.section__banner-accord .accordion-content.active{max-height:300px;padding:var(--space-2) 0}}