.treasure-pile{--_gap: clamp(2.4rem, 5vw, 7rem);position:relative;display:grid;grid-template-columns:var(--pile-width, 40%) minmax(0,1fr);align-items:center;column-gap:var(--_gap);width:100%;max-width:132rem;min-height:var(--pile-height, 420px);margin:0 auto;padding:2rem 5vw;box-sizing:border-box;overflow:hidden}.treasure-pile--right{grid-template-columns:minmax(0,1fr) var(--pile-width, 40%)}.treasure-pile--right .treasure-pile__art{grid-column:2;grid-row:1}.treasure-pile--right .treasure-pile__text{grid-column:1;grid-row:1;justify-self:end;text-align:left}.treasure-pile--left .treasure-pile__text{justify-self:start}.treasure-pile__art{position:relative;width:100%;height:calc(var(--pile-height, 420px) - 6rem);margin:3rem 0}.treasure-pile--art-only{grid-template-columns:minmax(0,1fr)}.treasure-pile--art-only .treasure-pile__art{grid-column:1;max-width:72rem;margin-left:auto;margin-right:auto}.treasure-pile__piece{position:absolute;left:var(--x, 0);top:var(--y, 0);width:var(--w, 30%);height:auto;max-width:none;z-index:var(--z, 5);transform:rotate(var(--r, 0deg));transform-origin:50% 50%;filter:drop-shadow(0 6px 10px rgba(42,35,32,.1));animation-delay:var(--d, 0s);will-change:transform}.treasure-pile__text{max-width:42ch}.treasure-pile__kicker{color:var(--ld-periwinkle, #5F7FBB);margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase}.treasure-pile__heading{margin:0 0 1.6rem}.treasure-pile__body{margin:0 0 2.4rem}.treasure-pile__btn{display:inline-block;padding:1.1rem 2.4rem;border:1px solid var(--ld-plum, #4A3868);color:var(--ld-plum, #4A3868);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-size:1.3rem}.treasure-pile__btn:hover{background:var(--ld-plum, #4A3868);color:var(--ld-cream, #FBF4F2)}@keyframes pile-sway{0%,to{transform:rotate(calc(var(--r, 0deg) - 3deg))}50%{transform:rotate(calc(var(--r, 0deg) + 3deg))}}@keyframes pile-float{0%,to{transform:rotate(var(--r, 0deg)) translateY(0)}50%{transform:rotate(var(--r, 0deg)) translateY(-10px)}}@keyframes pile-twirl{0%{transform:rotate(var(--r, 0deg))}to{transform:rotate(calc(var(--r, 0deg) + 360deg))}}.treasure-pile__piece--sway{animation:pile-sway 5s ease-in-out infinite}.treasure-pile__piece--float{animation:pile-float 6s ease-in-out infinite}.treasure-pile__piece--twirl{animation:pile-twirl 24s linear infinite}.treasure-pile__piece--bloom{transform:rotate(var(--r, 0deg)) scale(.2);opacity:0;transition:transform 1.1s cubic-bezier(.2,.9,.3,1.2),opacity .6s ease;transition-delay:var(--d, 0s)}.treasure-pile.is-in .treasure-pile__piece--bloom{transform:rotate(var(--r, 0deg)) scale(1);opacity:1}.treasure-pile__art{pointer-events:none}.treasure-pile__piece--hover{pointer-events:auto}@media(pointer:coarse){.treasure-pile__piece--hover{pointer-events:none}}.treasure-pile__piece--hover{transition:transform .35s ease}.treasure-pile__piece--hover:hover{transform:rotate(calc(var(--r, 0deg) - 4deg)) translateY(-8px) scale(1.06);z-index:10}@media(prefers-reduced-motion:reduce){.treasure-pile__piece{animation:none!important;transition:none!important}.treasure-pile__piece--bloom{transform:rotate(var(--r, 0deg));opacity:1}}@media(max-width:749px){.treasure-pile,.treasure-pile--right,.treasure-pile--art-only{grid-template-columns:minmax(0,1fr);padding:1.6rem 2rem 3.2rem}.treasure-pile--right .treasure-pile__art{grid-column:1;grid-row:1}.treasure-pile--right .treasure-pile__text{grid-column:1;grid-row:2;justify-self:start}.treasure-pile__art{height:calc(var(--pile-height, 420px) * .55);margin:1rem 0 2rem}.treasure-pile__text{max-width:none}.treasure-pile--hide-mobile .treasure-pile__art{display:none}}@keyframes pile-wave{0%,to{transform:rotate(calc(var(--r, 0deg) - 5deg))}50%{transform:rotate(calc(var(--r, 0deg) + 7deg))}}@keyframes pile-bloom-loop{0%{transform:rotate(var(--r, 0deg)) scale(.55);opacity:.2}35%{transform:rotate(calc(var(--r, 0deg) + 4deg)) scale(1.04);opacity:1}45%,85%{transform:rotate(var(--r, 0deg)) scale(1);opacity:1}to{transform:rotate(var(--r, 0deg)) scale(.55);opacity:.2}}@keyframes pile-bob{0%,to{transform:rotate(calc(var(--r, 0deg) - 2deg)) translateY(0)}50%{transform:rotate(calc(var(--r, 0deg) + 2deg)) translateY(-8px)}}.treasure-pile__piece--wave{transform-origin:50% 95%;animation:pile-wave 3.2s ease-in-out infinite}.treasure-pile__piece--bloom-loop{transform-origin:50% 50%;animation:pile-bloom-loop 9s ease-in-out infinite}.treasure-pile__piece--bob{animation:pile-bob 4s ease-in-out infinite}.collage-banner__art{position:relative}.collage-banner__piece{position:absolute;left:var(--x, 0);top:var(--y, 0);width:var(--w, 8%);height:auto;max-width:none;transform:rotate(var(--r, 0deg));filter:drop-shadow(0 4px 8px rgba(42,35,32,.1));animation-delay:var(--d, 0s);will-change:transform}@media(max-width:749px){.collage-banner__piece{display:none}}@media(prefers-reduced-motion:reduce){.collage-banner__piece{animation:none!important}}@media(min-width:750px){.collage-banner__art--live{background-image:none!important}}.collage-banner__slot{position:absolute;left:var(--cx);top:var(--cy);width:var(--w);z-index:var(--z, 1);transform:translate(-50%,-50%);pointer-events:none}.collage-banner__live{display:block;width:100%;height:auto;max-width:none;transform:rotate(var(--r, 0deg));animation-delay:var(--d, 0s);animation-duration:var(--dur, 6s);will-change:transform}@media(max-width:749px){.collage-banner__slot{display:none}}@media(prefers-reduced-motion:reduce){.collage-banner__live{animation:none!important}}.collage-banner__live.treasure-pile__piece--sway{animation-name:pile-sway-soft}.collage-banner__live.treasure-pile__piece--float{animation-name:pile-float-soft}.collage-banner__live.treasure-pile__piece--bob{animation-name:pile-bob-soft}@keyframes pile-sway-soft{0%,to{transform:rotate(calc(var(--r, 0deg) - 1.5deg))}50%{transform:rotate(calc(var(--r, 0deg) + 1.5deg))}}@keyframes pile-float-soft{0%,to{transform:rotate(var(--r, 0deg)) translateY(0)}50%{transform:rotate(var(--r, 0deg)) translateY(-5px)}}@keyframes pile-bob-soft{0%,to{transform:rotate(calc(var(--r, 0deg) - 1deg)) translateY(0)}50%{transform:rotate(calc(var(--r, 0deg) + 1deg)) translateY(-4px)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-treasure-pile.css.map */