:root{--brand-brown: #6C4929;--brand-yellow: #FACA51}.mobile-only{display:none!important;line-height:0}@media (max-width: 768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.intro-section{font-family:GenYoMinTW,serif;line-height:1.8;width:100%;overflow-x:hidden}.intro-block{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.intro-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;position:relative;z-index:2}.intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff9;z-index:1}.intro-overlay.dark{background:#0006}.intro-title{font-size:2.8rem;margin-bottom:25px;letter-spacing:.15em;font-weight:500;line-height:1.4;position:relative}.intro-text{font-size:1.6rem;letter-spacing:.15em}.animate-float img{animation:bottleFloat 3s ease-in-out infinite}@keyframes bottleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.intro-compare{background:linear-gradient(90deg,#e6dfd7 50%,#d8cec5 50%);padding:100px 0}.intro-compare-container{max-width:1400px;width:100%;margin:0 auto;position:relative;padding:0 100px}.intro-compare-container:before{content:"";position:absolute;top:250px;bottom:0;left:50%;transform:translate(-50%);width:1px;background:#8c786433;z-index:1}.intro-compare-header{display:flex;justify-content:space-between;margin-bottom:60px;position:relative;z-index:2}.intro-compare-side{width:50%;text-align:center;padding:0 20px}.intro-compare-img{height:180px;margin-bottom:25px;display:flex;align-items:flex-end;justify-content:center}.intro-compare-img img{max-height:100%;width:auto}.intro-compare-title h3{font-size:2.5rem;color:#6c4929;letter-spacing:.1em;margin:10px 0;font-family:GenYoMinTW,serif}.intro-compare-body{position:relative;z-index:2;border-top:1px solid rgba(140,120,100,.2)}.intro-compare-row{display:flex;align-items:center;justify-content:center;padding:60px 0;border-bottom:1px solid rgba(140,120,100,.25);position:relative}.intro-compare-row.no-border{border-bottom:none}.intro-compare-cell{flex:1;padding:0 40px}.intro-compare-cell p{font-size:1.6rem;color:#6c4929;font-weight:500;margin-bottom:10px;letter-spacing:.2em;line-height:1.5;text-align:center}.intro-compare-cell.cell-right p{font-weight:300;color:#6e6056}.intro-compare-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:90px;height:50px;border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000000d}.intro-compare-pill span{font-size:2rem;color:#6c4929;letter-spacing:.1em;font-weight:500}@media (max-width: 768px){.intro-compare{background:linear-gradient(90deg,#d8cec5 50%,#e6dfd7 50%);padding:60px 0}.intro-compare-container{padding:0 15px}.intro-compare-container:before{display:block;top:0}.intro-compare-header{align-items:flex-end;margin-bottom:40px}.intro-compare-side{width:50%;padding:0 10px}.intro-compare-img{height:120px;margin-bottom:15px}.intro-compare-img img{max-height:100%}.intro-compare-title h3{font-size:1.3rem;letter-spacing:.05em}.intro-compare-row{flex-direction:row;padding:30px 0;gap:0}.intro-compare-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:30px;margin-bottom:0}.intro-compare-pill span{font-size:1.4rem}.intro-compare-cell{padding:0 10px!important;width:50%;flex:none}.intro-compare-cell p{font-size:1.2rem;letter-spacing:.1em;margin-bottom:6px}}.full-width-banner{width:100%;line-height:0;overflow:hidden}.full-width-banner img{width:100%}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-intro-shared.css.map */