*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--primary-color:#1d1d1d;--secondary-color:#000;--accent-color:#2b1b08;--accent-color-low-opacity:#2b1b08ad;--accent-color-lower-opacity:#2b1b0880;--milky-coffee-color:oklch(68.558% .04313 58.43);--text-color:#f8f5f2;--link-color:#ffdeb6;--button-gradient:linear-gradient(135deg, #bd844f, #a67c52);--primary-font:"LatoWeb";--bold-font:"LatoWebBold";--hero-font:"LatoWebBlack";--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--default-radius:10px;--font-size-sm:clamp(.8rem, .8rem + .25vw, .95rem);--font-size-base:clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg:clamp(1.1rem, 1rem + .6vw, 1.5rem);--font-size-xl:clamp(1.3rem, 1.2rem + 1vw, 2rem);--font-size-xxl:clamp(1.8rem, 1.5rem + 2vw, 2.5rem)}@view-transition{navigation:auto}*{font-family:var(--primary-font);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color-low-opacity) var(--milky-coffee-color)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--milky-coffee-color)}*::-webkit-scrollbar-thumb{background:var(--accent-color-low-opacity);background-clip:content-box;border:2px solid #0000;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--accent-color);background-clip:content-box;border:2px solid #0000;border-radius:999px}body{background-image:url(../media/VietnamFarms.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;line-height:1.8rem}header{z-index:10;margin-bottom:var(--space-md);position:sticky;top:0}section{padding:var(--space-md);gap:var(--space-md);width:100%;max-width:1480px;margin:auto}section .section-title{font-family:var(--bold-font);color:var(--text-color);font-size:var(--font-size-xxl);text-align:center;margin:var(--space-md)}a,a:visited{color:var(--link-color);text-decoration:none}#root{background:linear-gradient(#2b1b08f2 0%,#2b1b08b3 40%,#2b1b0866 100%);position:relative}.divider{min-height:8vh}.main{flex-direction:column;display:flex}.nav{padding:var(--space-sm);background:var(--accent-color-low-opacity);justify-content:center;display:flex}.nav .nav__bar{display:none}.logo{width:100px;height:auto}.logo path{color:var(--link-color);opacity:1}.hero{justify-content:center;align-items:center;padding:2rem 1rem 3rem;display:flex;position:relative}.hero__container{grid-template-columns:1fr;align-items:center;gap:2rem;width:100%;display:grid}.hero__text{gap:var(--space-md);text-align:center;flex-direction:column;order:2;align-items:center;display:flex}.hero__text h1{font-family:var(--hero-font);font-size:var(--font-size-xxl);color:var(--text-color);text-shadow:0 4px 30px #00000080;margin:0;line-height:1.3}.hero__highlight{font-family:var(--hero-font);background:linear-gradient(135deg,#fcead3 0%,#d3a271 60%,#875941 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtext{font-size:var(--font-size-base);color:var(--text-color);text-shadow:0 2px 20px #000;max-width:100%;font-weight:700}.hero__button{font-family:var(--hero-font);background:var(--button-gradient);color:var(--text-color);font-weight:900;font-size:var(--font-size-xl);letter-spacing:.1rem;cursor:pointer;text-shadow:0 2px 4px #0000004d;border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:1.2rem 1.5rem;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #c4966a4d}.hero__button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #c4956a80}.hero__button:active{transform:translateY(0)scale(.98)}.hero__image-wrapper{order:1;justify-content:center;align-items:center;display:flex}.hero__image{object-fit:contain;filter:drop-shadow(0 10px 50px #0009);max-width:100%;height:auto;max-height:280px;transition:transform .3s;animation:4s ease-in-out infinite float}.hero__image:hover{transform:scale(1.02)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.products{flex-direction:column;align-items:center;display:flex}.products .products__grid{gap:var(--space-lg);scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--default-radius);width:100%;padding:var(--space-lg);background-color:var(--accent-color-low-opacity);border:2px solid #000;margin:auto 0;display:flex;overflow:auto hidden}.products .products__grid .products__item{cursor:pointer;scroll-snap-align:center;color:var(--text-color);text-shadow:0 2px 20px #000;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1 0 auto;margin:0;padding:0;transition:transform .3s ease-out}.products .products__grid .products__item .products__name{display:none}.products .products__grid .products__item .products__type{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:700}.products .products__grid .products__item .products__attributes{font-size:var(--font-size-base);flex-direction:column;padding:0;display:flex}.products .products__grid .products__item .products__attributes li{text-transform:uppercase;flex:1;list-style-type:none}.products .products__grid .products__item img{aspect-ratio:auto;max-height:350px;margin-bottom:var(--space-md);object-fit:contain}.products .products__grid .products__item:hover,.products .products__grid .products__item:focus-visible{transform:scale(1.03)}.whyus{text-align:center;width:100%;min-height:80vh;color:var(--text-color);text-shadow:0 2px 20px #000;font-size:var(--font-size-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.whyus .promises{justify-content:space-evenly;align-items:center;width:100%;display:flex;overflow:auto}.whyus .promises .promise{line-height:var(--space-lg);font-size:var(--font-size-xl);margin:var(--space-lg)}.delivery{flex-direction:column;display:flex}.svgs-container{justify-content:center;width:100%;display:flex}.svgs-container .svg{stroke:var(--milky-coffee-color);width:100px;height:100%}.plans{flex-direction:column;align-items:center;display:flex}.plans .plans__content{gap:var(--space-sm);border-radius:var(--default-radius);width:100%;height:auto;padding:var(--space-md);background-color:var(--accent-color-lower-opacity);border:2px solid #000;justify-content:space-evenly;margin:auto 0;display:flex;overflow:auto hidden}.plans .plans__content .plan-card{scroll-snap-align:start;padding:var(--space-lg);background:linear-gradient(0deg, var(--accent-color-low-opacity), var(--primary-color));border-radius:var(--default-radius);border:1px solid #000;flex-direction:column;flex:0 0 330px;align-items:center;display:flex}.plans .plans__content .plan-card .plan-card__title{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--space-sm)}.plans .plans__content .plan-card .plan-card__price{line-height:var(--space-xl);font-size:var(--font-size-xxl);color:var(--text-color);text-align:center;font-weight:700}.plans .plans__content .plan-card .plan-card__price .small{font-size:var(--font-size-sm);font-weight:500}.plans .plans__content .plan-card .plan-card__button{padding:var(--space-md);margin:var(--space-md);font-size:var(--font-size-xl);color:var(--text-color);background:var(--button-gradient);border-radius:var(--default-radius);cursor:pointer;border:none;width:100%;font-weight:700;transition:all .3s}.plans .plans__content .plan-card .plan-card__button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #c4956a80}.plans .plans__content .plan-card .plan-card__button:active{transform:translateY(0)scale(.98)}.plans .plans__content .plan-card .plan-card__description{font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:2rem}.plans .plans__content .plan-card .plan-card__features{line-height:clamp(1.6rem,1.6vw,2.6rem);font-size:var(--font-size-base);color:var(--text-color);align-self:flex-start}.text-base{color:var(--text-color);line-height:1.5;font-size:var(--font-size-base);text-shadow:0 2px 20px #000;text-align:center}.text-base.bold-text{font-size:var(--font-size-base)}.equipments{grid-template-columns:1fr;width:100%;display:grid;overflow:clip}.equipments .equipment__wrapper{padding:var(--space-md);gap:var(--space-lg);display:grid}.equipments .equipment-image-wrapper{justify-content:center;align-items:center;display:flex}.equipments .equipment-image-wrapper .equipment-image{object-fit:contain;max-width:100%;height:auto;max-height:280px}.about{flex-direction:column;display:flex}.about .about__content{height:max-content;min-height:480px;padding:var(--space-lg);background-color:var(--accent-color-low-opacity);border-radius:var(--default-radius);border:2px solid #000;flex-direction:column;justify-content:center;align-items:center;display:flex}.about .about__content p{line-height:var(--space-lg);text-align:left}.dialog{border-radius:var(--default-radius);background:0 0;border:none;width:min(90vw,1280px);height:auto;margin:auto;padding:0}.dialog::backdrop{background:var(--accent-color-low-opacity);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal--paper{background-color:#d6cec1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}.modal{color:#111;grid-template-rows:auto 1fr;height:100%;display:grid}.modal .modal__header{padding:var(--space-sm);justify-content:center;align-items:center;margin:0;display:flex;position:relative}.modal hr{background-color:var(--accent-color);height:4px}.modal .modal__title{font-size:var(--font-size-xxl);margin-block:var(--space-md);text-align:center}.modal .modal__close{cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:transform .15s,opacity .15s;position:absolute;top:1rem;right:1rem}.modal .modal__close:hover{opacity:.9;transform:scale(1.2)}.modal .modal__content{gap:var(--space-md);padding:var(--space-md);font-size:var(--font-size-xl);grid-template-rows:auto 1fr;display:grid;overflow-y:auto}.modal .modal__content .modal__image{object-fit:contain;background:0 0;width:100%;max-height:150px}.modal .modal__content .modal__info{text-align:center;gap:var(--space-sm);flex-direction:column;height:100%;display:flex}@media screen and (width>=794px){section{max-width:1480px}.nav{justify-content:space-between;align-items:center;display:flex}.nav .nav__bar{justify-content:space-evenly;align-items:center;width:70%;height:fit-content;padding:0;display:flex}.nav .nav__link{font-size:var(--font-size-xl);font-weight:700;list-style-type:none;transition:all .3s}.nav .nav__link:visited{text-decoration:none}.nav .nav__link:hover{transform:scale(1.1)}.nav .nav__link:active{scale:.9}.logo{margin-left:4rem}.hero{justify-content:center;align-items:center;min-height:calc(100svh - 80px);display:flex}.hero .hero__container{text-align:left;grid-template-columns:1fr 1fr;max-width:1480px;padding:1rem}.hero .hero__container .hero__text{white-space:nowrap;line-height:var(--space-xl);gap:var(--space-lg);order:1}.hero .hero__container .hero__text .hero__subtext{font-size:var(--font-size-xl)}.hero .hero__container .hero__text .hero__button{font-size:var(--font-size-xl);letter-spacing:1.1px;width:fit-content;padding:1.4rem 4.4rem}.hero .hero__container .hero__image{order:2;max-height:500px}.hero .hero__text h1{font-size:clamp(2.8rem,7vw,5rem)}.equipments{max-width:1480px;min-height:800px;margin:auto}.equipments .equipment__wrapper{grid-template-columns:1fr 1fr;align-items:center;display:grid}.equipments .equipment__wrapper .equipment-image{height:auto;max-height:540px}.equipments .equipment__wrapper .text-base{text-align:left;font-size:var(--font-size-lg)}.equipments .sort .text-base{order:1}.equipments .sort .equipment-image-wrapper{order:2}.equipments .roast .text-base{order:2}.equipments .roast .equipment-image-wrapper{order:1}.plan-card{margin:var(--space-md);min-width:400px}.modal__content{line-height:var(--space-lg);grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start}}@media screen and (width>=1450px){.products__grid{justify-content:center}}@font-face{font-family:LatoWebBlack;src:url(./Lato-Black-DEpAikEH.eot);src:url(./Lato-Black-DEpAikEH.eot?#iefix)format("embedded-opentype"),url(./Lato-Black-xqgs0fI9.woff2)format("woff2"),url(./Lato-Black-CISFMy3-.woff)format("woff"),url(./Lato-Black-zWwzajZA.ttf)format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:swap}@font-face{font-family:LatoWebBold;src:url(./Lato-Bold-V0E48Oru.eot);src:url(./Lato-Bold-V0E48Oru.eot?#iefix)format("embedded-opentype"),url(./Lato-Bold-450o7qxS.woff2)format("woff2"),url(./Lato-Bold-jhsKD-BB.woff)format("woff"),url(./Lato-Bold-DJ7mpxtt.ttf)format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:swap}@font-face{font-family:LatoWeb;src:url(./Lato-Regular-DXpsO5jD.eot);src:url(./Lato-Regular-DXpsO5jD.eot?#iefix)format("embedded-opentype"),url(./Lato-Regular-slfFsoDb.woff2)format("woff2"),url(./Lato-Regular-DdzPa3bH.woff)format("woff"),url(./Lato-Regular-B4qwZox_.ttf)format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:swap}[data-animation=slide-in-right]{opacity:0;transition:all 1s;transform:translate(50%)}[data-animation=slide-in-left]{opacity:0;transition:all 1s;transform:translate(-50%)}.animate{opacity:1;transform:translate(0)}