*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Syne",sans-serif;background-color:#faf8f5;color:#261515;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}ul{list-style:none}input,textarea{font-family:inherit}h1,h2,h3,h4,h5{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.1;letter-spacing:-0.02em}h1{font-size:clamp(3.5rem,8vw,8rem);font-weight:300}h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:300}h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}h4{font-size:1.1rem;font-family:"Syne",sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}em{font-style:italic;color:#8c0303}p{font-size:1rem;line-height:1.75;color:rgba(38,21,21,.75)}.container{max-width:1320px;margin:0 auto;padding:0 2rem}.section-pad{padding:8rem 0}[data-gsap-reveal]{opacity:0;transform:translateY(40px)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Syne",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;border-radius:2px;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);white-space:nowrap}.btn--primary{background:#8c0303;color:#fff;box-shadow:0 8px 32px rgba(140,3,3,.25)}.btn--primary:hover{background:#6a0202;transform:translateY(-2px);box-shadow:0 12px 40px rgba(140,3,3,.35)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.4)}.btn--ghost:hover{background:hsla(0,0%,100%,.08);border-color:#fff}.btn--outline{background:rgba(0,0,0,0);color:#8c0303;border:1px solid #8c0303}.btn--outline:hover{background:#8c0303;color:#fff}.btn--whatsapp{background:#25d366;color:#fff}.btn--whatsapp:hover{background:rgb(30.9129032258,176.2870967742,85.2193548387);transform:translateY(-2px)}.btn--icon{padding:.5rem .9rem;font-size:1.2rem;background:#261515;color:#fff;border-radius:50%;width:36px;height:36px;justify-content:center}.btn--icon:hover{background:#8c0303;transform:scale(1.1)}.btn--lg{padding:1.1rem 3rem;font-size:.9rem}.nav{position:fixed;top:0;left:0;right:0;z-index:10000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(0,0,0,0);transition:background-color .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,border-color .25s ease}.nav.scrolled{background-color:rgba(38,21,21,.72) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 30px rgba(0,0,0,.18)}.nav__logo{width:18em;height:auto;margin-left:-4em;margin-top:.5em}.nav__links{display:flex;align-items:center;gap:2rem}@media(max-width: 768px){.nav__links{display:none}}.nav__link{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.8);transition:color .3s cubic-bezier(0.16, 1, 0.3, 1);position:relative}.nav__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#f58024;transition:width .3s cubic-bezier(0.16, 1, 0.3, 1)}.nav__link:hover{color:#fff}.nav__link:hover::after{width:100%}.nav__link--cta{background:#8c0303;color:#fff;padding:.5rem 1.2rem;border-radius:2px}.nav__link--cta::after{display:none}.nav__link--cta:hover{background:#6a0202;color:#fff}.nav__cart-btn{position:relative;color:#fff;display:flex;align-items:center;opacity:.9;transition:opacity .3s}.nav__cart-btn:hover{opacity:1}.nav__cart-count{position:absolute;top:-8px;right:-8px;background:#8c0303;color:#fff;font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}.nav__cart-count.visible{opacity:1;transform:scale(1)}.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:4px}@media(max-width: 768px){.nav__hamburger{display:flex}}.nav__hamburger span{width:22px;height:1.5px;background:#fff;transition:all .3s}.nav__hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px, 4.5px)}.nav__hamburger.open span:nth-child(2){opacity:0}.nav__hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px, -4.5px)}.nav__mobile-menu{position:fixed;top:72px;left:0;right:0;background:#261515;padding:4rem 2rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);z-index:999}.nav__mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav__mobile-menu a{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;color:#fff;padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.nav__mobile-menu a:hover{color:#f58024}.hero{position:relative;height:100vh;min-height:600px;overflow:hidden}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform;z-index:0}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(38, 21, 21, 0.2) 0%, rgba(38, 21, 21, 0.5) 50%, rgba(38, 21, 21, 0.8) 100%);z-index:1}.hero__content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 2rem;top:50%;transform:translateY(-50%)}.hero__eyebrow{font-family:"Syne",sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#f58024;margin-bottom:1rem}.hero__headline{color:#fff;margin-bottom:2rem}.hero__headline em{color:#f58024;font-style:italic}.hero__sub{color:hsla(0,0%,100%,.7);font-size:1.05rem;margin-bottom:4rem;line-height:1.7}.hero__ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.hero__scroll-hint span{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:hsla(0,0%,100%,.4);font-family:"Syne",sans-serif;font-weight:600}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.5), transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,100%{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.story{display:flex;min-height:300vh;position:relative;background:#faf8f5}.story__sidebar{width:280px;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;background:#261515;z-index:10;flex-shrink:0}@media(max-width: 768px){.story__sidebar{display:none}}.story__nav{display:flex;flex-direction:column;gap:1rem}.story__nav-btn{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.35);text-align:left;padding:.75rem 0;border-left:2px solid rgba(0,0,0,0);padding-left:1rem;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer}.story__nav-btn.active,.story__nav-btn:hover{color:#f58024;border-left-color:#f58024}.story__panels{flex:1;overflow:hidden}.story__panel{min-height:100vh;display:flex;align-items:center;padding:8rem 4rem;gap:4rem;transition:background-color 1s cubic-bezier(0.45, 0, 0.55, 1)}.story__panel[data-tint=espresso]{background:rgba(38,21,21,.06)}.story__panel[data-tint=red]{background:rgba(140,3,3,.05)}.story__panel[data-tint=brown]{background:rgba(42,33,24,.06)}@media(max-width: 768px){.story__panel{flex-direction:column;padding:4rem 2rem;min-height:auto}}.story__panel-content{flex:1;max-width:560px}.story__panel-label{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;display:block;margin-bottom:1rem}.story__panel-headline{margin-bottom:2rem;color:#261515}.story__panel-image{width:280px;aspect-ratio:3/4;border-radius:4px;background:#2a2118;flex-shrink:0;overflow:hidden}.story__panel-image--who{background:linear-gradient(135deg, #2a2118, #261515)}.story__panel-image--what{background:linear-gradient(135deg, rgb(65.1048951049, 1.3951048951, 1.3951048951), #2a2118)}.story__panel-image--why{background:linear-gradient(135deg, #261515, rgb(122.4104803493, 57.0131004367, 5.5895196507))}@media(max-width: 768px){.story__panel-image{width:100%;aspect-ratio:16/9}}.story__panel-stat{display:flex;flex-direction:column;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(38,21,21,.12)}.story__stat-num{font-family:"Cormorant Garamond",Georgia,serif;font-size:3.5rem;font-weight:300;color:#8c0303;line-height:1}.story__stat-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(38,21,21,.5);margin-top:.25rem}.features{padding:8rem 0;background:#faf8f5;overflow:hidden;position:relative;isolation:isolate}.features__focus-overlay{position:absolute;inset:0;background:radial-gradient(circle at center, rgba(38, 21, 21, 0.12), transparent 55%),rgba(38,21,21,.32);opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(0.16, 1, 0.3, 1);z-index:0}.features.is-focusing .features__focus-overlay{opacity:1}.features.is-focusing .feature-card:not(.is-active){opacity:.45;transform:scale(0.98);filter:blur(1px)}.features__header{text-align:center;margin-bottom:8rem;padding:0 2rem;position:relative;z-index:1}.features__header .features__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;font-family:"Syne",sans-serif;margin-bottom:1rem}.features__header h2{color:#261515}.features__header h2 em{color:#8c0303;font-style:italic}.features__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;max-width:1320px;margin:0 auto;padding:0 4rem;perspective:1200px;position:relative;z-index:1;align-items:stretch}
@media(max-width: 1024px){.features__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.features__grid{grid-template-columns:1fr}}.feature-card{background:linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92));border:1px solid rgba(38,21,21,.08);border-radius:10px;box-shadow:0 2px 8px rgba(38,21,21,.08);padding:4rem 2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform,opacity,filter;transition:transform .55s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .55s cubic-bezier(0.16, 1, 0.3, 1),background .35s,color .35s,border-color .35s,opacity .35s,filter .35s;height:100%;min-height:18rem;opacity:1 !important;transform:none}.feature-card:focus{outline:none}.feature-card.is-active{z-index:3;transform:translateY(-8px) scale(1.02);background:#261515;color:#fff;box-shadow:0 24px 64px rgba(38,21,21,.18);border-color:hsla(0,0%,100%,.08)}.feature-card.is-active .feature-card__icon{color:#f58024;transform:translateY(-1px) scale(1.08);background:hsla(0,0%,100%,.08)}.feature-card.is-active h4{color:#fff}.feature-card.is-active .feature-card__teaser{color:hsla(0,0%,100%,.78)}.feature-card.is-active .feature-card__extended{max-height:200px;opacity:1;margin-top:.5rem}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 64px rgba(38,21,21,.18);background:#261515;color:#fff;z-index:2;border-color:hsla(0,0%,100%,.08)}.feature-card:hover .feature-card__icon{color:#f58024;transform:translateY(-1px) scale(1.08);background:hsla(0,0%,100%,.08)}.feature-card:hover h4{color:#fff}.feature-card:hover .feature-card__teaser{color:hsla(0,0%,100%,.78)}.feature-card:hover .feature-card__extended{max-height:200px;opacity:1;margin-top:.5rem}.feature-card__icon{font-size:2.2rem;line-height:1;transition:transform .35s cubic-bezier(0.16, 1, 0.3, 1),color .35s,background .35s;width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;background:rgba(140,3,3,.08)}.feature-card h4{color:#261515;font-size:.95rem;font-family:"Syne",sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color .3s}.feature-card__teaser{font-size:.88rem;color:rgba(38,21,21,.62);line-height:1.6;transition:color .3s}.feature-card__extended{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(0.16, 1, 0.3, 1),opacity .3s,margin .3s}.feature-card__extended p{font-size:.85rem;color:hsla(0,0%,100%,.82);line-height:1.6}.cta-band{background:#261515;min-height:60vh;display:flex;align-items:center;overflow:hidden;position:relative}.cta-band::before{content:"Bué";position:absolute;font-family:"Cormorant Garamond",Georgia,serif;font-size:20vw;color:hsla(0,0%,100%,.03);right:-2vw;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap}.cta-band__inner{padding:8rem 4rem;position:relative;z-index:1}.cta-band__inner .cta-band__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f58024;font-family:"Syne",sans-serif;margin-bottom:1rem}.cta-band__inner h2{color:#fff;margin-bottom:4rem}.col-hero{padding:calc(72px + 8rem) 4rem 8rem;background:#261515;position:relative;overflow:hidden}.col-hero__inner{max-width:1320px;margin:0 auto}.col-hero__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f58024;font-family:"Syne",sans-serif;margin-bottom:1rem}.col-hero__headline{color:#fff}.col-hero__sub{color:hsla(0,0%,100%,.55);margin-top:2rem;font-size:1.1rem}.col-hero__bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right, #8c0303, #f58024)}.col-filter{background:#fff;border-bottom:1px solid rgba(38,21,21,.08);position:sticky;top:72px;z-index:50}.col-filter__inner{max-width:1320px;margin:0 auto;padding:1rem 4rem;display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{font-family:"Syne",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.2rem;border-radius:2px;color:rgba(38,21,21,.5);border:1px solid rgba(38,21,21,.15);transition:all .3s}.filter-btn.active,.filter-btn:hover{background:#8c0303;color:#fff;border-color:#8c0303}.col-grid{padding:8rem 0}.col-grid__inner{max-width:1320px;margin:0 auto;padding:0 4rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1024px){.col-grid__inner{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.col-grid__inner{grid-template-columns:1fr}}.product-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(38,21,21,.08);transition:box-shadow .6s cubic-bezier(0.16, 1, 0.3, 1),transform .6s cubic-bezier(0.16, 1, 0.3, 1)}.product-card:hover{box-shadow:0 8px 32px rgba(38,21,21,.12);transform:translateY(-4px)}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card:hover .product-card__image{transform:scale(1.04)}.product-card__image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}.product-card__image{width:100%;height:100%;background-size:cover;background-position:center;background-color:linear-gradient(135deg, #2a2118, #261515);transition:transform 1s cubic-bezier(0.16, 1, 0.3, 1)}.product-card__badge{position:absolute;top:1rem;left:1rem;background:#8c0303;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:2px}.product-card__quick-add{position:absolute;bottom:1rem;left:1rem;right:1rem;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}.product-card__info{padding:2rem}.product-card__meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.product-card__origin,.product-card__roast{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.product-card__origin{color:rgba(38,21,21,.45)}.product-card__roast{color:#f58024}.product-card__name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.4rem;color:#261515;margin-bottom:.5rem}.product-card__flavor{font-size:.82rem;color:rgba(38,21,21,.5);margin-bottom:2rem}.product-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(38,21,21,.08)}.product-card__price{font-family:"Syne",sans-serif;font-size:1rem;font-weight:700;color:#261515}.product-card__price small{color:rgba(38,21,21,.4);font-weight:400}.product-card.hidden{display:none}.wholesale{padding:6.4rem 0;background:#faf8f5;overflow:hidden}.wholesale__inner{max-width:1320px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1.1fr .9fr;gap:6.4rem;align-items:stretch}@media(max-width: 1024px){.wholesale__inner{grid-template-columns:1fr}}.wholesale__content,.wholesale__calculator{border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(38,21,21,.08);padding:4.6rem;border-radius:18px}.wholesale__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;font-family:"Syne",sans-serif;margin-bottom:1rem}.wholesale__content h2{color:#261515;margin-bottom:2rem}.wholesale__content p{color:rgba(38,21,21,.72);line-height:1.7;max-width:42rem}.wholesale__ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-top:4rem}.wholesale__calculator{border:1px solid rgba(38,21,21,.08);position:relative;overflow:hidden;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.wholesale__calc-head{margin-bottom:1rem;}.wholesale__calc-head h3{color:#261515;margin-bottom:1rem}.wholesale__calc-head p{color:rgba(38,21,21,.68);line-height:1.65}.wholesale__field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;}.wholesale__field label{font-size:.85rem;font-weight:600;color:#261515}.wholesale__input{width:100%;border:1px solid rgba(38,21,21,.12);border-radius:12px;background:hsla(0,0%,100%,.9);padding:.9rem 1rem;font-family:"Syne",sans-serif;color:#261515;outline:none;transition:border-color .25s,box-shadow .25s}.wholesale__input:focus{border-color:#8c0303;box-shadow:0 0 0 3px rgba(140,3,3,.12)}.wholesale__results{display:grid;gap:1rem;margin-top:2rem}.wholesale__result{border-radius:14px;background:rgba(38,21,21,.03);padding:1.1rem 2rem;display:flex;flex-direction:column;gap:.35rem; margin-top: -1rem;}.wholesale__result--accent{background:rgba(140,3,3,.06);border:1px solid rgba(140,3,3,.12)}.wholesale__result-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:rgba(38,21,21,.6)}.wholesale strong{font-size:1.75rem;color:#261515;line-height:1.1}.wholesale small{color:rgba(38,21,21,.62);line-height:1.5}.product-card__sizes{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.product-card__size{border:1px solid rgba(38,21,21,.12);background:rgba(0,0,0,0);padding:.45rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s ease}.product-card__size:hover{border-color:#261515}.product-card__size.is-active{background:#261515;color:#fff;border-color:#261515}.product-card__price-old{text-decoration:line-through;opacity:.5;margin-right:.5rem;font-size:.9rem}.product-card__discount-badge{position:absolute;top:1rem;right:1rem;background:#8c0303;color:#fff;padding:.35rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;z-index:2}.product-card__stock-badge{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.8);color:#fff;padding:.35rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;z-index:2}.about-hero{min-height:70vh;background:#261515;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:8rem 4rem}.about-hero__inner{position:relative;z-index:2}.about-hero__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f58024;margin-bottom:1rem;font-family:"Syne",sans-serif}.about-hero__headline{color:#fff}
.about-hero__image{position:absolute;inset:0;opacity:.4;will-change:transform}.about-intro{padding:8rem 4rem;max-width:1320px;margin:0 auto}.about-intro__inner{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}@media(max-width: 768px){.about-intro__inner{grid-template-columns:1fr}}.about-intro__large{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.9rem);color:#261515;line-height:1.5;margin-bottom:2rem;font-weight:300}.about-intro__numbers{display:flex;flex-direction:column;gap:2rem;padding-top:4rem}.about-intro__stat{display:flex;flex-direction:column}.stat-big{font-family:"Cormorant Garamond",Georgia,serif;font-size:4rem;font-weight:300;color:#8c0303;line-height:1}.stat-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(38,21,21,.4)}.journey{padding:8rem 4rem;background:#faf8f5}.journey__header{text-align:center;margin-bottom:8rem}.journey__header p{margin-top:1rem}.journey__map{position:relative;max-width:1000px;margin:0 auto}.journey__svg{width:100%;height:auto;display:block}.journey__station{position:absolute;display:flex;align-items:center;gap:1rem;opacity:0;transform:scale(0.8);transition:all .5s cubic-bezier(0.16, 1, 0.3, 1)}.journey__station.revealed{opacity:1;transform:scale(1)}.journey__station--vietnam{top:52%;left:5%}.journey__station--brazil{top:25%;left:45%}.journey__station--uae{top:48%;right:2%}.journey__station-img{width:64px;height:64px;border-radius:50%;background:#2a2118;border:3px solid #f58024;flex-shrink:0;overflow:hidden}.journey__station-text h3{font-size:1.1rem;color:#261515}.journey__station-text p{font-size:.75rem;color:rgba(38,21,21,.6)}.journey__station-text span{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#8c0303}@media(max-width: 768px){.journey__map{padding-bottom:8rem}.journey__station{position:static;margin-bottom:2rem}}.values{background:#281f04;padding:8rem 4rem}.values__inner{max-width:1320px;margin:0 auto}.values h2{color:#fff;margin-bottom:8rem}.values__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem}@media(max-width: 640px){.values__grid{grid-template-columns:1fr}}.value-item{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem}.value-item h4{color:#f58024;margin-bottom:.5rem}.value-item p{color:hsla(0,0%,100%,.55)}.cart-overlay{position:fixed;inset:0;background:rgba(38,21,21,.5);backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;transition:opacity .6s}.cart-overlay.active{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:#fff;z-index:12000;transform:translateX(100%);transition:transform .6s cubic-bezier(0.16, 1, 0.3, 1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(38,21,21,.15)}.cart-drawer.open{transform:translateX(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 4rem;border-bottom:1px solid rgba(38,21,21,.08)}.cart-drawer__header h2{font-size:1.3rem;color:#261515;font-family:"Cormorant Garamond",Georgia,serif}.cart-drawer__close{color:#261515;opacity:.5;transition:opacity .3s}.cart-drawer__close:hover{opacity:1}.cart-drawer__items{flex:1;overflow-y:auto;padding:2rem 4rem}.cart-drawer__empty{text-align:center;padding:8rem 0;display:flex;flex-direction:column;align-items:center;gap:2rem}.cart-drawer__footer{padding:2rem 4rem;border-top:1px solid rgba(38,21,21,.08);background:#faf8f5;height:50vh;overflow-y:auto}.cart-drawer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-weight:700;font-size:1rem;color:#261515}.cart-drawer__form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.cart-drawer__form h3{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(38,21,21,.45);margin-bottom:.25rem}.cart-drawer__actions{display:flex;flex-direction:column;margin-top:4rem;display:flex;gap:1rem;flex-wrap:wrap}.cart-drawer__actions .btn{width:100%;justify-content:center}.cart-drawer__enquire{width:100%;justify-content:center}.cart-input{width:100%;padding:.7rem 1rem;border:1px solid rgba(38,21,21,.15);border-radius:2px;font-size:.9rem;color:#261515;background:#fff;transition:border-color .3s}.cart-input:focus{outline:none;border-color:#8c0303}.cart-input--textarea{resize:vertical}.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(38,21,21,.07)}.cart-item__image{width:56px;height:56px;border-radius:2px;background:#f5f5f5;flex-shrink:0;background-size:cover;background-position:center}.cart-item__info{flex:1}.cart-item__name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;color:#261515}.cart-item__price{font-size:.8rem;color:rgba(38,21,21,.5)}.cart-item__controls{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.cart-item__qty-btn{width:22px;height:22px;border:1px solid rgba(38,21,21,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#261515;transition:all .3s}.cart-item__qty-btn:hover{background:#8c0303;color:#fff;border-color:#8c0303}.cart-item__qty{font-size:.85rem;font-weight:700;min-width:20px;text-align:center}.cart-item__remove{color:rgba(38,21,21,.25);font-size:.7rem;transition:color .3s}.cart-item__remove:hover{color:#8c0303}.fly-to-cart-target{position:fixed;top:1rem;right:4rem;width:10px;height:10px;pointer-events:none;z-index:9999}.footer{background:#261515;color:#fff}.footer__inner{max-width:1320px;margin:0 auto;padding:8rem 4rem 4rem;display:grid;grid-template-columns:1fr 2fr;gap:8rem}@media(max-width: 768px){.footer__inner{grid-template-columns:1fr;gap:4rem}}.footer__logo{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:.5rem}.footer__tagline{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#f58024}.footer__links{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 640px){.footer__links{grid-template-columns:1fr 1fr}}.footer__col h4{font-family:"Syne",sans-serif;font-size:.65rem;letter-spacing:.15em;color:hsla(0,0%,100%,.35);margin-bottom:1rem}.footer__col li{margin-bottom:.5rem}.footer__col a{font-size:.9rem;color:hsla(0,0%,100%,.65);transition:color .3s}.footer__col a:hover{color:#fff}.footer__bottom{max-width:1320px;margin:0 auto;padding:2rem 4rem;border-top:1px solid hsla(0,0%,100%,.07);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer__bottom p{font-size:.75rem;color:hsla(0,0%,100%,.3)}.cart-page{padding:calc(72px + 8rem) 2rem 8rem;min-height:100vh;background:#faf8f5}.cart-page__inner{max-width:1320px;margin:0 auto}.cart-page__header{margin-bottom:8rem;max-width:560px}.cart-page__header h1{color:#261515;margin-bottom:1rem}.cart-page__header p{color:rgba(38,21,21,.6)}.cart-page__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;font-family:"Syne",sans-serif;margin-bottom:1rem;display:block}.cart-page__headline{color:#261515}.cart-page__body{display:grid;grid-template-columns:1fr 420px;gap:8rem;align-items:start}@media(max-width: 1024px){.cart-page__body{grid-template-columns:1fr}}.cart-page__items{background:#fff;border-radius:4px;padding:2rem;box-shadow:0 2px 8px rgba(38,21,21,.08)}.cart-page__empty-msg{text-align:center;padding:8rem;color:rgba(38,21,21,.4)}.cart-page__empty-msg a{color:#8c0303;font-weight:600}.cart-page__empty-msg a:hover{text-decoration:underline}.cart-page__sidebar{position:sticky;top:calc(72px + 1rem);background:#fff;border-radius:4px;padding:2rem;box-shadow:0 2px 8px rgba(38,21,21,.08);display:flex;flex-direction:column;gap:2rem}.cart-page__summary h3{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(38,21,21,.4);margin-bottom:1rem}.cart-page__total-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(38,21,21,.07);font-size:.9rem;color:#261515;font-weight:600}.cart-page__total-row--shipping{font-weight:400;color:rgba(38,21,21,.5);font-size:.8rem}.cart-page__form{display:flex;flex-direction:column;gap:.5rem}.cart-page__form h3{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(38,21,21,.4);margin-bottom:.25rem}.cart-page__actions{display:flex;flex-direction:column;gap:.5rem}.cart-page__actions .btn{width:100%;justify-content:center}.marquee-strip{background:#f58024;overflow:hidden;padding:1rem 0;border-top:1px solid rgba(38,21,21,.12);border-bottom:1px solid rgba(38,21,21,.12)}.marquee-strip--dark{background:#261515;border-color:hsla(0,0%,100%,.06)}.marquee-strip--dark .marquee-track{color:hsla(0,0%,100%,.55)}.marquee-strip--dark .marquee-dot{color:#f58024}.marquee-track{display:flex;align-items:center;gap:2rem;white-space:nowrap;width:max-content;font-family:"Syne",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#261515}.marquee-dot{color:rgba(38,21,21,.3);font-size:1rem}.intro-statement{padding:8rem 4rem;background:#faf8f5}.intro-statement__inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:8rem;align-items:center}@media(max-width: 1024px){.intro-statement__inner{grid-template-columns:1fr}}.intro-statement__text{display:flex;flex-wrap:wrap;gap:.15em;line-height:1;margin:0}.intro-statement__body{font-size:1rem;color:rgba(38,21,21,.65);border-left:2px solid #8c0303;padding-left:2rem}.big-word{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(5rem,11vw,10rem);font-weight:300;color:#261515;line-height:.9;will-change:transform}.big-word--accent{color:#8c0303;font-style:italic}.editorial-grid{background:#fff;padding:8rem 0;overflow:hidden}
.editorial-grid__inner{max-width:1320px;margin:0 auto;padding:0 4rem;display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start}@media(max-width: 768px){.editorial-grid__inner{grid-template-columns:1fr}}.editorial-grid__col--main{overflow:hidden}.editorial-grid__col--stack{display:flex;flex-direction:column;gap:4rem;padding-top:8rem}.editorial-grid__text p{margin-bottom:2rem}.editorial-grid__text h2{margin-bottom:2rem}.editorial-grid__label{font-size:.7rem !important;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;font-family:"Syne",sans-serif;margin-bottom:1rem;display:block}.editorial-img{position:relative;overflow:hidden;border-radius:2px}.editorial-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(0.16, 1, 0.3, 1)}.editorial-img:hover img{transform:scale(1.03)}.editorial-img--tall{aspect-ratio:3/4}.editorial-img--wide{aspect-ratio:16/9}.editorial-img__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(38, 21, 21, 0.7), transparent);padding:2rem 1rem 1rem}.editorial-img__caption span{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.7)}.scroll-text-section{background:#261515;padding:8rem 4rem;display:flex;align-items:center;gap:8rem;overflow:hidden;position:relative}@media(max-width: 768px){.scroll-text-section{flex-direction:column;gap:2rem}}.scroll-text-wrap{flex-shrink:0;will-change:transform}.scroll-huge-text{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(8rem,20vw,18rem);font-weight:300;color:rgba(0,0,0,0);-webkit-text-stroke:1px rgba(245,128,36,.5);line-height:.85;margin:0}.scroll-text-body{max-width:480px}.scroll-text-label{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f58024;margin-bottom:1rem}.scroll-text-section p:last-child{color:hsla(0,0%,100%,.55);font-size:1.05rem}.featured-products{padding:8rem 4rem;background:#faf8f5}.featured-products__header{max-width:1320px;margin:0 auto 3rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem}.featured-products__header h2{color:#261515}.featured-products__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8c0303;font-family:"Syne",sans-serif;margin-bottom:.5rem}.featured-products__grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1024px){.featured-products__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.featured-products__grid{grid-template-columns:1fr}}.image-break{height:70vh;min-height:400px;overflow:hidden;position:relative}.image-break__inner{width:100%;height:115%;position:relative;will-change:transform}.image-break__inner img{width:100%;height:100%;object-fit:cover;display:block}.image-break__overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(38, 21, 21, 0.75) 40%, transparent);display:flex;align-items:center;padding:8rem}.image-break__quote{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:300;color:#fff;line-height:1.25;max-width:560px;border:none;margin:0;padding:0}.image-break__quote em{color:#f58024}.cta-band__btns{display:flex;gap:1rem;flex-wrap:wrap}.col-hero{position:relative;overflow:hidden}.col-hero__bg{position:absolute;inset:-10%;background-image:url("https://images.unsplash.com/photo-1474625342403-e500ece5c888?w=1600&q=80");background-size:cover;background-position:center;will-change:transform}.col-hero__bg::after{content:"";position:absolute;inset:0;background:rgba(38,21,21,.72)}.col-hero__inner{position:relative;z-index:2}.col-hero__headline{color:#fff}.col-hero__sub{color:hsla(0,0%,100%,.55)}.footer__marquee{overflow:hidden;border-bottom:1px solid hsla(0,0%,100%,.06);padding:1.1rem 0}.footer__marquee .marquee-track{color:hsla(0,0%,100%,.2);font-size:.65rem;letter-spacing:.25em}.footer__marquee .marquee-dot{color:rgba(245,128,36,.4)}.footer__bio{font-size:.82rem !important;color:hsla(0,0%,100%,.4) !important;max-width:260px;line-height:1.7;margin-top:1rem}.footer__social{display:flex;gap:1rem;margin-top:2rem}.footer__social a{color:hsla(0,0%,100%,.4);display:flex;align-items:center;transition:color .3s}.footer__social a:hover{color:#f58024}.footer__address{margin-top:2rem}.footer__address p{font-size:.78rem !important;color:hsla(0,0%,100%,.3) !important;line-height:1.5}.footer__logo{font-size:3rem !important;line-height:1.05}.footer__logo span{font-weight:300 !important;opacity:.5;font-size:.5em;letter-spacing:.2em;text-transform:uppercase}.footer__bottom-right{display:flex;gap:2rem}.footer__bottom-right span{opacity:.5}.services__right{position:relative;min-height:unset;align-self:center;width:100%}.services__vcard{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;display:flex;flex-direction:column;gap:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:2rem;box-sizing:border-box}.services__vcard ul{display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.services__vcard ul li{font-size:.82rem;color:hsla(0,0%,100%,.45);padding-left:1.4rem;position:relative;line-height:1.5;list-style:none}.services__vcard ul li::before{content:"—";position:absolute;left:0;color:#f58024}.services__vcard h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:300;color:#fff;margin:0}.services__vcard p{color:hsla(0,0%,100%,.6);font-size:.92rem;line-height:1.75;margin:0}.services__vcard--active{position:relative;opacity:1;pointer-events:all;transform:translateY(0)}.services__vcard-cta{align-self:flex-start;margin-top:.5rem;color:#fff !important;border-color:hsla(0,0%,100%,.3) !important;flex-shrink:0}.services__vcard-cta:hover{background:#fff !important;color:#261515 !important}@media(max-width: 768px){.services{height:260vh}.services__layout{grid-template-columns:1fr;padding:5rem 1.5rem 2rem;gap:2rem;align-content:start;overflow-y:auto}.services__left{padding-top:0}.services__right{width:100%}.services__vcard{padding:1.5rem}.services__vcard h3{font-size:1.6rem}.services__title{font-size:2.8rem !important}.services__progress-wrap{display:none}}@media(max-width: 480px){.services{height:300vh}.services__vcard{padding:1.25rem;gap:.75rem}}.services{height:300vh;position:relative}.services__sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.services{height:300vh;position:relative;background:#1c0f0f;overflow:visible}.services__sticky{left:0;width:100%;height:100vh;display:flex;align-items:center;will-change:transform;position:relative;top:0;overflow:hidden;z-index:10;background-color:#1c0f0f;transform:translateZ(0);-webkit-transform:translateZ(0);position:sticky;top:0;width:100%;height:100vh;overflow:hidden;z-index:10;transform:translateZ(0);will-change:transform;transition:box-shadow .2s ease}.services__bg-layer{position:absolute;inset:0;z-index:0;transition:background-color .8s ease;position:absolute;inset:0;z-index:0;background-color:#1c0f0f}.services__layout{position:relative;z-index:1;width:100%;max-width:1320px;margin:0 auto;padding:1rem 2rem;display:grid;grid-template-columns:320px 1fr;gap:8rem;align-items:center;height:520px}@media(max-width: 768px){.services__layout{grid-template-columns:1fr;gap:4rem;padding:4rem 2rem;align-items:start}}.services__left{color:#fff}.services__label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f58024;margin-bottom:1rem;font-family:"Syne",sans-serif}.services__title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:300;line-height:1.05;color:#fff;margin-bottom:2rem}.services__sub{font-size:.8rem !important;color:hsla(0,0%,100%,.55);margin-top:1rem}.services__pagination{display:flex;flex-direction:column;gap:1rem;margin-top:4rem}.services__page-dot{display:flex;align-items:center;gap:1rem;padding:.5rem 0;text-align:left;color:hsla(0,0%,100%,.4);background:none;border:none;cursor:pointer;transition:color .3s}.services__page-dot:hover,.services__page-dot.active{color:#faf8f5}.services__page-dot .sdot-num{font-family:"Syne",sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;width:28px}.services__page-dot .sdot-label{font-family:"Syne",sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.services__right{position:relative;height:100%;perspective:1200px;overflow:hidden}.services__vcard{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:4px;padding:4rem;display:flex;flex-direction:column;gap:1rem;transform-origin:center center -200px;opacity:0;will-change:transform,opacity}.services__vcard h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.8rem;color:#fff;font-weight:300}.services__vcard p{color:hsla(0,0%,100%,.6);font-size:.9rem}.services__vcard ul{display:flex;flex-direction:column;gap:.4rem;margin-top:auto}.services__vcard ul li{font-size:.8rem;color:hsla(0,0%,100%,.45);padding-left:1.2rem;position:relative}.services__vcard ul li::before{content:"—";position:absolute;left:0;color:#f58024}.services__vcard-icon{font-size:1.8rem;margin-bottom:.25rem}.services__vcard-cta{margin-top:1rem;display:inline-block;align-self:flex-start}.services__progress-wrap{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);width:80vw;max-width:1000px;display:flex;align-items:center;gap:1rem;color:hsla(0,0%,100%,.45);z-index:5}.services__progress-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;font-family:"Syne",sans-serif;font-weight:700;white-space:nowrap}
.services__progress-track{flex:1;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.services__progress-fill{height:100%;width:0%;background:#f58024;border-radius:2px}@media(max-width: 768px){.services{height:260vh}}.services{height:300vh;position:relative}.services__sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.services__bg-layer{position:absolute;inset:0;z-index:0;pointer-events:none}/*# sourceMappingURL=main.css.map */
/* Hero section with video background */
.col-hero {
  position: relative;
  width: 100%;
  min-height: 70vh;          /* Adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

/* Video fills the entire section */
.col-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;          /* Ensures video covers without distortion */
  z-index: 0;
}

/* Dark overlay to make text readable */
.col-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 0, 0, 0.55);  /* Dark semi-transparent – adjust opacity as needed */
  z-index: 1;
}

/* Text container – sits above overlay */
.col-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;         /* Adjust to your design */
  margin: 0 auto;
  padding: 2rem 1.5rem;
  color: white;
}

