.full-title{width:100%;height:auto;background:#087e40;padding-top:100px;padding-bottom:70px}.full-title h1{font-size:60px;color:#fff;text-align:center;text-transform:uppercase;margin:10px 3rem}.coffee-roasting-section{overflow:hidden;position:relative}.coffee-roasting-wrapper{max-width:1920px;margin:0 auto;padding:0 20px}.coffee-roasting-section .section-title{font-family:Libre Baskerville,serif;font-style:italic;font-size:70px;text-align:center;margin:0 0 60px;font-weight:600!important;line-height:1.1}.phases-container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:20px}.phase-item{display:flex;flex-direction:column;width:100%;flex:1 1 250px}.phase-item{display:flex;flex-direction:column;align-items:center;opacity:0;width:100%;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.phase-item:nth-child(1){animation-delay:.1s}.phase-item:nth-child(2){animation-delay:.2s}.phase-item:nth-child(3){animation-delay:.3s}.phase-item:nth-child(4){animation-delay:.4s}.phase-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.phase-bean-image{margin-bottom:-20px;z-index:2;position:relative;transition:transform .4s ease}.phase-item:hover .phase-bean-image{transform:translateY(-10px) scale(1.1)}.phase-bean-image img{width:120px;height:auto;max-width:98px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));transition:filter .4s ease}.phase-item:hover .phase-bean-image img{filter:drop-shadow(0 15px 30px rgba(0,0,0,.25))}.phase-card{background-color:#048949;border-radius:30px;padding:50px 20px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;flex:1;position:relative;z-index:1;transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 10px 30px #0000001a}.phase-item:hover .phase-card{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.phase-title{font-size:25px;font-weight:600;font-style:italic;color:#fff;margin:0 0 20px;letter-spacing:.5px;text-transform:uppercase;line-height:1.3}.phase-description{font-size:20px;line-height:25px;color:#fff;margin:0;text-align:center}.phase-description p{margin:0}@media screen and (max-width: 1600px){.full-title h1{font-size:40px}.full-title{padding-top:60px;padding-bottom:30px}.coffee-roasting-section .section-title{font-size:40px;margin:0 0 20px}.phase-bean-image img{width:80px}.phase-title{font-size:20px}.phase-description{font-size:14px;line-height:24px}}@media screen and (max-width: 1200px){.phase-bean-image img{width:80px}}@media screen and (max-width: 749px){.phase-bean-image img{width:75px}.full-title h1{font-size:32px}.coffee-roasting-section .section-title{font-size:30px}.full-title{padding-top:50px;padding-bottom:25px}.phase-card{padding:30px 15px 25px}}@media (prefers-reduced-motion: no-preference){.phase-item{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-coffee-roasting-phases.css.map */