.footer{width:100%;height:300px;margin-top:100px;background-color:var(--color-title);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;position:relative}.footer-content{display:flex;flex-direction:column;text-align:center;gap:8px;color:var(--color-card-content)}.footer-title{font-size:40px;font-weight:700}.footer-subtitle{font-size:20px}.footer-icons{display:flex;gap:24px}.icon-fb,.icon-ig{width:35px;height:35px;color:var(--color-card-content);cursor:pointer;transition:transform .5s ease,color .5s ease,box-shadow .5s ease}.icon-fb:hover,.icon-ig:hover{transform:scale(1.05);color:#e1a97e;box-shadow:0 5px 10px #c4906e26}.copyright{font-size:14px;color:var(--color-card-content);position:absolute;bottom:24px}@media(max-width:400px){.footer{height:200px;gap:16px}.footer-title{font-size:24px;font-weight:700}.footer-subtitle{font-size:12px}.icon-fb,.icon-ig{width:24px;height:24px}.copyright{font-size:10px;bottom:16px}}.email{width:535px;height:41px;margin:30px auto;display:flex}.input-box{border:none;outline:none;width:100%;height:100%;background-color:#faf3e0;padding:0 16px;border-radius:8px 0 0 8px}.input-box.active{border:none}.subscription-btn{border:none;width:88px;height:100%;background-color:var(--color-title);color:var(--color-card-content);border-radius:0 8px 8px 0;cursor:pointer}.subscription-btn:hover{color:#e1a97e}.confirm-reminder{width:250px;height:250px;border-radius:8px;background-color:#4b3832;color:#e1a97e;box-shadow:4px 4px 10px #c4906e26;text-align:center;display:none;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.close-btn{position:absolute;top:16px;right:16px;font-size:24px;cursor:pointer}.confirm-reminder.active{display:flex}.confirm-reminder-text{font-size:16px;line-height:30px}.overlay{position:fixed;inset:0;background-color:#fff3;z-index:3}@media(max-width:400px){.email{width:300px;height:30px;margin:30px auto}.subscription-btn{font-size:10px}}.title{font-size:36px;font-weight:700;color:var(--color-title)}.subtitle{font-size:20px;color:var(--color-subtitle)}.story,.product,.contact{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:60px}.product,.contact{margin-top:100px}.story-section,.product-section,.contact-section{width:100%}@media(max-width:700px){.story,.product,.contact{gap:8px;margin-top:50px}.product,.contact{margin-top:80px}.title{font-size:32px}.subtitle{font-size:18px}}@media(max-width:400px){.story,.product,.contact{gap:8px;margin-top:40px}.product,.contact{margin-top:60px}.title{font-size:20px}.subtitle{font-size:12px}}.banner{width:100%;height:89vh;background-image:url(/COASTAL-COFFEE/assets/banner-1439-DYeV3Xe3.webp);background-repeat:no-repeat;background-size:cover;background-position:top;position:relative;overflow:hidden}.banner-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;position:absolute;top:30%;right:8%}.banner-title{font-size:40px;font-weight:700;color:var(--color-title);text-shadow:4px 2px 4px rgb(196,144,110,.8)}.banner-subtitle{font-size:20px;color:var(--color-subtitle)}.more-btn{border:none;padding:16px 24px;background-color:#c4906e;border-radius:4px;font-size:16px;color:var(--color-title);font-weight:500;margin:16px 0 0 8px;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease}.more-btn:hover{transform:scale(1.15);box-shadow:4px 4px 10px #382416cc}.more-btn.active{opacity:.8}.fade-slide-in{animation:fadeSlideIn 3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.banner{height:60vh}.banner-content{top:25%;left:55%;right:5%}.banner-title{font-size:32px}.banner-subtitle{font-size:16px;color:var(--color-subtitle)}.more-btn{padding:16px;font-size:12px;font-weight:500;margin:8px 0 0 4px}}@media(max-width:400px){.banner{height:30vh}.banner-content{top:15%;left:55%;right:5%;gap:4px}.banner-title{font-size:20px}.banner-subtitle{font-size:10px}.more-btn{padding:8px 6px;font-size:8px;margin:4px 0 0 4px}}.navbar{width:100%;height:64px;background-color:#0e0905;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.logo{font-size:40px;color:var(--color-card-content)}.menu{display:flex;gap:32px}.menu-item{font-size:16px;color:var(--color-card-content);cursor:pointer}@media(max-width:700px){.navbar{padding:0 30px}.logo{font-size:30px;color:var(--color-card-content)}.menu{gap:24px}}@media(max-width:400px){.navbar{height:70px;padding:0 16px}.logo{font-size:20px;line-height:24px;width:25%}.menu{gap:8px}.menu-item{font-size:14px}}.product-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:80px;margin-top:40px}.product-item{width:350px;height:357px;background-color:#faf3e0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;cursor:pointer;color:var(--color-card-content);transform:translateY(20px);opacity:0;transition:transform .7s ease,box-shadow .7s ease,color .7s ease,opacity 1s ease}.product-item:hover{transform:scale(1.15);box-shadow:4px 4px 10px #c4906e26;color:var(--color-title)}.product-item.fade-in{opacity:1;transform:translateY(0)}.product-item.fade-in:hover{transform:translateY(0) scale(1.15)}.product-item img{transition:transform .7s ease}.product-item:hover img{transform:scale(1.05)}.product-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.product-card-title{font-size:20px}.product-card-content{font-size:14px;margin-top:8px}.product-card-tagline{font-size:12px;margin-top:8px;opacity:0;transition:opacity 1s ease}.product-item:hover .product-card-tagline{opacity:1;color:orange}@media(max-width:400px){.product-content{gap:32px}.product-item{width:250px;height:257px;gap:16px}.product-item img{width:200px}.product-card-title{font-size:14px}.product-card-content{font-size:10px;margin-top:8px}.product-card-tagline{font-size:8px;margin-top:4px}}.story-content{width:100%;display:flex;flex-direction:column;margin:40px auto;gap:40px;padding:0 16px}.story-item{display:flex;justify-content:center;gap:40px;opacity:0;transform:translate(-50px);transition:transform 1s ease,opacity 1s ease}.story-item.fade-in,.story-item-reverse.fade-in{opacity:1;transform:translate(0)}.story-intro{width:450px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.story-intro-line{width:100%}.story-intro-title{color:var(--color-title);font-size:24px;font-weight:700}.story-intro-content{color:var(--color-title);font-size:16px}.story-item-reverse{display:flex;flex-direction:row-reverse;justify-content:center;gap:40px;opacity:0;transform:translate(50px);transition:transform 1s ease,opacity 1s ease}.img-aboutus{box-shadow:4px 4px 10px #4b383240}@media(max-width:700px){.story-content{margin:40px auto;gap:32px}.story-intro{width:300px;gap:16px}.img-aboutus{width:300px}}@media(max-width:400px){.story-content{margin:40px auto;gap:32px}.story-intro{width:170px;gap:8px}.img-aboutus{width:170px}.story-intro-title{font-size:14px}.story-intro-content{font-size:8px}}#root{--color-title: #4B3832;--color-subtitle: #B5C9A6;--color-card-content: #A67B5B;--background-color: #FFF8F0}*{padding:0;margin:0;box-sizing:border-box}.home-page{background:var(--background-color)}