/* Eyebrow text */
.col-hero__eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #f58024;            /* Your orange color */
  margin-bottom: 0.75rem;
}

/* Headline */
.col-hero__headline {
  color: white;
  font-size: clamp(2rem, 5vw, 4rem);
  margin-bottom: 1rem;
  font-weight: 550;
}
.col-hero__headline em {
  font-style: italic;
  color: #f58024;
}

/* Subtitle */
.col-hero__sub {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* about */

/* About Bué Coffee Section – Plain CSS */

.about-bue {
  padding: 6rem 1.5rem;
  background: #f8f5f2;  /* offwhite */
  color: #2c1a14;       /* espresso */
}

.about-bue__container {
  max-width: 1200px;
  margin: 0 auto;
}

.about-bue__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .about-bue__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* Left column */
.about-bue__eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c0392b;      /* red */
  font-family: 'Syne', sans-serif;
  display: block;
  margin-bottom: 1rem;
}

.about-bue__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: #2c1a14;
}

.about-bue__intro {
  font-size: 1rem;
  color: rgba(44, 26, 20, 0.7);
  line-height: 1.6;
  max-width: 90%;
}

/* Right column copy */
.about-bue__text p {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(44, 26, 20, 0.8);
  margin-bottom: 1.25rem;
}

.about-bue__closing {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.2rem;
  font-style: italic;
  color: #c0392b;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(44, 26, 20, 0.1);
}

