@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1d1d1b;--ink-soft: #3b3b39;--paper: #f4f5f5;--surface: #ffffff;--muted: #66686a;--line: #e4e6e6;--line-strong: #d4d7d7;--mint: #22c3b6;--mint-strong: #14a99d;--brand-red: #e63337;--petrol: #0f3b42;--petrol-dark: #0b343a;--teal-link: #0a6f6a;--font-sans: "Hanken Grotesk Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-card: 0 1px 2px -1px rgb(20 22 30 / .08), 0 1px 3px 0 rgb(20 22 30 / .05);--shadow-card-hover: 0 6px 14px -6px rgb(20 22 30 / .16), 0 12px 28px -10px rgb(20 22 30 / .14);--shadow-header: 0 1px 0 0 var(--line), 0 2px 8px -4px rgb(20 22 30 / .06);--radius: 8px;--maxw: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);margin:0;background:var(--paper);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}.tnum{font-variant-numeric:tabular-nums}::selection{background:color-mix(in oklch,var(--mint) 55%,white);color:var(--ink)}.corp-nav{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-header);position:relative;z-index:20}.corp-nav__inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.corp-nav__logo{display:inline-flex;align-items:center}.corp-nav__logo img{height:30px;width:auto;display:block}.corp-nav__links{display:flex;align-items:center;gap:26px;margin-left:auto}.corp-nav__links a{font-size:14px;font-weight:500;color:var(--ink-soft);padding:6px 0;position:relative;transition:color .15s ease}.corp-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.16,1,.3,1)}.corp-nav__links a:hover{color:var(--ink)}.corp-nav__links a:hover:after{transform:scaleX(1)}.corp-nav__icons{display:flex;align-items:center;gap:6px;padding-left:8px}.corp-nav__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:999px;cursor:pointer;color:var(--ink);transition:background .15s ease}.corp-nav__icon-btn:hover{background:var(--paper)}.corp-nav__icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.brand-bar{background:var(--petrol);color:#fff}.brand-bar__inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:28px;position:relative}.brand-bar__title{font-size:17px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand-bar__search{position:absolute;right:24px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #fff;border-radius:4px;padding:9px 14px;width:min(320px,34vw);transition:box-shadow .15s ease}.brand-bar__search:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--mint) 50%,transparent)}.brand-bar__search input{background:none;border:none;outline:none;color:var(--ink);font-size:14px;font-family:inherit;flex:1;min-width:0}.brand-bar__search input::placeholder{color:var(--muted)}.brand-bar__search svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:2;flex-shrink:0;order:2}.sub-nav{background:var(--petrol-dark)}.sub-nav__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;justify-content:center;gap:4px}.sub-nav a{color:#ffffffeb;font-size:13.5px;font-weight:500;padding:12px 16px;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease}.sub-nav a:hover{color:#fff;border-bottom-color:var(--mint)}.page{max-width:var(--maxw);margin:0 auto;padding:0 24px 64px}.breadcrumbs{padding:16px 0 6px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.breadcrumbs a:hover{color:var(--teal-link);text-decoration:underline}.breadcrumbs .sep{color:var(--line-strong)}.hero{padding:10px 0 26px;border-bottom:1px solid var(--line);margin-bottom:32px}.hero h1{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}.hero p{margin:0;color:var(--muted);font-size:15px;max-width:60ch}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--line-strong)}.product-card__cover{position:relative;height:220px;display:flex;align-items:flex-end;justify-content:center;padding:8px;margin-bottom:16px;border-radius:6px;background:linear-gradient(180deg,#fbfbfb,#eef0f0);overflow:hidden}.product-card__cover img{max-height:100%;max-width:100%;width:auto;object-fit:contain;border-radius:2px;box-shadow:0 6px 14px -6px #14161e59;outline:1px solid rgb(0 0 0 / .08);outline-offset:-1px}.product-card__cover .no-image{color:var(--muted);font-size:13px;align-self:center}.product-card__title{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.product-card__sku{color:var(--muted);font-size:11.5px;letter-spacing:.01em;margin-bottom:10px}.product-card__price{color:var(--ink);font-size:18px;font-weight:700;margin-bottom:16px}.product-card__unavailable{color:var(--brand-red);font-size:13px;font-weight:500;margin-bottom:16px}.product-card__btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:none;border-radius:6px;background:var(--mint);color:var(--ink);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .08s ease,filter .15s ease}.product-card__btn:hover:not(:disabled){filter:brightness(1.06)}.product-card__btn:active:not(:disabled){transform:scale(.96)}.product-card__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--mint) 55%,transparent)}.product-card__btn:disabled{cursor:default}.product-card__btn[data-state=added]{background:var(--mint-strong);color:#fff}.product-card__btn[data-state=unavailable]{background:var(--line-strong);color:var(--muted)}.product-card__btn[data-state=error]{background:var(--brand-red);color:#fff}.product-card__btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.state{text-align:center;padding:72px 24px;color:var(--muted)}.state--error{color:var(--brand-red)}.state code{background:var(--line);color:var(--ink);padding:2px 6px;border-radius:4px;font-size:13px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:360px;box-shadow:var(--shadow-card);overflow:hidden;position:relative}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .04),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.site-footer__inner{max-width:var(--maxw);margin:0 auto;padding:32px 24px}.site-footer__links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:20px}.site-footer__links a{font-size:13.5px;color:var(--ink-soft);transition:color .15s ease}.site-footer__links a:hover{color:var(--teal-link);text-decoration:underline}.site-footer__legal{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.site-footer__mark{width:4px;height:16px;border-radius:2px;background:var(--mint)}@media(max-width:760px){.corp-nav__links{display:none}.corp-nav__inner,.brand-bar__inner,.sub-nav__inner,.page,.site-footer__inner{padding-left:16px;padding-right:16px}.brand-bar__inner{justify-content:flex-start}.brand-bar__title{font-size:15px}.brand-bar__search{display:none}.sub-nav__inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sub-nav__inner::-webkit-scrollbar{display:none}.sub-nav a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}