@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}.site{--white: #f6f6f3;--cobalt: #1f3a93;--cobalt-2: #172d75;--ink: #121a33;--muted: #5a6277;--line: #dfe2e6;--sky: #e5ebfa;--pad: clamp(16px, 5vw, 72px);background:var(--white);color:var(--ink);font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:17px}.site ::selection{background:var(--cobalt);color:#fff}.site :focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.site input{accent-color:var(--cobalt);caret-color:var(--cobalt)}.site h1,.site h2,.site h3{letter-spacing:-.035em;font-weight:700}.ship-bar{padding:8px var(--pad);background:var(--cobalt);color:#fff;font-size:14px;font-weight:600;text-align:center}.top{position:sticky;top:48px;z-index:40;display:flex;align-items:center;gap:28px;padding:12px var(--pad);background:#f6f6f3f0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.logo{margin-right:auto;font-size:32px;font-weight:800;letter-spacing:-.06em;color:var(--cobalt);text-decoration:none;line-height:1}.top nav{display:flex;gap:24px}.top nav a{color:var(--ink);text-decoration:none;font-weight:500}.top nav a:hover{color:var(--cobalt)}.cart-btn{position:relative;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;transition:transform .16s var(--ease-out)}.cart-btn:active{transform:scale(.94)}.badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--cobalt);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--white)}.badge.bump{animation:bump .4s var(--ease-out)}@keyframes bump{40%{transform:scale(1.35)}}.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--cobalt);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .16s var(--ease-out)}.t-btn:hover{background:var(--cobalt-2);color:#fff}.t-btn:active{transform:scale(.97)}.t-btn.big{min-height:56px;padding:0 30px;font-size:18px}.t-btn.wide{width:100%}.t-link{background:none;border:0;padding:0;color:var(--cobalt);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(28px,4vw,56px) var(--pad) clamp(56px,7vw,96px)}.site h1{font-size:clamp(46px,6.4vw,100px);line-height:.93;letter-spacing:-.05em;max-width:11ch}.hero-copy>p{margin:22px 0 30px;font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:40ch}.hero-photo{margin:0}.hero-photo img{width:100%;height:auto;aspect-ratio:4 / 4.6;max-height:calc(100dvh - 200px);object-fit:cover;border-radius:999px 999px 24px 24px}@media(prefers-reduced-motion:no-preference){.hero-photo img{animation:up 1s var(--ease-out) both}@keyframes up{0%{opacity:0;transform:translateY(24px) scale(.98)}}}.shop{padding:clamp(56px,7vw,96px) var(--pad);background:#fff}.sh-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}.shop h2,.studio h2{font-size:clamp(36px,4.6vw,64px);line-height:.98}.cats{display:flex;flex-wrap:wrap;gap:6px}.cats button{min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:600;color:var(--ink);cursor:pointer}.cats [aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}.grid{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}.grid li{display:grid;gap:10px}.pv{position:relative;display:block;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--white);cursor:zoom-in}.pv img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;transition:transform .7s var(--ease-out)}@media(hover:hover)and (pointer:fine){.pv:hover img{transform:scale(1.05)}}.tag{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:var(--cobalt);color:#fff;font-size:13px;font-weight:700}.pi{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pi h3{font-size:20px;font-weight:600;letter-spacing:-.02em}.pi span{font-weight:700;font-size:18px}.add{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;font-weight:700;color:var(--ink);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .16s var(--ease-out)}.add:hover{background:var(--ink);color:#fff}.add:active{transform:scale(.96)}.wheel{background:var(--white)}.wh-pin{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(20px,4vw,64px);min-height:100dvh;padding:80px var(--pad) 40px;box-sizing:border-box}.wh-stage{position:relative;height:min(78dvh,780px);border-radius:28px;overflow:hidden;background:radial-gradient(70% 60% at 50% 42%,#fff,#e9ebf2 62%,#dfe3ee)}.wh-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.wh-fallback{width:100%;height:100%;object-fit:cover}.wheel.live .wh-fallback{display:none}.wheel h2{font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.04em}.wh-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:2px}.wh-steps li{display:grid;gap:2px;padding:10px 0;color:#9aa0b2;transition:color .3s ease,transform .4s var(--ease-out)}.wh-steps strong{font-size:19px;font-weight:700}.wh-steps span{font-size:15px}.wh-steps li.on{color:var(--ink);transform:translate(8px)}.wh-steps li.on span{color:var(--muted)}.wheel.live:not(.ready) .wh-glaze,.wheel.live:not(.ready) [data-add=jarron]{opacity:.35;pointer-events:none}.wh-glaze{display:flex;gap:14px;margin:18px 0;padding:0;border:0;transition:opacity .4s ease}.wh-glaze legend{width:100%;margin-bottom:8px;font-weight:700;font-size:14px;padding:0}.wh-glaze label{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.wh-glaze input{position:absolute;opacity:0}.gz{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #121a3326;transition:box-shadow .2s ease}.gz.blanco{background:#f3f1ec}.gz.arena{background:#d8c2a2}.gz.cobalto{background:#22409a}.wh-glaze input:checked+.gz{box-shadow:0 0 0 3px var(--white),0 0 0 5px var(--cobalt)}.wh-glaze input:focus-visible+.gz{outline:3px solid var(--cobalt);outline-offset:4px}[data-add=jarron]{transition:opacity .4s ease}@media(max-width:800px){.wh-pin{grid-template-columns:1fr;align-content:start;gap:10px;padding-top:124px}.wh-stage{height:38dvh;order:2}.wh-steps li:not(.on){display:none}.wh-steps{margin-top:8px}.wh-glaze{margin:8px 0}}.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(56px,7vw,96px) var(--pad);background:var(--cobalt);color:#e6ebfa}.studio h2{color:#fff}.studio img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:24px}.studio p{margin-top:16px;color:#c3cdf0;max-width:44ch}.facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;font-weight:600}.facts li{display:flex;align-items:center;gap:12px}.foot{display:grid;gap:6px;padding:36px var(--pad) 48px;font-size:15px;color:var(--muted)}.f-logo{font-size:36px;font-weight:800;letter-spacing:-.06em;color:var(--cobalt);line-height:1}.f-l{font-size:13px}.qv{width:min(900px,calc(100vw - 24px));padding:0;border:0;border-radius:22px;background:#fff;color:var(--ink)}.qv::backdrop,.cart::backdrop{background:#121a3380}.qv-in{display:grid;grid-template-columns:1fr 1fr}.qv-in img{width:100%;height:100%;max-height:80dvh;object-fit:cover}.qv-in>div{display:grid;align-content:center;gap:14px;padding:clamp(20px,3vw,36px)}.qv h2{font-size:34px}.qv-p{font-size:24px;font-weight:700;color:var(--cobalt)}.qv-d{color:var(--muted)}.qv-n{font-size:13px;color:var(--muted)}.x{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 6px 16px -8px #0006}.qty{display:flex;justify-content:space-between;align-items:center;font-weight:600}.stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1.5px solid var(--line)}.stepper button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer;font-size:18px;font-weight:700}.stepper output{min-width:28px;text-align:center;font-weight:700}.stepper.sm button{width:30px;height:30px}.cart{width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:#fff;color:var(--ink)}.c-in{height:100%;overflow-y:auto;padding:20px;display:grid;align-content:start;gap:16px}.c-head{display:flex;justify-content:space-between;align-items:center}.c-head h2{font-size:30px}.c-head .x{position:static;box-shadow:none;background:var(--white)}.c-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px}.c-steps li{flex:1;padding-top:8px;border-top:3px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}.c-steps li.on{border-color:var(--cobalt);color:var(--cobalt)}.c-pane{display:grid;gap:14px}.free{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:var(--sky);font-weight:600;font-size:15px}.free-bar{display:block;height:6px;border-radius:9px;background:#fff;overflow:hidden}.free-bar span{display:block;height:100%;background:var(--cobalt);transform-origin:left;transition:transform .5s var(--ease-out)}.lines{list-style:none;margin:0;padding:0}.lines li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"i n s" "i r s";gap:2px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.lines img{grid-area:i;width:64px;height:64px;object-fit:cover;border-radius:10px}.lines li>div:first-of-type{grid-area:n;display:grid}.lines strong{font-weight:600}.lines span{font-size:14px;color:var(--muted)}.lines .stepper{grid-area:s}.lines .rm{grid-area:r;justify-self:start;padding:0;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer}.c-empty{display:grid;justify-items:center;gap:8px;padding:40px 0;color:var(--muted)}.code{display:flex;gap:8px}.code input{flex:1;min-height:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);text-transform:uppercase}.code-msg{font-size:14px;font-weight:600;min-height:1.2em;margin-top:-6px}.code-msg.ok{color:#1d6b43}.code-msg.bad{color:#a3241c}.sum{margin:0;display:grid;gap:6px}.sum div{display:flex;justify-content:space-between}.sum dd{margin:0;font-weight:600}.sum div:last-child{padding-top:10px;border-top:1px solid var(--line);font-size:20px;font-weight:800}.hint{font-size:13px;color:var(--muted);text-align:center}.c-pane>label,.two label{display:grid;gap:6px;font-weight:600;font-size:14px}.c-pane input:not([type=radio]):not([type=checkbox]){min-height:46px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}.c-pane input:focus{outline:2px solid var(--cobalt);outline-offset:1px}.c-pane [aria-invalid=true]{border-color:#a3241c}.two{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.ship,.pay{border:0;margin:0;padding:0;display:grid;gap:8px}.ship legend,.pay legend{font-weight:700;font-size:14px;margin-bottom:6px;padding:0}.ship label,.pay label{position:relative}.ship input,.pay input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.ship span,.pay span{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);font-size:15px}.ship em{margin-left:auto;font-style:normal;font-weight:700}.ship input:checked+span,.pay input:checked+span{border-color:var(--cobalt);background:var(--sky)}.ship input:focus-visible+span,.pay input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:2px}.pay{grid-template-columns:1fr 1fr}.pay legend{grid-column:1 / -1}.pay span{justify-content:center;font-weight:700}.demo-pay{padding:12px 14px;border-radius:12px;background:var(--white);font-size:14px;color:var(--muted)}.pay-sum{font-weight:600}.terms{display:flex;gap:10px;align-items:flex-start;font-size:14px}.terms input{width:20px;height:20px;flex:none}.err{color:#a3241c;font-weight:600;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.done{justify-items:center;text-align:center;padding:24px 0}.done .icon{color:var(--cobalt)}.d-t{font-size:30px;font-weight:800;letter-spacing:-.03em}.toast{position:fixed;left:50%;bottom:24px;z-index:200;padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;transform:translate(-50%,140%);opacity:0;transition:transform .35s var(--ease-out),opacity .2s ease;pointer-events:none}.toast.on{transform:translate(-50%);opacity:1}@media(prefers-reduced-motion:no-preference){.cart[open]{animation:slide .42s cubic-bezier(.32,.72,0,1) both}.qv[open]{animation:qin .25s var(--ease-out) both}@keyframes slide{0%{transform:translate(100%)}}@keyframes qin{0%{opacity:0;transform:scale(.97)}}}@media(max-width:1000px){.top nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.hero,.studio,.qv-in{grid-template-columns:1fr}.hero-photo img{aspect-ratio:4 / 3.6}.qv-in img{max-height:42dvh}}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:24px 12px}.pi{flex-direction:column;gap:2px}.pi h3{font-size:17px}.add{padding:0 12px}}