/* Stats strip */
.about-bue__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 3rem 0 2rem;
  padding: 2rem 0;
  border-top: 1px solid rgba(44, 26, 20, 0.1);
  border-bottom: 1px solid rgba(44, 26, 20, 0.1);
}

.about-bue__stats .stat-item {
  flex: 1;
  min-width: 120px;
  text-align: center;
}

.about-bue__stats .stat-number {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #c0392b;
  margin-bottom: 0.25rem;
}

.about-bue__stats .stat-label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(44, 26, 20, 0.5);
}

@media (max-width: 480px) {
  .about-bue__stats {
    flex-direction: column;
    align-items: center;
  }
  .about-bue__stats .stat-item {
    text-align: center;
    width: 100%;
  }
}

/* Footer closing line */
.about-bue__footer-line {
  text-align: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.3rem;
  color: rgba(44, 26, 20, 0.6);
  margin-top: 2rem;
  letter-spacing: -0.01em;
}

/* Optional reveal animation (if you use data-gsap-reveal) */
[data-gsap-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-gsap-reveal].revealed {
  opacity: 1;
  transform: translateY(0);
}

.about-hero {
  position: relative;
  overflow: hidden;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Scattered words container */
.about-hero__scatter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* so text can be clicked through */
  z-index: 1;
}

