@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.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}html:has(.ip-page){scroll-behavior:smooth;background:#ccff14}body:has(.ip-page){min-width:320px;margin:0;color:#292438;background:#f9f7fc;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;accent-color:#292438}body:has(.ip-page) .product-main{width:100%;max-width:none;overflow:clip}.ip-page{--lime: #ccff14;--coral: #ff5e4d;--lilac: #ab87ff;--pink: #ff78b5;--yellow: #ffc933;--mint: #4ad9a6;--blue: #669eff;--ink: #292438;--ink-2: #4f455c;--night: #1a1624;--canvas: #f9f7fc;--paper: #ffffff;--display: "Archivo Variable", "Avenir Next Condensed", "Arial Narrow", sans-serif;--round: ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--gutter: clamp(1rem, 5vw, 4rem);--max: 1180px;--bleed: max(var(--gutter), (100% - var(--max)) / 2 + var(--gutter));--radius: 2rem;--button-shade: inset 0 -.28rem 0 rgb(26 22 36 / .2), inset 0 .22rem .45rem rgb(255 255 255 / .3), 0 .55rem .9rem -.55rem rgb(26 22 36 / .55);--spring: cubic-bezier(.34, 1.56, .64, 1);--inflate: inset 0 -.55rem 0 rgb(26 22 36 / .12), inset 0 .5rem 1.1rem rgb(255 255 255 / .45);position:relative;isolation:isolate;color:var(--ink);background:var(--canvas);font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.5}.ip-page *,.ip-page *:before,.ip-page *:after{box-sizing:border-box}.ip-page :where(h1,h2,h3,p,figure,ul,ol,li,dl,dd){margin:0}.ip-page :where(ul,ol){padding:0;list-style:none}.ip-page :where(h1,h2){font-family:var(--display);font-stretch:68%;font-weight:900;line-height:.9;letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance}.ip-page h2{font-size:clamp(2.6rem,8vw,5rem)}.ip-page :where(h3){font-family:var(--round);font-weight:900;line-height:1.2}.ip-page :where(a){color:inherit}.ip-page :where(a,button,summary,input,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ip-page :where(button){font:inherit;color:inherit;cursor:pointer}.ip-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ip-page [data-color=coral]{--tint: var(--coral)}.ip-page [data-color=lilac]{--tint: var(--lilac)}.ip-page [data-color=pink]{--tint: var(--pink)}.ip-page [data-color=yellow]{--tint: var(--yellow)}.ip-page [data-color=mint]{--tint: var(--mint)}.ip-page [data-color=blue]{--tint: var(--blue)}.ip-page [data-color=lime]{--tint: var(--lime)}.ip-nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--lime) 88%,transparent);backdrop-filter:blur(10px)}.ip-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max);margin-inline:auto;padding:.7rem var(--gutter)}.ip-brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-stretch:72%;font-weight:900;font-size:1.45rem;text-transform:uppercase;text-decoration:none}.ip-brand img{width:2.3rem;height:2.3rem;border-radius:23%;transition:transform .42s var(--spring)}.ip-nav__cta{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.2rem;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:800;font-size:.98rem;text-decoration:none;box-shadow:var(--button-shade);transition:transform .32s var(--spring)}.ip-nav__cta:active{transform:scale(.95)}.ip-hero{display:grid;grid-template-columns:minmax(0,1fr) var(--stage-width);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:clamp(1.5rem,4vw,3rem) var(--bleed) clamp(2.5rem,5vw,4rem);background:var(--lime);--stage-width: clamp(19rem, 42vw, 26rem)}.ip-hero h1{font-size:clamp(3rem,8.4vw,6.2rem);max-width:11ch}.ip-lede{margin-top:1.25rem;max-width:34ch;color:var(--ink-2);font-size:clamp(1.08rem,1rem + .45vw,1.3rem);font-weight:600;line-height:1.4}.ip-cta{margin-top:1.6rem}.ip-badge{display:inline-block;border-radius:12px;transition:transform .32s var(--spring)}.ip-badge img{display:block;width:11.5rem;height:auto}.ip-note{margin-top:.7rem;color:var(--ink-2);font-size:.92rem;font-weight:600}.ip-stage{display:grid;gap:.9rem;width:100%;min-width:0}.ip-tabs{display:flex;gap:.4rem;padding:.35rem .2rem;margin:-.35rem -.2rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.ip-tabs::-webkit-scrollbar{display:none}.ip-tabs[data-overflow]{mask-image:linear-gradient(to right,#000 calc(100% - 2rem),transparent)}.ip-tab{display:inline-flex;flex:none;align-items:center;height:2.75rem;padding:.3rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--paper) 72%,transparent);font-weight:800;font-size:.92rem;white-space:nowrap;scroll-snap-align:start;transition:background .2s ease,color .2s ease,transform .32s var(--spring)}.ip-tab img,.ip-tab .ip-balloon{flex:none;width:2.15rem;height:2.15rem;transition:transform .42s var(--spring)}.ip-tab__label{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .36s var(--spring),opacity .2s ease,padding .36s var(--spring)}.ip-tab[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ip-tab[aria-pressed=true] .ip-tab__label{max-width:12rem;padding:0 .7rem 0 .45rem;opacity:1}.ip-tab[aria-pressed=true] :is(img,.ip-balloon){transform:rotate(-8deg) scale(1.08)}.ip-tab:active{transform:scale(.92)}.ip-balloon{display:inline-grid;flex:none;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .85),transparent 32%),radial-gradient(circle at 60% 75%,rgb(26 22 36 / .18),transparent 60%),var(--tint, var(--lilac));color:var(--ink)}.ip-balloon svg{width:48%;height:48%}.ip-actions{display:flex;gap:.6rem}.ip-button{--button-bg: var(--ink);--button-fg: var(--paper);display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:.45rem;min-width:0;min-height:3.25rem;padding:0 1.25rem;border:0;border-radius:999px;background:var(--button-bg);color:var(--button-fg);font-weight:800;font-size:1.05rem;line-height:1.1;text-align:center;box-shadow:var(--button-shade);transition:transform .32s var(--spring),filter .16s ease}.ip-button[hidden]{display:none}.ip-button[data-color]{--button-bg: var(--tint);--button-fg: var(--ink)}.ip-button--paper{--button-bg: var(--paper);--button-fg: var(--ink)}.ip-button--quiet{--button-bg: color-mix(in srgb, var(--paper) 62%, transparent);--button-fg: var(--ink);flex:none;min-height:2.75rem;padding:0 1rem;font-size:.95rem;box-shadow:none}.ip-button svg{width:1.1em;height:1.1em}.ip-button:active{transform:scale(.95)}.ip-button:disabled{opacity:.4;cursor:default;transform:none}.ip-hint{color:var(--ink-2);font-size:.85rem;font-weight:600}.ip-burst{position:absolute;z-index:3;width:var(--size, .9rem);height:var(--size, .9rem);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .8),transparent 45%),var(--tint);pointer-events:none}.ip-section{max-width:var(--max);margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) var(--gutter) clamp(2.5rem,5vw,4rem)}.ip-block{padding:clamp(3.5rem,8vw,6rem) var(--bleed);background:var(--tint)}.ip-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.4rem 2.5rem;margin-top:clamp(1.75rem,4vw,2.75rem)}.ip-list__item{display:flex;align-items:center;gap:1rem}.ip-list__art{flex:none;width:4.5rem;height:4.5rem;filter:drop-shadow(0 .45rem .5rem rgb(26 22 36 / .14));transition:transform .46s var(--spring)}.ip-list__art.ip-balloon{width:3.6rem;height:3.6rem;margin:.45rem}.ip-list__item h3{font-size:1.2rem}.ip-list__item p{color:var(--ink-2);font-size:.98rem}.ip-posters{display:flex;gap:clamp(1rem,3vw,1.75rem);margin:clamp(2.5rem,6vw,4rem) calc(var(--gutter) * -1) 0;padding:1rem var(--gutter) 1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ip-posters::-webkit-scrollbar{display:none}.ip-poster{flex:0 0 min(58vw,16.25rem);scroll-snap-align:center;transform:rotate(-2deg);transition:transform .46s var(--spring)}.ip-poster:nth-child(2n){transform:rotate(2deg) translateY(.75rem)}.ip-poster img{display:block;width:100%;height:auto;border-radius:1.4rem;box-shadow:0 1.2rem 2rem -1.2rem #1a162480}.ip-facts{padding:clamp(2.5rem,6vw,4rem) var(--bleed);background:var(--night);color:var(--paper)}.ip-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem clamp(1.5rem,3vw,2.5rem);margin:0}.ip-fact dt{color:var(--lime);font-family:var(--display);font-stretch:68%;font-weight:900;font-size:clamp(1.7rem,4.4vw,3.2rem);line-height:.95;text-transform:uppercase;overflow-wrap:anywhere}.ip-fact dd{margin:.4rem 0 0;color:#ffffffc7;font-weight:600}.ip-faq{max-width:52rem;margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) var(--gutter)}.ip-faq__list{margin-top:clamp(1.5rem,3vw,2.25rem);border-top:2px solid var(--ink)}.ip-faq__item{border-bottom:2px solid var(--ink)}.ip-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem;padding:.9rem 0;font-weight:800;font-size:1.12rem;list-style:none;cursor:pointer}.ip-faq__item summary::-webkit-details-marker{display:none}.ip-faq__item summary:after{content:"+";display:grid;flex:none;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--lime);font-size:1.4rem;line-height:1;transition:transform .38s var(--spring),background .16s ease}.ip-faq__item[open] summary:after{background:var(--pink);transform:rotate(135deg)}.ip-faq__item p{max-width:60ch;padding-bottom:1.2rem;color:var(--ink-2)}.ip-final{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(3.5rem,8vw,6rem) var(--bleed);background:var(--pink)}.ip-final__mascot{width:clamp(8rem,16vw,12rem);height:auto;filter:drop-shadow(0 1rem 1.2rem rgb(26 22 36 / .2));animation:ip-bob 3.6s ease-in-out infinite}.ip-final h2{max-width:14ch;font-size:clamp(2.4rem,6vw,4.4rem)}.ip-final .ip-badge{margin-top:1.4rem}.ip-qr{display:grid;justify-items:center;gap:.6rem;padding:1rem;border-radius:1.4rem;background:var(--paper);font-weight:700;font-size:.88rem;text-align:center;text-decoration:none;transform:rotate(3deg);transition:transform .46s var(--spring)}.ip-qr img{width:9rem;height:9rem}.ip-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max);margin-inline:auto;padding:1.5rem var(--gutter) 2rem}.ip-footer__identity{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem}.ip-footer__credit{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink-2);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.ip-footer__links{display:flex;gap:.5rem 1.25rem;flex-wrap:wrap;font-weight:700}.ip-footer__links a{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:none}.ip-footer__links a:hover{text-decoration:underline;text-underline-offset:.2em}@media(hover:hover){.ip-brand:hover img{transform:rotate(-10deg) scale(1.08)}.ip-badge:hover{transform:translateY(-3px) rotate(-2deg)}:is(.ip-nav__cta,.ip-button:not(:disabled)):hover{filter:brightness(1.08)}.ip-tab:not([aria-pressed=true]):hover{background:var(--paper)}.ip-tab:hover :is(img,.ip-balloon){transform:rotate(-12deg) scale(1.12)}.ip-list__item:hover .ip-list__art{transform:rotate(-10deg) scale(1.12)}.ip-poster:hover{transform:rotate(0) translateY(-.5rem) scale(1.03)}.ip-qr:hover{transform:rotate(0) scale(1.04)}}@keyframes ip-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-.45rem) rotate(3deg)}}@keyframes ip-pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){html:has(.ip-page){scroll-behavior:auto}.ip-page *,.ip-page *:before,.ip-page *:after{animation:none!important;transition-duration:1ms!important}}@media(max-width:900px){.ip-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-final{grid-template-columns:minmax(0,1fr);justify-items:start}.ip-final__mascot{order:-1}}@media(max-width:720px){.ip-hero{grid-template-columns:minmax(0,1fr);--stage-width: 100%}.ip-stage{max-width:26rem}}@media(max-width:520px){.ip-qr{display:none}}
