.home{width:100%;overflow-x:hidden}.hero{padding:4rem 0;background:linear-gradient(to right,var(--color-background-primary) 0%,var(--color-background-secondary) 100%);width:100%;overflow:hidden}.hero__container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;box-sizing:border-box}.hero__title{font-size:3.5rem;color:var(--color-text-primary);line-height:1.2;margin-bottom:0}.hero__subtitle{font-size:2rem;color:var(--color-primary);margin:.5rem 0 1.5rem;font-weight:400;line-height:1.3}.hero__text{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.hero__buttons{display:flex;gap:1rem}.hero__button{padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.hero__button--primary{background:linear-gradient(45deg,var(--color-primary) 0%,var(--color-primary-light) 100%);box-shadow:0 4px 15px #8b45134d;border:none;position:relative;overflow:hidden;color:#f5e6d3;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.hero__button--primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#fff0);transform:translate(-100%);transition:transform .6s ease}.hero__button--primary:hover:after{transform:translate(100%)}.hero__button--secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.hero__button--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero__image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.hero__image{width:100%;height:auto;display:block;transition:transform .3s ease}.hero__image:hover{transform:scale(1.05)}.stats{padding:4rem 0;background:var(--color-background-secondary)}.stats__container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stats__item{text-align:center;padding:2rem;background:var(--color-background-secondary);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stats__item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);opacity:.8}.stats__item:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001f}.stats__number{display:block;font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Oswald,sans-serif;letter-spacing:-1px}.stats__label{font-size:1.1rem;color:var(--color-text-secondary);position:relative;padding-bottom:.5rem}.stats__label:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-primary);opacity:.5}.features{padding:6rem 0}.features__container{max-width:1200px;margin:0 auto;padding:0 1rem}.features__title{font-size:2.5rem;color:var(--color-text-primary);text-align:center;margin-bottom:3rem}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--color-background-secondary);border-radius:16px;padding:2rem;position:relative;overflow:hidden;border:1px solid rgba(139,69,19,.1);box-shadow:0 8px 24px #8b451314}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);opacity:.8}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #8b45131f}.feature-card__icon{width:64px;height:64px;fill:var(--color-primary);margin-bottom:2rem;transition:transform .4s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.feature-card:hover .feature-card__icon{transform:scale(1.1) rotate(-5deg)}.feature-card__title{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:1rem;position:relative;padding-bottom:1rem}.feature-card__title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--color-primary);opacity:.5;transition:width .3s ease}.feature-card:hover .feature-card__title:after{width:100px;opacity:1}.feature-card__description{color:var(--color-text-secondary);line-height:1.7;position:relative;z-index:1}.roasting-process{padding:6rem 0;background:var(--color-background-secondary);position:relative;overflow:hidden}.roasting-process:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#8b451305,#8b45130d,#8b451305);pointer-events:none}.roasting-process__container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.roasting-process__title{font-size:2.5rem;color:var(--color-text-primary);margin-bottom:1.5rem;position:relative}.roasting-process__title:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:2px}.roasting-process__text{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:3rem;line-height:1.7}.roasting-stages{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.roasting-stage{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffffb3;border-radius:12px;border:1px solid rgba(139,69,19,.1);transition:all .3s ease;position:relative;overflow:hidden}.roasting-stage:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform .3s ease}.roasting-stage:hover{transform:translate(8px);box-shadow:0 8px 20px #8b451326}.roasting-stage:hover:before{transform:scaleY(1)}.roasting-stage__number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px #8b45134d}.roasting-stage__title{font-size:1.25rem;color:var(--color-text-primary);margin:0 0 .5rem;font-weight:600}.roasting-stage__description{color:var(--color-text-secondary);margin:0;line-height:1.5}.roasting-process__button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #8b45134d;position:relative;overflow:hidden}.roasting-process__button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#fff0);transform:translate(-100%);transition:transform .6s ease}.roasting-process__button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8b451366}.roasting-process__button:hover:before{transform:translate(100%)}.roasting-process__button-icon{width:24px;height:24px;fill:currentColor;transition:transform .3s ease}.roasting-process__button:hover .roasting-process__button-icon{transform:rotate(15deg) scale(1.1)}.roasting-process__image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #8b451333}.roasting-process__image{width:100%;height:auto;display:block;transition:transform .3s ease}.roasting-process__image:hover{transform:scale(1.05)}.roasting-process__badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:1rem 1.5rem;border-radius:12px;text-align:center;box-shadow:0 8px 20px #8b451366;backdrop-filter:blur(10px)}.roasting-process__badge-text{display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.roasting-process__badge-subtitle{display:block;font-size:.875rem;opacity:.9}.latest-posts{padding:6rem 0}.latest-posts__container{max-width:1200px;margin:0 auto;padding:0 1rem}.latest-posts__title{font-size:2.5rem;color:var(--color-text-primary);text-align:center;margin-bottom:3rem}.latest-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.post-card{background:var(--color-background-secondary);border-radius:12px;overflow:hidden;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-card__image-wrapper{position:relative;padding-top:60%}.post-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.post-card__content{padding:1.5rem}.post-card__title{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:1rem}.post-card__excerpt{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.post-card__link{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.post-card__link:hover{color:var(--color-primary-dark)}.post-card__arrow{width:20px;height:20px;fill:currentColor}@media (max-width: 1024px){.hero__container,.roasting-process__container{grid-template-columns:1fr;gap:2rem}.stats__container,.features__grid,.latest-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero__title{font-size:2.5rem}.hero__subtitle{font-size:1.5rem}.features__grid,.latest-posts__grid{grid-template-columns:1fr}.roasting-process{padding:3rem 0}.roasting-process__title{font-size:2rem;text-align:center}.roasting-stages{margin-bottom:2rem}.roasting-stage{padding:1rem}.roasting-stage__number{width:40px;height:40px;font-size:1rem}.hero__container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero__content{display:flex;flex-direction:column;align-items:center}.hero__buttons{justify-content:center}.hero__button{min-width:200px;justify-content:center}}@media (max-width: 480px){.hero__buttons{flex-direction:column}.stats__container{grid-template-columns:1fr}.roasting-process{padding:2rem 0}.roasting-process__title{font-size:1.75rem}.roasting-process__text{font-size:1rem}.roasting-stage{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem 1rem}.roasting-process__button{width:100%;justify-content:center;padding:1rem 2rem;font-size:1rem}.roasting-process__badge{position:static;margin:1rem auto 0;display:inline-block}}@media (prefers-reduced-motion: reduce){.hero__image,.hero__button,.feature-card,.roasting-process__button,.roasting-process__image,.roasting-stage,.post-card{transition:none}.hero__image:hover,.feature-card:hover,.roasting-process__image:hover,.roasting-stage:hover,.post-card:hover{transform:none}.stats__item,.feature-card,.feature-card:before,.feature-card__icon,.feature-card__title:after{animation:none;transition:none}.stats__item:hover,.feature-card:hover,.feature-card:hover .feature-card__icon,.feature-card:hover .feature-card__title:after{transform:none}}.hero__button-icon{width:22px;height:22px;fill:#f5e6d3;opacity:.95;transition:transform .3s ease;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.hero__button:hover .hero__button-icon{transform:translateY(-1px)}.feature-card__icon-wrapper{position:relative;width:64px;height:64px;margin-bottom:1.5rem}.feature-card__icon{position:relative;z-index:2;width:100%;height:100%;fill:var(--color-primary)}.feature-card__icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#8b45131a;border-radius:12px;transform-origin:center;transition:all .3s ease}.feature-card:hover .feature-card__icon-bg{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.feature-card__decoration{position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,#8b45130d,#8b451300 70%);border-radius:50%;pointer-events:none}.stats__item{background:var(--color-background-secondary);border-radius:16px;padding:2rem;text-align:center;transition:all .4s ease;border:1px solid rgba(139,69,19,.1);box-shadow:0 8px 24px #8b451314}.stats__number{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;font-family:Oswald,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.stats__label{color:var(--color-text-secondary);font-size:1.1rem}@media (max-width: 768px){.hero{padding:2rem 0}.hero__container{grid-template-columns:1fr;gap:2rem;padding:0 15px}.hero__content{text-align:center;max-width:100%}.hero__image-wrapper{max-width:100%;margin:0 auto}.hero__image{max-width:100%;height:auto;margin:0 auto}}@media (max-width: 480px){.hero{padding:1.5rem 0}.hero__container{gap:1.5rem;padding:0 10px}.hero__title{font-size:2rem}.hero__subtitle{font-size:1.5rem}.hero__text{font-size:1rem}.hero__buttons{flex-direction:column;gap:1rem}.hero__button{width:100%;justify-content:center}}@media (max-width: 320px){.hero{padding:1rem 0}.hero__container{padding:0 8px}.hero__content{width:100%;box-sizing:border-box}.hero__title{font-size:1.75rem}.hero__subtitle{font-size:1.25rem}.hero__image-wrapper{width:100%;padding:0 5px;box-sizing:border-box}.hero__image{width:100%;object-fit:contain}}.coffee-decoration{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f4f1,#e6d5c7);border-radius:8px 8px 0 0;overflow:hidden;position:relative}.coffee-illustration{width:180px;height:180px;position:relative}.coffee-cups{width:100%;height:100%;stroke:var(--color-primary);stroke-width:2}.steam{fill:none;stroke:var(--color-primary);stroke-width:1;opacity:.6;animation:steam 2s ease-out infinite}.steam-group path:nth-child(2){animation-delay:.3s}.steam-group path:nth-child(3){animation-delay:.6s}.cup-body{fill:#fff;stroke:var(--color-primary)}.cup-top{fill:none;stroke:var(--color-primary)}.cup-handle{transform-origin:center;transform:rotate(10deg) translateY(-5px) translate(-3px);stroke:var(--color-primary);stroke-width:2}.saucer{fill:#fff;stroke:var(--color-primary)}.cup-pattern{stroke:var(--color-primary);stroke-width:1}.coffee{fill:#4a2410;transition:fill .3s ease}.roasting-1{fill:#8b7355}.roasting-2{fill:#755a48}.roasting-3{fill:#5f4a3c}.roasting-4{fill:#493c31}.roasting-5{fill:#332825}.coffee-beans{position:absolute;width:100%;height:100%}.coffee-bean{position:absolute;width:15px;height:20px;background:var(--color-primary);border-radius:50%;opacity:.1;transform:rotate(45deg)}.bean-1{top:20%;left:15%;animation:float 3s ease-in-out infinite}.bean-2{top:60%;left:20%;animation:float 3.5s ease-in-out infinite .2s}.bean-3{top:30%;right:15%;animation:float 3.2s ease-in-out infinite .4s}.bean-4{top:70%;right:20%;animation:float 3.7s ease-in-out infinite .6s}.bean-5{top:45%;left:50%;animation:float 3.3s ease-in-out infinite .8s}@keyframes steam{0%{transform:translateY(0) scaleX(1);opacity:.6}50%{transform:translateY(-8px) scaleX(1.2);opacity:.3}to{transform:translateY(-16px) scaleX(1);opacity:0}}@keyframes float{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(5px,-5px)}}