.scatter-word {
  position: absolute;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  color: hsl(34.89deg 100% 74.96% / 18%);  /* very subtle – adjust to your brand */
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

/* Optionally make them more visible on hover (not required) */
.about-hero:hover .scatter-word {
  opacity: 0.9;
}

/* Ensure the inner content (headline) is above the scatter */
.about-hero__inner {
  position: relative;
  z-index: 2;
}

/* The background image – already existing, ensure it's behind */
.about-hero__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #2c1a14, #4a2a1c); /* fallback */
  /* your existing image styling */
}

.journey {
  padding: 4rem 1.5rem;
  background: #f8f5f2; /* offwhite – adjust to your variable */
}

.journey__header {
  text-align: center;
  margin-bottom: 3rem;
}
.journey__header p {
  margin-top: 0.75rem;
}

.journey__map {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

.journey__svg {
  width: 100%;
  height: auto;
  display: block;
}

.journey__station {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  max-width: 280px;
  background: rgba(248, 245, 242, 0.9);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  backdrop-filter: blur(2px);
  z-index: 2;
}

.journey__station.revealed {
  opacity: 1;
  transform: scale(1);
}

/* Station positions (tweak as needed) */
.journey__station--vietnam {
  top: 40%;
  left: -5%;
}
.journey__station--brazil {
  top: 15%;
  left: 38%;
}
.journey__station--uae {
  top: 55%;
  right: -8%;
  left: auto;
}

.journey__station-img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff; /* brown – adjust */
  border: 3px solid #f58024; /* orange */
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.journey__station-img > img {
  max-width: 80%;
  max-height: 80%;
  position: relative;
  top: 10%;
}

.journey__station-text {
  flex: 1;
}
.journey__station-text h3 {
  font-size: 1rem;
  color: #2c1a14; /* espresso */
  margin-bottom: 0.25rem;
  font-family: 'Syne', sans-serif;
}
.journey__station-text p {
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(44, 26, 20, 0.7);
  margin-bottom: 0.25rem;
}
.journey__station-text span {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #c0392b; /* red */
}

@media (max-width: 768px) {
  .journey__map {
    padding-bottom: 2rem;
  }
  .journey__station {
    position: static;
    margin-bottom: 1rem;
    max-width: 100%;
    background: rgba(248, 245, 242, 0.95);
  }
  .journey__station--vietnam,
  .journey__station--brazil,
  .journey__station--uae {
    top: auto;
    left: auto;
    right: auto;
  }
}


/* ── Mobile styles (max-width: 768px) ── */
@media (max-width: 768px) {
  .services {
    height: 260vh; /* extra scroll distance for smaller screens */
  }
  .services__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1rem;
    height: auto;        /* let content decide height */
    align-items: start;
  }
  .services__right {
    min-height: 480px;   /* ensure cards have enough space */
  }
  .services__vcard {
    padding: 1.25rem;
  }
  .services__vcard h3 {
    font-size: 1.5rem;
  }
  .services__vcard p {
    font-size: 0.85rem;
  }
  .services__vcard ul li {
    font-size: 0.75rem;
  }
  .services__pagination {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .services__page-dot {
    flex: 0 0 auto;
    padding: 0.25rem 0.5rem;
  }
  .services__progress-wrap {
    width: 90vw;
    bottom: 0.75rem;
  }
  .services__progress-label {
    font-size: 0.55rem;
    white-space: nowrap;
  }
}

/* Optional: extra small devices (max-width: 480px) */
@media (max-width: 480px) {
  .services {
    height: 300vh;
  }
  .services__vcard {
    padding: 1rem;
  }
  .services__vcard h3 {
    font-size: 1.3rem;
  }
}

/* ── PRELOADER ─────────────────────────────────────────── */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c0f0f;     /* espresso – matches your brand */
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 1.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  pointer-events: none;    /* allow clicks after fade out? actually hidden later */
}

