.collection-landing{--cl-gradient: linear-gradient(90deg, var(--cl-start, #8fa080) 0%, var(--cl-end, #8fa080) 100%);position:relative;z-index:2;background:var(--cl-gradient);color:var(--cl-text, #263823)}.collection-landing__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:3.2rem;padding-top:4rem;padding-bottom:4.4rem}.collection-landing__inner--media{clip-path:inset(0 -100vw);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.collection-landing__text{position:relative;max-width:60rem}.collection-landing__title{position:relative;display:inline-block;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:clamp(3.8rem,5.4vw,5.8rem);letter-spacing:-.015em;line-height:1.04;color:var(--cl-text, #263823)}.collection-landing__intro{margin-top:1rem;font-size:1.7rem;line-height:1.55;color:var(--cl-text, #263823);color:color-mix(in srgb,var(--cl-text, #263823) 88%,#000)}.collection-landing__intro>*:first-child{margin-top:0}.collection-landing__intro>*:last-child{margin-bottom:0}.collection-landing__media{position:relative;display:flex;align-items:center;justify-content:center;height:20rem;margin-block:-1.6rem}.collection-landing__media img{display:block;width:auto;height:auto;max-width:min(100%,36rem);max-height:100%;object-fit:contain;object-position:center}@media screen and (min-width:750px){.collection-landing__media img{transform:translate(-4rem,1.5rem) scaleX(-1)}}.collection-landing__sparkle{position:absolute;z-index:1;display:block;color:#f1af2d;pointer-events:none}.collection-landing__sparkle svg{display:block;width:100%;height:100%}.collection-landing__sparkle--title{top:-.8rem;right:-2.6rem;width:2.2rem;height:2.2rem}.collection-landing__sparkle--accent{top:2.4rem;right:1.2rem;width:1.4rem;height:1.4rem;opacity:.75}.collection-landing__inner--media .collection-landing__sparkle--accent{top:2rem;right:-.4rem}.collection-landing--scales{--cl-trim-w: 110px;--cl-trim-h: 65px;margin-bottom:calc(var(--cl-trim-h) - .8rem)}.collection-landing--scales:before,.collection-landing--scales:after{content:"";position:absolute;top:calc(100% - 1px);left:0;right:0;height:var(--cl-trim-h);pointer-events:none}.collection-landing--scales:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 65'%3E%3Cpath fill='%23415640' d='M-55 0V22A57.8 57.8 0 0 0 55 22V0ZM55 0V22A57.8 57.8 0 0 0 165 22V0Z'/%3E%3Cpath fill='none' stroke='%23F1AF2D' stroke-width='3' d='M-55 22A57.8 57.8 0 0 0 55 22M55 22A57.8 57.8 0 0 0 165 22'/%3E%3C/svg%3E") center top / var(--cl-trim-w) var(--cl-trim-h) repeat-x}.collection-landing--scales:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 65'%3E%3Cpath fill='none' stroke='%23F1AF2D' stroke-width='3' d='M0 0A57.8 57.8 0 0 0 110 0'/%3E%3C/svg%3E") center top / var(--cl-trim-w) var(--cl-trim-h) repeat-x,var(--cl-gradient) left top / 100% 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 65'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='3' d='M0 0A57.8 57.8 0 0 0 110 0Z'/%3E%3C/svg%3E") center top / var(--cl-trim-w) var(--cl-trim-h) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 65'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='3' d='M0 0A57.8 57.8 0 0 0 110 0Z'/%3E%3C/svg%3E") center top / var(--cl-trim-w) var(--cl-trim-h) repeat-x}@media screen and (max-width:749px){.collection-landing--scales{--cl-trim-w: 88px;--cl-trim-h: 52px}}@media screen and (max-width:749px){.collection-landing__inner,.collection-landing__inner--media{grid-template-columns:minmax(0,1fr);gap:0;padding-top:2.4rem;padding-bottom:2.8rem}.collection-landing__media,.collection-landing__sparkle--accent{display:none}.collection-landing__title{font-size:3.2rem}.collection-landing__sparkle--title{right:-2.2rem;width:1.8rem;height:1.8rem}.collection-landing__intro{font-size:1.5rem;margin-top:.6rem}}.collection-landing__backdrop{position:absolute;z-index:0;top:50%;left:50%;width:32rem;height:32rem;border-radius:50%;background-color:#c9d5bc;transform:translate(calc(-50% - 4rem),calc(-50% + 3.6rem));pointer-events:none}.collection-landing__media img{position:relative;z-index:1}.collection-landing--minimal{background:transparent}.collection-landing--minimal .collection-landing__inner{display:block;padding-top:3.6rem;padding-bottom:.8rem;text-align:center}.collection-landing--minimal .collection-landing__text{max-width:62rem;margin-inline:auto}.collection-landing--minimal .collection-landing__title{font-size:clamp(4rem,4.2vw,5.2rem)}.collection-landing--minimal .collection-landing__intro{margin-top:.8rem;color:var(--cl-text, #263823)}.collection-landing__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 2.4rem;margin:1.6rem 0 0;padding:0}.collection-landing__benefit{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--cl-text, #263823)}.collection-landing__benefit-icon{flex-shrink:0;width:2rem;height:2rem;color:#b07a12}@media screen and (max-width:749px){.collection-landing--minimal .collection-landing__inner{padding-top:2.4rem;padding-bottom:.4rem}.collection-landing--minimal .collection-landing__title{font-size:3.4rem}.collection-landing__benefits{gap:.6rem 1.6rem;margin-top:1.2rem}.collection-landing__benefit{font-size:1.35rem;gap:.5rem}.collection-landing__benefit-icon{width:1.8rem;height:1.8rem}}.collection-landing.collection-landing--minimal .collection-landing__inner{padding-top:6rem;padding-bottom:4rem}.collection-landing--minimal .collection-landing__text .collection-landing__intro{margin-top:2rem}.collection-landing--minimal .collection-landing__text .collection-landing__benefits{margin-top:2.8rem}@media screen and (max-width:749px){.collection-landing.collection-landing--minimal .collection-landing__inner{padding-top:3rem;padding-bottom:2rem}.collection-landing--minimal .collection-landing__text .collection-landing__intro{margin-top:1rem}.collection-landing--minimal .collection-landing__text .collection-landing__benefits{margin-top:1.4rem;gap:.8rem 1.6rem}}.collection-landing.collection-landing--minimal{background:#eef3e9}.collection-landing__eyebrow{margin:0 0 1rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:800;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#415640}.collection-landing--minimal .collection-landing__title.collection-landing__title--welcome{display:block;font-family:var(--cl-heading-family, var(--font-heading-family));font-weight:var(--cl-heading-weight, 700);font-style:normal;font-size:clamp(4.8rem,4.3vw,5.4rem);line-height:1.08;letter-spacing:.005em;text-wrap:balance;font-synthesis:none}.collection-landing--minimal .collection-landing__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;max-width:78rem;margin-inline:auto}.collection-landing--minimal .collection-landing__benefit{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 1.6rem;border-radius:1.4rem;background:#fff;box-shadow:0 6px 16px -10px #41564073,0 1px 2px #4156400f;text-align:left;cursor:default}@media screen and (max-width:749px){.collection-landing--minimal .collection-landing__eyebrow{margin-bottom:.6rem;font-size:1.2rem}.collection-landing--minimal .collection-landing__title.collection-landing__title--welcome{font-size:3.4rem}.collection-landing--minimal .collection-landing__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.collection-landing--minimal .collection-landing__benefit{padding:.9rem 1.2rem;border-radius:1.2rem}}.collection-landing.collection-landing--minimal .collection-landing__text{max-width:100%}.collection-landing--minimal .collection-landing__text .collection-landing__intro{max-width:62rem;margin-inline:auto}@media screen and (min-width:990px){.collection-landing--minimal .collection-landing__benefits{grid-template-columns:repeat(3,1fr);width:max-content;max-width:100%}.collection-landing--minimal .collection-landing__benefit{white-space:nowrap;padding:1.2rem 2rem}}@media screen and (min-width:750px)and (max-width:989px){.collection-landing--minimal .collection-landing__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}}.collection-landing--minimal .collection-landing__intro,.collection-landing--minimal .collection-landing__intro p{text-wrap:balance}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-collection-landing.css.map */