.cs-page{--cs-raspberry:#991c3a;--cs-cotton:#f9eee8;--cs-cream:#fdf8f4;--cs-ink:#1a1113;--cs-cherry:#ce2e26;--cs-blossom:#eeb5c8;--cs-line:#f9eee847;background:var(--cs-raspberry);width:100%;min-height:100svh;color:var(--cs-cotton);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.cs-lang-th .cs-th{font-family:"Noto Sans Thai", "Leelawadee UI", Tahoma, var(--font-body);letter-spacing:0;font-weight:700}.cs-header{z-index:6;justify-content:center;align-items:center;padding:26px 20px 0;display:flex;position:relative}.cs-logo{filter:brightness(0)invert(94%)sepia(6%)saturate(400%)hue-rotate(320deg);width:auto;height:34px}.cs-lang{border:1px solid var(--cs-line);background:#1a11132e;border-radius:30px;gap:2px;padding:3px;display:flex;position:absolute;top:20px;right:16px}.cs-lang button{color:var(--cs-cotton);cursor:pointer;font:700 .72rem/1 var(--font-body);letter-spacing:.08em;background:0 0;border:0;border-radius:30px;padding:6px 11px;transition:background .2s,color .2s}.cs-lang button.on{background:var(--cs-cotton);color:var(--cs-raspberry)}.cs-main{z-index:3;text-align:center;flex-direction:column;flex:1;align-items:center;padding:2vh 20px 100px;display:flex;position:relative}.cs-eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--cs-cotton);font-size:.72rem;font-weight:700}.cs-stage{width:100%;max-width:1100px;margin-top:1.5vh;position:relative}.cs-wordmark{z-index:2;font-family:var(--font-display);color:var(--cs-cotton);letter-spacing:-.02em;margin:0;font-size:clamp(3.6rem,min(12vw,17vh),11rem);font-weight:400;line-height:.86;position:relative}.cs-wordmark span{display:block}.cs-w2{margin-top:.04em}.cs-can-lane{--reach:min(30vw, 330px);z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs-can-fly{will-change:transform;animation:10s cubic-bezier(.45,0,.55,1) infinite cs-fly}.cs-can-bob{animation:2.6s ease-in-out infinite cs-bob}.cs-can{filter:drop-shadow(0 26px 22px #28000c59);width:clamp(150px,22vw,270px);height:auto;display:block}@keyframes cs-fly{0%{transform:translateX(calc(-1 * var(--reach))) rotate(-14deg)}22%{transform:translateX(calc(-.35 * var(--reach))) translateY(-26px) rotate(-4deg)}50%{transform:translateX(var(--reach)) rotate(14deg)}72%{transform:translateX(calc(.35 * var(--reach))) translateY(-30px) rotate(4deg)}to{transform:translateX(calc(-1 * var(--reach))) rotate(-14deg)}}@keyframes cs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cs-shadow{filter:blur(6px);background:#1400084d;border-radius:50%;width:160px;height:18px;margin-left:-80px;animation:10s cubic-bezier(.45,0,.55,1) infinite cs-shadow;position:absolute;bottom:-34px;left:50%}@keyframes cs-shadow{0%,to{transform:translate(calc(-1*min(30vw,330px)))scaleX(.9)}25%,75%{opacity:.6;transform:translate(0)scaleX(.7)}50%{transform:translate(min(30vw,330px))scaleX(.9)}}.cs-lead{max-width:620px;margin-top:6vh;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.45}.cs-acc{font-family:var(--font-accent);color:var(--cs-blossom);font-style:italic}.cs-lead .cs-acc{margin-top:2px;display:block}.cs-lang-th .cs-acc{font-family:"Noto Sans Thai", "Leelawadee UI", Tahoma, var(--font-accent)}.cs-count{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:620px;margin-top:3.2vh;display:grid;position:relative}.cs-cell{z-index:1;background:var(--cs-cream);color:var(--cs-ink);border-radius:16px;padding:2vh 6px 1.6vh;position:relative}.cs-num{font-family:var(--font-display);color:var(--cs-raspberry);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,min(7vw,8vh),4.4rem);line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) cs-tick;display:inline-block}@keyframes cs-tick{0%{opacity:.35;transform:translateY(-18%)scale(.94)}to{opacity:1;transform:none}}.cs-unit{letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-top:8px;font-size:.68rem;font-weight:700;display:block}.cs-date{letter-spacing:.14em;text-transform:uppercase;margin-top:14px;font-size:.8rem;font-weight:700}.cs-peek{width:44px;height:62px;position:absolute;bottom:100%;overflow:hidden}.cs-peek svg{width:44px;fill:var(--cs-blossom);animation:7s ease-in-out infinite cs-peek;animation-delay:inherit;display:block;transform:translateY(100%)}@keyframes cs-peek{0%,55%,to{transform:translateY(100%)}62%,88%{transform:translateY(8%)}70%{transform:translateY(12%)rotate(-6deg)}78%{transform:translateY(8%)rotate(5deg)}}.cs-form{background:var(--cs-cream);border-radius:50px;gap:8px;width:100%;max-width:520px;margin-top:3.4vh;padding:6px;display:flex;box-shadow:0 14px 40px #28000c40}.cs-form input{min-width:0;color:var(--cs-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 18px;font-size:1rem}.cs-form button{background:var(--cs-raspberry);color:var(--cs-cotton);cursor:pointer;font:700 .8rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:0;border-radius:50px;padding:14px 24px;transition:transform .2s,background .2s}.cs-form button:hover{background:var(--cs-cherry);transform:translateY(-2px)}.cs-form button:disabled{opacity:.7;cursor:wait}.cs-shake{animation:.4s cs-shake}@keyframes cs-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.cs-note{opacity:.75;min-height:1.2em;margin-top:12px;font-size:.82rem}.cs-done{background:var(--cs-cream);color:var(--cs-raspberry);border-radius:18px;margin-top:3.4vh;padding:18px 26px;font-size:1.05rem;font-weight:700;animation:.5s cubic-bezier(.2,1.5,.4,1) cs-pop;display:inline-block}.cs-done .cs-acc{color:var(--cs-raspberry);font-weight:400}@keyframes cs-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.cs-blobs{z-index:1;pointer-events:none;position:absolute;inset:0}.cs-blob{aspect-ratio:1;opacity:.9;animation:cs-drift var(--d,9s) ease-in-out infinite;animation-delay:var(--dl,0s);position:absolute}.cs-blob svg{width:100%;height:100%;animation:cs-spin var(--sd,30s) linear infinite;animation-direction:var(--dir,normal);display:block}@keyframes cs-drift{0%,to{transform:translate(0)}33%{transform:translate(var(--x1), var(--y1))}66%{transform:translate(var(--x2), var(--y2))}}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-bubble{z-index:1;border:1.5px solid var(--cs-cotton);opacity:0;pointer-events:none;border-radius:50%;animation:linear forwards cs-rise;position:absolute;bottom:-20px}@keyframes cs-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.35}90%{opacity:.25}to{transform:translate(var(--wob), -105vh);opacity:0}}.cs-ground{z-index:2;background:var(--cs-line);height:1px;position:absolute;bottom:46px;left:0;right:0}.cs-hopper{z-index:4;animation:cs-run var(--t,16s) linear infinite;animation-delay:var(--dl,0s);position:absolute;bottom:47px;left:0}.cs-rev{animation-name:cs-runrev}.cs-hop{transform-origin:50% 100%;animation:.62s cubic-bezier(.3,0,.7,1) infinite cs-hop}.cs-hopper svg{fill:var(--cs-blossom);display:block}.cs-rev svg{transform:scaleX(-1)}@keyframes cs-run{0%{transform:translate(-80px)}to{transform:translate(calc(100vw + 80px))}}@keyframes cs-runrev{0%{transform:translate(calc(100vw + 80px))}to{transform:translate(-80px)}}@keyframes cs-hop{0%,to{transform:translateY(0)scale(1.08,.9)}15%{transform:translateY(0)scale(.94,1.08)}50%{transform:translateY(-26px)scale(1)}85%{transform:translateY(0)scale(1.02,.96)}}.cs-ribbon{z-index:5;background:var(--cs-cotton);height:46px;color:var(--cs-raspberry);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cs-track{white-space:nowrap;animation:26s linear infinite cs-marquee;display:flex}.cs-track span{font-family:var(--font-display);letter-spacing:.02em;padding-left:22px;font-size:1.05rem}.cs-track i{opacity:.6;padding-left:22px;font-style:normal}@keyframes cs-marquee{to{transform:translate(-50%)}}.cs-conf{z-index:50;pointer-events:none;width:22px;animation:1.3s cubic-bezier(.2,.7,.3,1) forwards cs-burst;position:fixed}.cs-conf svg{display:block}@keyframes cs-burst{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}to{transform:translate(var(--bx), var(--by)) scale(1) rotate(var(--br));opacity:0}}@media (max-width:640px){.cs-header{justify-content:flex-start}.cs-lang{top:21px;right:14px}.cs-main{justify-content:center;padding-top:4vh}.cs-wordmark{font-size:min(21vw,13vh)}.cs-can-lane{--reach:26vw}.cs-can{width:118px}.cs-shadow{width:110px;margin-left:-55px;bottom:-22px}.cs-lead{margin-top:5vh}.cs-count{gap:6px;max-width:350px}.cs-unit{letter-spacing:.1em;font-size:.6rem}.cs-form button{padding:13px 16px}}@media (prefers-reduced-motion:reduce){.cs-page *,.cs-conf{animation:none!important}.cs-peek svg{transform:translateY(100%)}}