.preloader.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0s 0.8s;
}

.preloader__inner {
  text-align: center;
  max-width: 300px;
  width: 80%;
}

.preloader__logo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 4rem;
  font-weight: 300;
  color: #f8f5f2;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  animation: gentlePulse 1.6s ease-in-out infinite;
}
.preloader__logo span {
  display: inline-block;
  opacity: 0;
  animation: letterFade 0.6s forwards;
}
.preloader__logo span:nth-child(1) { animation-delay: 0.1s; }
.preloader__logo span:nth-child(2) { animation-delay: 0.2s; }
.preloader__logo span:nth-child(3) { animation-delay: 0.3s; }

.preloader__line {
  width: 100%;
  height: 2px;
  background: rgba(255,255,255,0.2);
  border-radius: 2px;
  overflow: hidden;
  margin: 1rem 0;
}

.preloader__fill {
  width: 0%;
  height: 100%;
  background: #f58024;   /* orange */
  transition: width 0.3s linear;
}

.preloader__text {
  font-family: 'Syne', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-top: 1rem;
}

@keyframes gentlePulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
}

@keyframes letterFade {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Hide preloader when everything is loaded */
body.loaded .preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Disabled button styles */
button:disabled,
button[disabled],
.btn:disabled,
.btn[disabled],
a.btn.disabled,
button.disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(0.1);
  transform: none !important;
  box-shadow: none !important;
}

