.intentions{--int-bg: #f3f1f5;--int-ink: #1e1b31;--int-muted: #55566b;--int-gold: #b08d57;--int-gold-soft: #e6cfa8;--int-line: rgba(176, 141, 87, .32);--int-star: #d9c3ab;--int-shade: 18, 16, 30;--int-serif: var(--font-heading-family, "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif);--int-sans: var(--font-body-family, ui-sans-serif, "Inter", "Karla", system-ui, -apple-system, "Segoe UI", sans-serif);--int-radius: 12px;--int-ease: cubic-bezier(.22, .7, .2, 1);position:relative;isolation:isolate;overflow:hidden;background:var(--int-bg);padding:clamp(64px,8vw,112px) 0 clamp(72px,9vw,120px);font-family:var(--int-sans)}.intentions .sky{position:absolute;top:clamp(-80px,-4vw,-24px);left:50%;transform:translate(-50%);width:min(980px,104vw);height:min(980px,104vw);z-index:0;pointer-events:none;fill:none;stroke:var(--int-line);stroke-width:.4;vector-effect:non-scaling-stroke}.intentions .sky .star{fill:var(--int-star);stroke:none}.intentions .wrap{position:relative;z-index:1;width:min(1280px,90vw);margin-inline:auto}.intentions .head{max-width:760px;margin:0 auto clamp(40px,5vw,68px);text-align:center}.intentions .eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--int-gold);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.intentions .eyebrow:before,.intentions .eyebrow:after{content:"";width:38px;height:1px;background:currentColor;opacity:.5}.intentions .head h2{margin:clamp(14px,1.6vw,22px) 0 0;font-family:var(--int-serif);font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.01em;color:var(--int-ink)}.intentions .head h2 em,.intentions .head h2 i{font-style:italic;font-weight:400}.intentions .head p{margin:clamp(14px,1.4vw,20px) auto 0;max-width:620px;font-size:clamp(15px,1.1vw,17px);line-height:1.62;color:var(--int-muted)}.intentions .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);box-shadow:#64646f33 0 7px 29px}.intentions .card{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:12px;aspect-ratio:3 / 4;border-radius:var(--int-radius);color:#fff;text-decoration:none;transition:transform .6s var(--int-ease),box-shadow .6s var(--int-ease)}.intentions .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(var(--int-shade),.55)}.intentions .card:focus-visible{outline:2px solid var(--int-gold);outline-offset:3px}.intentions .card-media{position:absolute;top:0;right:0;bottom:0;left:0}.intentions .card-media img,.intentions .card-media .card-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--int-ease)}.intentions .card-media .card-placeholder{background:#2a2640;fill:#ffffff29}.intentions .card:hover .card-media img{transform:scale(1.06)}.intentions .card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--int-shade),.9),rgba(var(--int-shade),.6) 34%,rgba(var(--int-shade),.18) 66%,rgba(var(--int-shade),.04));transition:opacity .5s ease}.intentions .card:hover .card-scrim{opacity:.92}.intentions .card-copy{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;flex-direction:column;gap:9px;padding:clamp(18px,1.9vw,28px)}.intentions .card-labels{font-size:10.5px;font-weight:500;display:block;letter-spacing:.18em;text-transform:uppercase;color:var(--int-gold-soft)}.intentions .card-copy h3{margin:0;font-family:var(--int-serif);font-size:clamp(16px,1.6vw,26px);font-weight:500;line-height:1.18;letter-spacing:-.005em;color:#fff}.intentions .card-cta{display:inline-flex;align-items:center;gap:9px;margin-top:3px;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffffdb;transition:color .35s ease}.intentions .card-cta svg{transition:transform .45s var(--int-ease)}.intentions .card:hover .card-cta{color:#fff}.intentions .card:hover .card-cta svg{transform:translate(5px)}@media(max-width:1199px){.intentions .cards{grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:#64646f33 0 7px 29px}}@media(max-width:749px){.intentions .wrap{width:min(1280px,88vw)}.intentions .card-labels{display:none}.intentions .card{aspect-ratio:4 / 3;border-radius:12px}.intentions .eyebrow:before,.intentions .eyebrow:after{width:26px}}@media(prefers-reduced-motion:reduce){.intentions .card,.intentions .card-media img,.intentions .card-scrim,.intentions .card-cta,.intentions .card-cta svg{transition:none!important}.intentions .card:hover,.intentions .card:hover .card-media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/Shop-by-intention.css.map */