.chip-rain{position:relative;height:340svh;background:#f2e6d3;color:#16120e;border-top:1px solid #e4d6c1}
.chip-rain-sticky{height:100svh;min-height:570px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#fff8eb 0%,#f3e6d0 60%,#eee0c9 100%)}
.chip-rain-heading{position:absolute;top:7%;left:6%;z-index:8;pointer-events:none;max-width:620px}.chip-rain-heading .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:18px}.chip-rain-heading h2{font-size:clamp(37px,4.6vw,69px);line-height:1.07}.chip-rain-heading em{color:#ed2b24}.chip-rain-instruction{font-size:14px;margin-top:20px}.chip-rain-skip{position:absolute;top:8%;right:6%;font-size:13px;z-index:10;border-bottom:1px solid #96866f;padding:5px 0}.chip-rain-stage{position:absolute;inset:0;overflow:hidden}.chip-rain-word{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(80px,19vw,280px);letter-spacing:-.07em;color:#e5d2b1;opacity:.4;white-space:nowrap;user-select:none}.pan-wrap,.pan-front-wrap{position:absolute;width:min(590px,76vw);bottom:12%;left:50%;transform:translateX(-50%)}.pan-wrap{z-index:2}.pan-front-wrap{z-index:5;pointer-events:none;clip-path:polygon(0 86%,100% 86%,100% 100%,0 100%)}.pan-back,.pan-front{display:block;width:100%;height:auto;object-fit:contain}.pan-ground-shadow{position:absolute;width:74%;height:12%;left:13%;bottom:-2%;background:#2e200e38;border-radius:50%;filter:blur(16px);z-index:-1}.falling-chips{position:absolute;inset:0;z-index:3;pointer-events:none}.falling-chip{position:absolute;left:0;top:0;width:48px;height:auto;will-change:transform;transform-origin:center;opacity:0;filter:drop-shadow(0 3px 2px #35200524);user-select:none}.chip-rain-bottom{position:absolute;left:6%;right:6%;bottom:4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:9}.chip-rain-label{font:italic 22px Fraunces,Georgia,serif;min-width:230px}.chip-rain-progress{height:2px;background:#cdbb9f;flex:1;max-width:380px;overflow:hidden}.chip-rain-progress span{display:block;width:100%;height:100%;background:#ed2b24;transform:scaleX(0);transform-origin:left}.chip-rain-direction{font-size:10px;letter-spacing:.13em}.crunch-finale{text-align:center;padding:70px 6% 80px;background:#fffaf2;scroll-margin-top:24px}.crunch-finale .eyebrow{margin:0 auto 20px}.crunch-finale h2{font-size:clamp(38px,4.5vw,65px);margin-bottom:30px}.crunch-finale em{color:#ed2b24}.rain-still{height:auto}.rain-still .chip-rain-sticky{position:relative;height:780px;max-height:100svh}.rain-still .chip-rain-instruction,.rain-still .chip-rain-direction,.rain-still .chip-rain-skip{display:none}
@media(max-width:700px){.chip-rain{height:300svh}.chip-rain-sticky{min-height:620px}.chip-rain-heading{top:6%;left:6%;right:6%;max-width:90%}.chip-rain-heading h2{font-size:clamp(35px,8vw,49px)}.chip-rain-heading .eyebrow{font-size:10px;margin-bottom:14px}.chip-rain-instruction{font-size:12px;margin-top:14px}.chip-rain-skip{top:auto;bottom:12%;right:6%;font-size:11px}.pan-wrap,.pan-front-wrap{width:90vw;bottom:22%}.chip-rain-word{font-size:23vw;top:47%}.chip-rain-bottom{bottom:5%;gap:14px;flex-wrap:wrap}.chip-rain-label{font-size:20px;min-width:0;width:100%}.chip-rain-progress{max-width:none}.chip-rain-direction{font-size:9px}.crunch-finale{padding:50px 6% 60px}.rain-still{height:auto}.rain-still .chip-rain-sticky{height:700px;max-height:none}}
@media(prefers-reduced-motion:reduce){.chip-rain{height:auto}.chip-rain-sticky{position:relative;height:760px}.chip-rain-instruction,.chip-rain-skip,.chip-rain-direction{display:none}.falling-chip{will-change:auto}}

/* Product-packet collection replaces the pan. */
.packet-wrap,.packet-front-wrap{position:absolute;height:min(52svh,430px);bottom:12%;left:62%;transform:translateX(-50%);aspect-ratio:var(--packet-ratio, .68)}
.packet-wrap{z-index:2}.packet-front-wrap{z-index:5;pointer-events:none}
.packet-back,.packet-front,.packet-brand{display:block;width:100%;height:100%;object-fit:contain}
.packet-back{opacity:.65}.packet-front{opacity:.30}.packet-brand{position:absolute;inset:0;clip-path:polygon(36% 0,58% 0,58% 100%,36% 100%)}
.packet-ground-shadow{position:absolute;width:86%;height:5%;left:7%;bottom:-1%;background:#41261038;border-radius:50%;filter:blur(12px);z-index:-1}
.chip-rain-heading{max-width:48%}.chip-rain-heading h2{font-size:clamp(37px,4.2vw,63px)}
@media(max-width:700px){.packet-wrap,.packet-front-wrap{height:min(47svh,320px);bottom:20%;left:50%}.chip-rain-heading{max-width:90%}.chip-rain-heading h2{font-size:clamp(34px,8vw,46px)}}

.packet-wrap,.packet-front-wrap{aspect-ratio:800/1109}.packet-back,.packet-front{opacity:1}.packet-brand{display:none}

.chip-rain-heading h2,.crunch-finale h2{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}.chip-rain-heading em,.crunch-finale em{color:#111}.chip-rain:not(.rain-ready){height:auto}.chip-rain:not(.rain-ready) .chip-rain-sticky{position:relative;height:760px}.chip-rain:not(.rain-ready) .chip-rain-instruction{display:none}.crunch-finale .motion-button{display:inline-flex;background:#111;color:white;padding:17px 24px;gap:28px;text-decoration:none}

.packet-still{position:absolute;left:62%;bottom:12%;transform:translateX(-50%);height:52%;width:40%;object-fit:contain}.chip-rain:not(.rain-ready) .packet-wrap,.chip-rain:not(.rain-ready) .packet-front-wrap{display:none}.rain-ready .packet-still{display:none}@media(max-width:700px){.packet-still{left:50%;width:80%;height:47%;bottom:20%}}