.av-keepsake-collage{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffaf4fa,#eef4e8e6),var(--av-pattern-image)}.av-keepsake-collage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--av-pattern-image);background-size:13rem auto;opacity:.035;pointer-events:none}.av-keepsake-collage__inner{position:relative;z-index:1;display:grid;gap:clamp(3rem,5vw,6.4rem);align-items:center}.av-keepsake-collage__content{max-width:58rem}.av-keepsake-collage__text{margin-top:1.4rem;color:var(--brand-copy, #283023);font-size:clamp(1.55rem,1.35rem + .35vw,1.82rem);line-height:1.62}.av-keepsake-collage__details{display:grid;gap:1.1rem;margin:2.2rem 0 0;padding:0;list-style:none}.av-keepsake-collage__detail{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:1.3rem;align-items:start;padding:1.35rem;border:1px solid rgba(47,59,37,.12);border-radius:var(--brand-radius-panel, .8rem);background:#fffdf8b3;box-shadow:0 1rem 3rem #2f3b250e}.av-keepsake-collage__detail h3{margin:0;color:var(--brand-title, #2f3b25);font-size:1.48rem;font-weight:800;line-height:1.22}.av-keepsake-collage__detail p{margin:.35rem 0 0;color:var(--brand-copy, #283023);font-size:1.36rem;line-height:1.48}.av-keepsake-collage__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}.av-keepsake-collage__media{position:relative;min-height:42rem}.av-keepsake-collage__frame{position:relative;border:1px solid rgba(47,59,37,.12);border-radius:1rem;background:#fffdf8b8;box-shadow:0 1.8rem 5rem #2f3b251c}.av-keepsake-collage__frame .av-media{border-radius:.8rem}.av-keepsake-collage__frame--main{width:min(78%,46rem);margin-left:auto;padding:.8rem}.av-keepsake-collage__frame--detail,.av-keepsake-collage__frame--gift{position:absolute;width:min(43%,24rem);padding:.6rem}.av-keepsake-collage__frame--detail{left:0;top:8%}.av-keepsake-collage__frame--gift{right:4%;bottom:0}.av-keepsake-collage__seal{position:absolute;left:8%;bottom:8%;display:grid;place-items:center;width:clamp(7rem,9vw,10rem);aspect-ratio:1;border:1px solid rgba(47,59,37,.14);border-radius:50%;background:#fffdf8d1;box-shadow:0 1.4rem 3.4rem #2f3b251f}.av-keepsake-collage__seal img{width:58%;height:auto}.av-keepsake-collage__sprig{position:absolute;width:9.6rem;height:15.2rem;border-left:1px solid rgba(86,104,62,.2);border-radius:72% 0 0 64%;opacity:.72;filter:drop-shadow(0 1rem 1.8rem rgba(47,59,37,.08));transform-origin:50% 100%;pointer-events:none}.av-keepsake-collage__sprig:before,.av-keepsake-collage__sprig:after{content:"";position:absolute;width:2.25rem;height:4.5rem;border-radius:78% 22% 72% 28%;background:radial-gradient(circle at 34% 28%,rgba(255,253,248,.74),transparent 24%),linear-gradient(135deg,#b2c483b8,#56683e5c);box-shadow:2rem 2.9rem 0 -.22rem #8d9d6242,-.6rem 5.7rem 0 -.28rem #b2c4833d,1.55rem 8.5rem 0 -.42rem #5e73442e}.av-keepsake-collage__sprig:before{top:2.4rem;left:-.2rem;transform:rotate(42deg)}.av-keepsake-collage__sprig:after{top:6.4rem;left:1.8rem;transform:rotate(-34deg)}.av-keepsake-collage__sprig--one{top:8%;right:5%;--av-sprig-rotate: -18deg;transform:rotate(var(--av-sprig-rotate))}.av-keepsake-collage__sprig--two{left:3%;bottom:7%;--av-sprig-rotate: 28deg;transform:rotate(var(--av-sprig-rotate))}@media screen and (min-width:990px){.av-keepsake-collage__inner{grid-template-columns:minmax(0,.85fr) minmax(42rem,1fr)}.av-keepsake-collage__detail:nth-child(2){margin-left:2.8rem}.av-keepsake-collage__detail:nth-child(3){margin-left:5.6rem}}@media screen and (max-width:749px){.av-keepsake-collage__actions{flex-direction:column}.av-keepsake-collage__actions .av-brand-button{width:100%}.av-keepsake-collage__media{min-height:34rem}.av-keepsake-collage__frame--main{width:82%}.av-keepsake-collage__frame--detail,.av-keepsake-collage__frame--gift{width:46%}}@media(prefers-reduced-motion:no-preference){.av-keepsake-collage__sprig,.av-keepsake-collage__seal{animation:av-keepsake-float 7s ease-in-out infinite alternate}.av-keepsake-collage__frame--detail{animation:av-keepsake-float 8s ease-in-out infinite alternate}.av-keepsake-collage__frame--gift{animation:av-keepsake-float 9s ease-in-out infinite alternate-reverse}}@keyframes av-keepsake-float{0%{transform:rotate(var(--av-sprig-rotate, 0deg)) translateY(0)}to{transform:rotate(var(--av-sprig-rotate, 0deg)) translateY(-1rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/avocado-keepsake-collage.css.map */