.sock-rain{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#fff9ebf5;color:#20231f}.sock-rain::backdrop{background:#fff9ebcc;backdrop-filter:blur(5px)}.rain-skip{position:absolute;right:24px;top:22px;z-index:8;padding:12px 18px;border:1.5px solid #20231f;border-radius:28px;background:#fff9eb;font:700 12px 'DM Sans',sans-serif;cursor:pointer}.rain-skip:focus-visible{outline:3px solid #0869b8;outline-offset:4px}.rain-title{position:absolute;top:11%;left:0;width:100%;text-align:center;z-index:0}.rain-title>span{font:700 11px 'DM Sans',sans-serif;letter-spacing:3px;color:#0869b8}.rain-title h2{font:clamp(40px,6vw,78px)/.98 var(--display);color:#ed2529;margin:18px 0}.rain-pot{position:absolute;width:min(480px,84vw);aspect-ratio:480/260;left:50%;margin-left:calc(min(480px,84vw) / -2);bottom:9%;z-index:auto;transform-origin:center bottom}.rain-pot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rain-pot-back{z-index:1}.rain-pot-front{z-index:4}.rain-sock{position:absolute;left:0;top:0;z-index:2;pointer-events:none;will-change:transform}.rain-sock svg{display:block;width:100%;height:auto}.rain-caption{position:absolute;bottom:3%;left:0;width:100%;text-align:center;font:italic 18px 'Comic Sans MS',cursive;color:#0869b8;margin:0}@media(max-width:600px){.rain-title{top:15%}.rain-title>span{font-size:9px;letter-spacing:2px}.rain-pot{bottom:14%}.rain-caption{bottom:8%;font-size:16px}.rain-skip{right:15px;top:15px}}@media(prefers-reduced-motion:reduce){.sock-rain{display:none}}
/* The actual homepage sits behind an opaque movable cloth, not a screenshot. */
.sock-rain{background:transparent}.sock-rain::backdrop{background:transparent;backdrop-filter:none}.rain-cloth{position:absolute;inset:0;background:#fff9eb;isolation:isolate;box-shadow:-12px 0 26px #48301920}.rain-cloth:before{content:'';position:absolute;inset:0 auto 0 0;width:48px;background:linear-gradient(90deg,#c9bca744,#fffdf033 35%,#b7a89422 65%,transparent);border-left:2px solid #dacdb8;opacity:0;transition:opacity .2s;z-index:6}.reveal-started .rain-cloth:before{opacity:1}.rain-pusher{position:absolute;z-index:7;width:clamp(200px,27vw,340px);left:calc(clamp(200px,27vw,340px) * -.935);bottom:12%;pointer-events:none}.rain-pusher[hidden]{display:none}.rain-pusher img{width:100%;height:auto;display:block;transform-origin:93% 64%}.push-effort{position:absolute;top:-15px;left:22%;font:24px var(--display);color:#e92826;white-space:nowrap;transform:rotate(-8deg);animation:effort-puff .62s ease-in-out infinite}.push-sweat{position:absolute;width:11px;height:20px;left:69%;top:30%;background:#188cd0;border:2px solid #172a35;border-radius:65% 35% 60% 40%;transform:rotate(-25deg);animation:effort-sweat .65s ease-out infinite}.push-sweat.second{left:77%;top:34%;width:8px;height:14px;animation-delay:.25s}@keyframes effort-sweat{from{opacity:0;translate:0 -5px}40%{opacity:1}to{opacity:0;translate:12px 15px}}@keyframes effort-puff{50%{transform:rotate(-5deg) translateY(-4px)}}@media(max-width:600px){.rain-pusher{bottom:18%}.push-effort{font-size:19px}}@media(prefers-reduced-motion:reduce){.push-effort,.push-sweat{animation:none}}

.rain-sound{position:absolute;right:24px;top:76px;z-index:8;padding:10px 15px;background:#ffdc4a;border:1.5px solid #20231f;border-radius:24px;font:700 12px sans-serif;cursor:pointer}.rain-sound:focus-visible{outline:3px solid #0869b8;outline-offset:4px}