:root{--ivory:#f2efe8;--paper:#f7f5ef;--charcoal:#3f423c;--ink:#2c2e29;--muted:#6b6e66;--sage:#96a475;--sage-deep:#7c8a5e;--line:#3f423c38;--line-soft:#3f423c24;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-sans:"Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;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:#f7f5eff0;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 #3f423cad;border-radius:3px;justify-self:end;place-items:center;min-width:128px;height:44px;font-size:15px;transition:color .18s,background .18s;display:grid}.zalo-button:hover,.zalo-button:focus-visible{background:var(--charcoal);color:var(--paper)}.menu-button,.mobile-nav{display:none}.hero{background:#cac5bb;height:clamp(560px,88vh,900px);position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#1c1d1ab8 0%,#1c1d1a6b 42%,#0000 78%),linear-gradient(#0000 60%,#1c1d1a80);position:absolute;inset:0}.hero-content{z-index:2;color:#f5f2eb;flex-direction:column;align-items:flex-start;max-width:720px;display:flex;position:absolute;top:50%;left:clamp(24px,7vw,120px);transform:translateY(-50%)}.hero-title{letter-spacing:.02em;margin:0;font-size:clamp(96px,17vw,240px);font-weight:800;line-height:.82}.hero-sub{letter-spacing:.06em;margin:clamp(22px,3vw,40px) 0 0;font-size:clamp(18px,2vw,30px);font-weight:300}.hero-tagline{color:#f5f2ebb8;font-family:var(--font-mono);letter-spacing:.04em;margin:14px 0 0;font-size:clamp(12px,1.1vw,16px)}.hero-cta{letter-spacing:.04em;background:#f5f2eb0f;border:1px solid #f5f2eb8c;align-items:center;gap:14px;margin-top:clamp(30px,4vw,52px);padding:16px 26px;font-size:15px;transition:background .2s,color .2s;display:inline-flex}.hero-cta span{font-size:18px;transition:transform .2s}.hero-cta:hover,.hero-cta:focus-visible{background:var(--sage);border-color:var(--sage);color:var(--ink)}.hero-cta:hover span{transform:translateY(3px)}.hero-scroll{z-index:2;color:#f5f2ebb3;font-family:var(--font-mono);letter-spacing:.3em;flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-scroll i{background:linear-gradient(var(--sage), transparent);width:1px;height:46px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.principles-section{background:radial-gradient(circle at 15% 25%, #96a47514, transparent 28%), var(--ivory);padding:clamp(56px,6vw,96px) 0 clamp(64px,7vw,110px)}.section-intro{width:min(1320px,100% - 8vw);margin:0 auto clamp(34px,4vw,56px)}.section-intro>span{color:var(--sage-deep);font-family:var(--font-mono);letter-spacing:.16em;font-size:12px}.section-intro h2{letter-spacing:-.05em;margin:18px 0 0;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:.95}.section-intro p{max-width:620px;color:var(--muted);margin:22px 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.7}.principle-grid{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px);width:min(1440px,100% - 4vw);margin:0 auto;display:grid}.principle-card{border:1px solid var(--line);background:var(--paper);transition:transform .42s cubic-bezier(.22,.75,.2,1),box-shadow .42s;position:relative;overflow:hidden;box-shadow:0 18px 44px #37352f1a}.principle-card.is-floating{transform:translateY(-18px);box-shadow:0 34px 70px #37352f38}.principle-media{height:clamp(200px,20vw,300px);position:relative;overflow:hidden}.principle-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.principle-card.is-floating .principle-media img{transform:scale(1.05)}.principle-number{z-index:2;color:var(--sage);font-family:var(--font-mono);letter-spacing:.14em;background:#1c1d1ab8;padding:6px 10px;font-size:11px;position:absolute;top:16px;left:18px}.principle-copy{padding:24px 24px 28px}.principle-kicker{color:var(--sage-deep);font-family:var(--font-mono);letter-spacing:.16em;font-size:10px}.principle-copy h3{letter-spacing:.02em;margin:14px 0 0;font-size:clamp(26px,2.4vw,38px);font-weight:700;line-height:1}.principle-copy h4{letter-spacing:-.01em;margin:8px 0 0;font-size:clamp(16px,1.4vw,20px);font-weight:400}.sage-rule{background:var(--sage);width:64px;height:4px;margin:18px 0;display:block}.principle-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.principle-copy blockquote{color:var(--charcoal);margin:18px 0 0;font-size:15px;font-style:italic;line-height:1.45}.principle-hint{color:#7a7d75;font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:26px auto 0;font-size:11px}.products-section{border-top:1px solid var(--line);background:linear-gradient(90deg, transparent 0 49.9%, #3f423c0e 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-deep);font-family:var(--font-mono);letter-spacing:.16em;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>div>span{color:var(--sage-deep);font-family:var(--font-mono);letter-spacing:.14em;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-tagline{color:var(--muted);margin:10px 0 0;font-size:14px}.product-hint{color:#74776f;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px}.product-hint 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 #3f423c2e;flex:0 0 clamp(276px,25.5vw,390px);min-width:0;transition:transform .22s,box-shadow .22s;box-shadow:0 16px 36px #34342f0f}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #34342f1f}.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 #3f423c2e;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,#3f423c06 27px),linear-gradient(90deg,#ffffff5c,#0000 34%);position:absolute;inset:0}.product-index{color:#3f423c9e;font-family:var(--font-mono);letter-spacing:.12em;font-size:11px;position:absolute;top:20px;left:22px}.studio-line{background:#3f423c21;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:#3f423c80;font-family:var(--font-mono);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-mono);letter-spacing:.16em;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;transition:background .18s;display:flex;position:relative}.footer-contact:last-child{border-right:0}.footer-contact:hover{background:#f2efe80d}.footer-number,.footer-label,.footer-status{font-family:var(--font-mono);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:var(--font-sans);font-size:18px;font-style:normal}.footer-bottom{color:#f2efe88f;width:min(1320px,100%);font-family:var(--font-mono);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){.hero-content{left:clamp(24px,6vw,60px)}}@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{border-bottom:1px solid #3f423c1f;padding:17px 24px}.hero{height:calc(100svh - 72px);min-height:620px}.hero-image{object-position:72% center}.hero-overlay{background:linear-gradient(90deg,#1c1d1ac7,#1c1d1a59 70%,#0000),linear-gradient(#0000 55%,#1c1d1a8c)}.hero-content{max-width:none;top:46%;left:24px;right:24px}.hero-title{font-size:clamp(84px,26vw,150px)}.hero-sub{font-size:clamp(17px,4.6vw,24px)}.hero-scroll{display:none}.principles-section{padding:48px 0 64px}.section-intro{width:calc(100% - 40px);margin-bottom:30px}.section-intro h2{font-size:clamp(38px,12vw,54px)}.principle-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:calc(100% - 24px)}.principle-media{height:clamp(160px,40vw,220px)}.principle-copy{padding:18px 18px 22px}.principle-copy h3{font-size:24px}.principle-copy h4{font-size:16px}.principle-copy p{font-size:13px}.principle-copy blockquote{font-size:14px}.principle-hint{padding:0 20px;line-height:1.6}.products-section{background:linear-gradient(90deg, transparent 0 49.8%, #3f423c0b 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-tagline{font-size:13px}.product-hint{text-align:right;max-width:92px;line-height:1.5}.product-hint 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}.principle-card,.mobile-nav,.desktop-nav a:after,.product-rail,.hero-scroll i{transition:none;animation:none}}