.fill-section{background:#f1f1e6;overflow:hidden;min-height:calc(100svh - 170px);display:grid;align-items:center;padding:65px 5%}.fill-layout{width:100%;max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.fill-stage{position:relative;aspect-ratio:1.12;min-width:0}.fill-pouf{position:absolute;width:78%;left:11%;top:12%;mix-blend-mode:multiply;transition:transform .35s;pointer-events:none}.fill-stage.bump .fill-pouf{transform:scale(1.035)}.soft-item{position:absolute;width:20%;padding:0;background:none;z-index:2;transition:opacity .4s;filter:drop-shadow(0 4px 3px #52513a12)}.soft-item svg{display:block;width:100%;transition:transform .3s}.soft-item:hover svg{transform:translateY(-7px) rotate(-5deg)}.item-towels{left:0;top:0;--dx:190%;--dy:165%;--tilt:-15deg}.item-bedding{right:0;top:0;--dx:-190%;--dy:165%;--tilt:25deg}.item-pillows{left:0;bottom:4%;--dx:190%;--dy:-120%;--tilt:18deg}.item-toys{right:0;bottom:2%;--dx:-190%;--dy:-130%;--tilt:-20deg}.soft-item.flying{animation:soft-fill 1s cubic-bezier(.5,0,.25,1) forwards;pointer-events:none}.soft-item.packed{opacity:.2}.soft-item.packed:hover{opacity:.55}.stage-caption{position:absolute;bottom:-15px;width:100%;text-align:center;font-size:11px;color:#656a56}.fill-spark{position:absolute;left:49%;top:47%;font-size:40px;color:#faf8e8;opacity:0;pointer-events:none}.bump .fill-spark{animation:spark .55s ease-out}.fill-eyebrow{color:#65713a;font-size:12px;margin-bottom:18px}.fill-copy :is(h1,h2){font-size:clamp(29px,3.05vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.035em}.fill-copy :is(h1,h2) span{color:#7f874b}.fill-options{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:34px}.fill-options button{display:flex;align-items:center;gap:10px;background:none;text-align:left;padding:3px 0;font-size:14px;line-height:1.4}.fill-options i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4e6cd;color:#838b43;font-size:14px;font-style:normal;flex-shrink:0}.fill-options button[aria-pressed=true] i{background:#929a55;color:white}.fill-status{font-size:12px;color:#656a56;margin-top:28px;min-height:38px}.fill-actions{display:flex;gap:23px;align-items:center;margin-top:4px}.fill-replay{background:#6a763c;color:white;border-radius:30px;padding:12px 21px;font-size:12px}.fill-replay span{margin-left:18px}.fill-reset{background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#656a56}.fill-disclosure{font-size:10px;color:#656a56;margin-top:23px}
@keyframes soft-fill{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}75%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05) rotate(var(--tilt))}}@keyframes spark{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:0;transform:translateY(-30px) scale(1.5)}}
@media(max-width:760px){.fill-section{padding:35px 22px 40px;min-height:0}.fill-layout{grid-template-columns:1fr;gap:38px;max-width:520px}.fill-stage{width:100%;max-width:460px;margin:auto;aspect-ratio:1.15}.fill-copy :is(h1,h2){font-size:31px}.fill-eyebrow{margin-bottom:13px}.fill-options{margin-top:25px;gap:16px 10px}.fill-options button{font-size:12px}.fill-status{margin-top:20px;min-height:32px}.stage-caption{font-size:9px;bottom:-12px}}
@media(prefers-reduced-motion:reduce){.soft-item.flying{animation:none;opacity:.2}.fill-stage.bump .fill-pouf{transform:none}.bump .fill-spark{animation:none}.fill-pouf,.soft-item svg{transition:none}}
.fill-stage .fill-pouf{width:100%;left:0;top:2%}
.edition-four .fill-section{min-height:0}.fill-product-link{display:inline-block;font-size:12px;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:4px}