:root{--ivory:#f2efe8;--paper:#f7f5ef;--charcoal:#444740;--muted:#686b64;--sage:#96a475;--line:#4447403d;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--charcoal);margin:0;font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}img{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5eff5;grid-template-columns:150px 1fr 150px;align-items:center;height:82px;padding:0 3vw;display:grid;position:sticky;top:0}.brand-mark{width:64px;height:64px}.brand-mark img{width:100%;height:100%}.desktop-nav{justify-content:center;align-items:center;gap:clamp(34px,5vw,88px);height:100%;display:flex}.desktop-nav a{letter-spacing:.01em;padding:31px 0 27px;font-size:15px;position:relative}.desktop-nav a:after{background:var(--sage);content:"";width:0;height:2px;transition:width .18s;position:absolute;bottom:20px;left:0}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.desktop-nav a.active:after{width:100%}.zalo-button{background:0 0;border:1px solid #444740ad;border-radius:3px;justify-self:end;min-width:128px;height:44px;font-size:15px;transition:color .18s,background .18s}.zalo-button:hover,.zalo-button:focus-visible{background:var(--charcoal);color:var(--paper)}.menu-button,.mobile-nav{display:none}.hero{background:#cac5bb;height:clamp(520px,39.72vw,762px);position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.mobile-hero-word{display:none}.principles-section{background:radial-gradient(circle at 15% 25%, #96a47514, transparent 28%), var(--ivory);padding:clamp(44px,5vw,76px) 0 clamp(72px,8vw,120px)}.section-intro{width:min(1320px,100% - 8vw);margin:0 auto clamp(22px,2vw,32px)}.section-intro span{color:var(--sage);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:12px}.carousel{aspect-ratio:16/9;touch-action:pan-y;background:#d8d4ca;width:min(1440px,100% - 4vw);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 70px #37352f1f}.carousel-track{width:100%;height:100%;transition:transform .72s cubic-bezier(.22,.75,.2,1);display:flex}.principle-slide{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.principle-media{position:absolute;inset:0}.principle-media img{object-fit:cover;width:100%;height:100%}.principle-copy{z-index:2;flex-direction:column;align-items:flex-start;width:40%;max-width:600px;display:flex;position:absolute;top:8.5%;left:6%}.align-right .principle-copy{width:37%;left:auto;right:5.5%}.principle-kicker{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin-bottom:24px;font-size:clamp(9px,.8vw,13px)}.principle-number{color:var(--sage);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;margin-bottom:clamp(30px,4vw,62px);font-size:clamp(10px,1vw,15px)}.principle-copy h3{letter-spacing:.035em;margin:0;font-size:clamp(44px,6vw,104px);font-weight:700;line-height:.95}.principle-copy h4{letter-spacing:-.02em;margin:clamp(12px,1.7vw,24px) 0 0;font-size:clamp(20px,2.2vw,37px);font-weight:400}.sage-rule{background:var(--sage);width:142px;height:5px;margin:clamp(16px,2vw,28px) 0}.principle-copy p{color:#565a53;margin:0;font-size:clamp(13px,1.25vw,20px);line-height:1.55}.principle-copy p span{display:block}.principle-copy blockquote{margin:clamp(22px,2.3vw,34px) 0 0;font-size:clamp(15px,1.5vw,24px);line-height:1.4}.carousel-arrow{z-index:5;background:#f7f5efd1;border:1px solid #44474073;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;transition:background .18s,color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--charcoal);color:#fff}.carousel-arrow.previous{left:18px}.carousel-arrow.next{right:18px}.carousel-dots{z-index:5;gap:14px;display:flex;position:absolute;bottom:3.4%;left:50%;transform:translate(-50%)}.carousel-dots button{background:#f7f5ef80;border:1.5px solid #444740b3;border-radius:50%;width:11px;height:11px;padding:0;transition:background .18s,transform .18s}.carousel-dots button.active{border-color:var(--sage);background:var(--sage);transform:scale(1.15)}.carousel-hint{color:#7a7d75;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:20px auto 0;font-size:11px}.products-section{border-top:1px solid var(--line);background:linear-gradient(90deg, transparent 0 49.9%, #4447400e 50%, transparent 50.1%), var(--paper);background-size:25% 100%;padding:clamp(74px,8vw,128px) 0 clamp(86px,9vw,144px);overflow:hidden}.products-intro,.product-group-heading{width:min(1320px,100% - 8vw);margin-left:auto;margin-right:auto}.products-intro{grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);align-items:start;column-gap:clamp(40px,7vw,120px);margin-bottom:clamp(68px,7vw,108px);display:grid}.products-intro>span{color:var(--sage);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;padding-top:10px;font-size:12px}.products-intro h2{color:#4b4e47;letter-spacing:-.055em;grid-column:2;margin:0;font-size:clamp(52px,6.4vw,104px);font-weight:600;line-height:.95}.products-intro p{color:#696c65;grid-column:2;max-width:620px;margin:30px 0 0;font-size:clamp(16px,1.35vw,21px);line-height:1.65}.product-groups{gap:clamp(92px,10vw,156px);display:grid}.product-group-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:24px;display:flex}.product-group-heading span{color:var(--sage);font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;font-size:11px}.product-group-heading h3{letter-spacing:-.045em;margin:13px 0 0;font-size:clamp(34px,4vw,62px);font-weight:500;line-height:1}.product-group-heading p{color:#74776f;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px}.product-group-heading p span{color:var(--charcoal);letter-spacing:0;margin-left:10px;font-size:17px;display:inline-block}.product-rail{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;gap:clamp(16px,1.8vw,30px);width:100%;max-width:100vw;margin-top:30px;padding:0 max(4vw,50vw - 660px) 20px;display:flex;overflow-x:auto}.product-rail::-webkit-scrollbar{display:none}.product-rail:focus-visible{outline:2px solid var(--sage);outline-offset:6px}.product-rail.is-dragging{scroll-behavior:auto;cursor:grabbing}.product-card{background:#f7f5efeb;border:1px solid #4447402e;flex:0 0 clamp(276px,25.5vw,390px);min-width:0;box-shadow:0 16px 36px #34342f0f}.product-visual{--drink-tone:#6c5140;--drink-accent:#c8b79e;background:linear-gradient(145deg,#ffffff80,#0000 44%),linear-gradient(#d9d7cf 0 70%,#b9b7b0 70% 71%,#c9c7c0 71%);border-bottom:1px solid #4447402e;place-items:center;height:clamp(300px,29vw,440px);display:grid;position:relative;overflow:hidden}.product-visual:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 26px,#44474006 27px),linear-gradient(90deg,#ffffff5c,#0000 34%);position:absolute;inset:0}.product-index{color:#4447409e;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:11px;position:absolute;top:20px;left:22px}.studio-line{background:#44474021;width:1px;height:48%;position:absolute;bottom:29%;right:18%}.drink-shadow{filter:blur(10px);background:#34302a33;border-radius:50%;width:48%;height:8%;position:absolute;bottom:20%;transform:translate(8%)}.drink-cup{z-index:1;background:#ffffff2e;border:2px solid #f5f2e9d1;border-top-width:5px;border-radius:6px 6px 18px 18px;width:40%;height:57%;margin-top:4%;position:relative;overflow:visible;box-shadow:inset 10px 0 14px #ffffff38,inset -8px 0 12px #47433d14,14px 18px 28px #443e3729}.milk-tea .drink-cup{border-radius:14px 14px 28px 28px;width:43%;height:61%}.milk-tea .drink-cup:before{z-index:3;content:"";background:#edeae2b8;border:2px solid #f5f2e9e6;border-radius:6px;height:13px;position:absolute;top:-8px;left:-9px;right:-9px}.drink-fill{background:linear-gradient(135deg, #ffffff26, transparent 36%), var(--drink-tone);height:83%;box-shadow:inset 0 14px 0 color-mix(in srgb, var(--drink-accent) 28%, transparent);border-radius:2px 2px 13px 13px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.milk-tea .drink-fill{background:radial-gradient(circle at 18% 90%, var(--drink-accent) 0 6px, transparent 7px), radial-gradient(circle at 36% 94%, var(--drink-accent) 0 7px, transparent 8px), radial-gradient(circle at 56% 89%, var(--drink-accent) 0 6px, transparent 7px), radial-gradient(circle at 74% 94%, var(--drink-accent) 0 7px, transparent 8px), linear-gradient(135deg, #ffffff29, transparent 38%), var(--drink-tone);border-radius:4px 4px 22px 22px;height:89%}.drink-ice{z-index:2;background:#ffffff1f;border:1px solid #ffffff7a;border-radius:5px;width:38px;height:34px;position:absolute;transform:rotate(16deg)}.ice-one{top:24%;left:13%}.ice-two{top:35%;right:12%;transform:rotate(-12deg)}.milk-tea .drink-ice{opacity:.45}.drink-straw{z-index:-1;background:var(--drink-accent);transform-origin:bottom;border-radius:5px 5px 0 0;width:5px;height:47%;position:absolute;bottom:78%;left:63%;transform:rotate(5deg)}.drink-label{z-index:3;color:#f7f5efeb;border:1px solid #f7f5efb8;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;font-style:normal;font-weight:700;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.illustration-note{color:#44474080;font-family:var(--font-geist-mono), monospace;letter-spacing:.11em;font-size:8px;position:absolute;bottom:16px;right:18px}.product-copy{min-height:176px;padding:25px 26px 30px}.product-copy h4{color:#4a4d46;letter-spacing:-.025em;margin:0;font-size:clamp(21px,1.7vw,27px);font-weight:500}.product-copy p{color:#73766e;margin:15px 0 0;font-size:14px;line-height:1.65}.site-footer{color:var(--ivory);background-color:#454942;background-image:linear-gradient(90deg,#0000 0 49.94%,#f2efe80e 50%,#0000 50.06%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-top:1px solid #f2efe83d;padding:clamp(44px,4.5vw,68px) 4vw 22px}.footer-heading{grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);column-gap:clamp(40px,7vw,120px);width:min(1320px,100%);margin:0 auto clamp(36px,4vw,56px);display:grid}.footer-heading>span{color:#aab88a;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;padding-top:10px;font-size:11px}.footer-heading h2{color:#f3f0e9;letter-spacing:-.065em;grid-column:2;margin:0;font-size:clamp(48px,5.6vw,82px);font-weight:600;line-height:.88}.footer-heading p{color:#f2efe8ab;grid-column:2;max-width:520px;margin:16px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.65}.footer-links{border-top:1px solid #f2efe840;border-bottom:1px solid #f2efe840;grid-template-columns:repeat(4,1fr);width:min(1320px,100%);margin:0 auto;display:grid}.footer-contact{border-right:1px solid #f2efe838;flex-direction:column;min-height:158px;padding:17px clamp(15px,1.6vw,24px) 18px;display:flex;position:relative}.footer-contact:last-child{border-right:0}.footer-number,.footer-label,.footer-status{font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;text-transform:uppercase;font-size:9px}.footer-number{color:#aab88a}.footer-label{color:#f2efe87a;margin-top:23px}.footer-contact strong{color:#f3f0e9;letter-spacing:-.025em;margin-top:8px;font-size:clamp(18px,1.5vw,23px);font-weight:400;line-height:1.15}.footer-status{color:#f2efe870;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.footer-status i{color:#aab88a;font-family:Helvetica Neue,Arial,sans-serif;font-size:18px;font-style:normal}.footer-contact.disabled{cursor:default;transition:background .18s}.footer-contact.disabled:hover{background:#f2efe809}.footer-contact.disabled:hover strong{color:#f3f0e9}.footer-bottom{color:#f2efe88f;width:min(1320px,100%);font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;justify-content:space-between;align-items:center;margin:20px auto 0;font-size:10px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand img{border-radius:50%;width:42px;height:42px}@media (width<=1100px){.principle-copy{top:7%}.principle-number{margin-bottom:24px}.principle-copy h3{font-size:clamp(40px,5.6vw,68px)}.principle-kicker{margin-bottom:16px}.principle-copy blockquote{margin-top:18px}}@media (width<=760px){.site-header{grid-template-columns:1fr auto;height:72px;padding:0 20px}.brand-mark{width:54px;height:54px}.desktop-nav,.zalo-button{display:none}.menu-button{border:1px solid var(--line);background:0 0;place-content:center;gap:7px;width:44px;height:44px;display:grid}.menu-button span{background:var(--charcoal);width:20px;height:1.5px;display:block}.mobile-nav{background:var(--paper);opacity:0;max-height:0;transition:max-height .26s,opacity .18s;display:grid;position:absolute;top:72px;left:0;right:0;overflow:hidden}.mobile-nav.open{border-bottom:1px solid var(--line);opacity:1;max-height:420px}.mobile-nav a,.mobile-nav button{text-align:left;background:0 0;border:0;border-bottom:1px solid #4447401f;padding:17px 24px}.hero{height:calc(100svh - 72px);min-height:600px}.hero-image{object-position:72% center}.hero:after{content:"";background:linear-gradient(90deg,#2b2c2852,#0000 62%);position:absolute;inset:0}.mobile-hero-word{z-index:2;color:#f5f2eb;letter-spacing:.12em;flex-direction:column;font-size:clamp(64px,21vw,94px);font-weight:700;line-height:1;display:flex;position:absolute;top:21%;left:24px}.mobile-hero-word span{background:var(--sage);width:74px;height:5px;margin-top:22px}.principles-section{padding:44px 0 72px}.section-intro{width:calc(100% - 40px);margin-bottom:22px}.carousel{aspect-ratio:auto;width:calc(100% - 24px);height:min(760px,100svh - 36px);min-height:690px;box-shadow:0 18px 40px #37352f1a}.principle-slide{background:var(--paper);grid-template-rows:43% 57%;display:grid}.principle-media{grid-row:1;width:100%;height:100%;position:relative;inset:auto}.principle-media img{object-fit:cover}.principle-slide:first-child .principle-media img{object-position:70% center}.principle-slide:nth-child(2) .principle-media img{object-position:20% center}.principle-slide:nth-child(3) .principle-media img{object-position:66% center}.principle-slide:nth-child(4) .principle-media img{object-position:74% center}.principle-copy,.align-right .principle-copy{background:var(--paper);grid-row:2;width:100%;max-width:none;padding:28px 26px 68px;position:relative;top:auto;left:auto;right:auto}.principle-kicker{margin-bottom:8px;font-size:9px}.principle-number{margin-bottom:20px;font-size:10px}.principle-copy h3{font-size:clamp(42px,12.5vw,58px)}.principle-copy h4{margin-top:10px;font-size:22px}.sage-rule{width:90px;height:4px;margin:15px 0}.principle-copy p{font-size:13px}.principle-copy blockquote{margin-top:16px;font-size:15px}.carousel-arrow{width:42px;height:42px;top:21.5%}.carousel-arrow.previous{left:12px}.carousel-arrow.next{right:12px}.carousel-dots{bottom:22px}.carousel-hint{padding:0 20px;line-height:1.6}.products-section{background:linear-gradient(90deg, transparent 0 49.8%, #4447400b 50%, transparent 50.2%), var(--paper);background-size:50% 100%;padding:68px 0 88px}.products-intro{width:calc(100% - 40px);margin-bottom:60px;display:block}.products-intro>span{padding:0;display:block}.products-intro h2{margin-top:18px;font-size:clamp(46px,14.5vw,68px)}.products-intro p{margin-top:22px;font-size:16px}.product-groups{gap:88px}.product-group-heading{width:calc(100% - 40px);padding-bottom:19px}.product-group-heading h3{margin-top:10px;font-size:38px}.product-group-heading p{text-align:right;max-width:92px;line-height:1.5}.product-group-heading p span{display:none}.product-rail{gap:14px;margin-top:22px;padding:0 20px 16px}.product-card{flex-basis:min(79vw,330px)}.product-visual{height:min(92vw,390px)}.product-copy{min-height:164px;padding:23px 22px 27px}.product-copy h4{font-size:23px}.product-copy p{font-size:13px}.site-footer{background-color:#454942;background-image:linear-gradient(90deg,#0000 0 49.8%,#f2efe80a 50%,#0000 50.2%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:42px 20px 20px}.footer-heading{margin-bottom:32px;display:block}.footer-heading>span{padding:0;display:block}.footer-heading h2{margin-top:14px;font-size:clamp(48px,14vw,62px)}.footer-heading p{margin-top:14px;font-size:13px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-contact{border-bottom:1px solid #f2efe838;border-right:1px solid #f2efe838;min-height:145px;padding:15px 13px 16px}.footer-contact:nth-child(2n){border-right:0}.footer-contact:nth-last-child(-n+2){border-bottom:0}.footer-label{margin-top:20px}.footer-contact strong{font-size:18px}.footer-bottom{margin-top:18px}.footer-brand{gap:12px}.footer-brand img{width:38px;height:38px}.footer-bottom>span{font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-track,.mobile-nav,.desktop-nav a:after,.product-rail{transition:none}}