/* Optional: slightly different for outline buttons */
.btn--outline:disabled,
.btn--outline[disabled] {
  opacity: 0.5;
  background: transparent !important;
  border-color: rgba(0,0,0,0.2) !important;
  color: rgba(0,0,0,0.4) !important;
}

/* For dark backgrounds (e.g., if you have dark buttons on dark bg) */
.btn--primary:disabled,
.btn--primary[disabled] {
  background: #555 !important;
  border-color: #555 !important;
  color: #aaa !important;
}

.wholesale__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 2.4rem;
    align-items: stretch;
}

.wholesale__content, .wholesale__calculator {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(38,21,21,.08);
    padding: 4.6rem 2rem;
    border-radius: 18px;
}

.wholesale__result {
    border-radius: 14px;
    background: rgba(38,21,21,.03);
    padding: 1.1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: -0.5rem;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.wholesale__actions {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Solid navbar for cart page (and any other full‑width page that needs it) */
.nav--solid {
  background: rgba(44, 26, 20, 0.98) !important;  /* espresso with slight opacity */
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Ensure the scrolled class doesn't override when both are present */
.nav--solid.scrolled {
  background: rgba(44, 26, 20, 0.98) !important;
}

/* Fallback for story sidebar – pure CSS sticky */
.story {
  position: relative;
}
.story__sidebar {
  position: sticky !important;
  top: 80px !important;        /* adjust to your nav height */
  height: calc(100vh - 80px) !important;
  overflow-y: auto;
  z-index: 20;
}

/* Wholesale section – mobile responsive */
@media (max-width: 768px) {
  .wholesale__inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem;
  }

  .wholesale__content,
  .wholesale__calculator {
    width: 100%;
    padding: 1.5rem;
  }

  .wholesale__content h2 {
    font-size: 1.8rem;
  }

  .wholesale__calculator {
    margin-top: 0;
  }

  .wholesale__field {
    margin-bottom: 1rem;
  }

  .wholesale__input,
  .wholesale__select {
    width: 100%;
    padding: 0.8rem;
    font-size: 1rem;
  }

  .wholesale__results {
    gap: 0.8rem;
  }

  .wholesale__result {
    padding: 0.8rem;
  }

  .wholesale__result strong {
    font-size: 1.2rem;
  }

  .wholesale__result small {
    font-size: 0.7rem;
  }

  .wholesale__ctas {
    flex-direction: column;
    gap: 0.8rem;
  }

  .wholesale__ctas .btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .wholesale__inner {
    padding: 1rem;
  }

  .wholesale__content,
  .wholesale__calculator {
    padding: 1rem;
  }

  .wholesale__title {
    font-size: 1.5rem;
  }

  .wholesale__calc-head h3 {
    font-size: 1.2rem;
  }

  .wholesale__calc-head p {
    font-size: 0.85rem;
  }

  .wholesale__result strong {
    font-size: 1rem;
  }

  .wholesale__result-label {
    font-size: 0.65rem;
  }

  .wholesale__actions .btn {
    font-size: 0.85rem;
    padding: 0.7rem;
  }
}
/* ── Responsive Cart (Drawer & Page) ── */

/* Cart Drawer */
@media (max-width: 768px) {
  .cart-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .cart-drawer__items {
    max-height: 60vh;
    overflow-y: auto;
  }

  .cart-item {
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .cart-item__image {
    width: 48px;
    height: 48px;
  }

  .cart-item__info {
    flex: 1;
    min-width: 120px;
  }

  .cart-item__controls {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .cart-item__qty-btn {
    width: 28px;
    height: 28px;
  }

  .cart-drawer__form input,
  .cart-drawer__form textarea {
    font-size: 14px;
    padding: 0.6rem;
  }

  .cart-drawer__actions {
    flex-direction: column;
  }

  .cart-drawer__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Cart Page */
@media (max-width: 768px) {
  .cart-page__body {
    flex-direction: column;
    gap: 1.5rem;
  }

  .cart-page__items {
    order: 2;
  }

  .cart-page__sidebar {
    order: 1;
    position: static;
    width: 100%;
    margin-bottom: 1rem;
  }

  .cart-page__form input,
  .cart-page__form textarea {
    width: 100%;
    font-size: 14px;
  }

  .cart-page__actions {
    flex-direction: column;
    gap: 0.75rem;
  }

  .cart-page__actions .btn {
    width: 100%;
    text-align: center;
  }

  .cart-page__total-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .cart-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-item__image {
    width: 100%;
    height: 160px;
  }

  .cart-item__controls {
    align-self: stretch;
  }
}

/* Extra small devices (max-width: 480px) */
@media (max-width: 480px) {
  .cart-page__header h1 {
    font-size: 1.8rem;
  }

  .cart-page__header p {
    font-size: 0.9rem;
  }

  .cart-drawer__header h2 {
    font-size: 1.2rem;
  }

  .cart-item__name {
    font-size: 0.95rem;
  }

  .cart-item__price {
    font-size: 0.85rem;
  }
}
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

.cart-page,
.cart-drawer,
.cart-drawer__items,
.cart-page__items {
  overflow-x: hidden;
}