.purpose-paths{--pp-bg: #f7f3ec;--pp-accent: #c9a84c;--pp-overlay: .42;--pp-radius: 16px;--pp-gap: .65rem;padding:clamp(3.5rem,6vw,5.5rem) clamp(1.25rem,4vw,4rem);background:var(--pp-bg)}.purpose-paths__header{margin-bottom:clamp(1.75rem,3vw,2.75rem);max-width:min(40rem,100%)}.purpose-paths__header .section-title,.purpose-paths__header .section-title p,.purpose-paths__header .section-title h1,.purpose-paths__header .section-title h2,.purpose-paths__header .section-title h3{margin:0;font-family:Great Vibes,cursive;font-size:clamp(2.75rem,5.2vw,4rem);font-weight:400;line-height:1.12;letter-spacing:.01em;color:var(--pp-accent)}.purpose-paths__header .section-title em,.purpose-paths__header .section-title strong{font-style:normal;font-weight:400;color:inherit}.purpose-paths__header .section-sub{max-width:36rem;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.6;margin-top:.9rem;color:#171717b8}.purpose-paths__gallery--bento{display:grid;width:100%;grid-template-columns:minmax(0,2fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:var(--pp-gap);align-items:stretch;aspect-ratio:5.15 / 4;height:auto;max-height:min(78vh,720px)}.purpose-paths__col{display:grid;gap:var(--pp-gap);min-width:0;min-height:0;height:100%}.purpose-paths__col--wide{grid-auto-rows:1fr}.purpose-paths__col--mid{grid-template-rows:1.5fr 1.5fr 1fr}.purpose-paths__col--mid .purpose-path--tall .purpose-path__title{font-size:clamp(1.15rem,1.6vw,1.65rem)}.purpose-paths__col--squares{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.purpose-path{--pp-delay: 0ms;position:relative;display:block;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(160deg,#2a2a35,#121218);border-radius:var(--pp-radius);isolation:isolate;box-shadow:0 10px 28px #0f0f1414;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.purpose-paths__gallery:not(.purpose-paths__gallery--bento){display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pp-gap)}.purpose-path.reveal{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;transition-delay:var(--pp-delay)}.purpose-path.reveal:not(.visible){opacity:0;transform:translateY(24px)}.purpose-path.reveal.visible{opacity:1;transform:none}.purpose-path__frame{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid transparent;border-radius:calc(var(--pp-radius) - 6px);z-index:3;pointer-events:none;transition:border-color .4s ease,inset .4s ease}.purpose-path__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 30% 20%,rgba(201,168,76,.16),transparent 55%),#1a1a22}.purpose-path__media img,.purpose-path__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .45s ease;filter:brightness(.78) saturate(1.08)}.purpose-path__media .placeholder-svg{opacity:.22;object-fit:contain;padding:18%;filter:none;transform:none}.purpose-path:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(to top,rgba(8,8,12,.92) 0%,rgba(8,8,12,.35) 42%,rgba(8,8,12,.08) 70%,transparent 100%),linear-gradient(135deg,rgba(201,168,76,.14) 0%,transparent 42%)}.purpose-path__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);transform:translate(-130%) skew(-14deg);opacity:0}.purpose-path__content{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:1.15rem 1.15rem 1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.purpose-path__title{margin:0;font-family:var(--font-display, "Cormorant Garamond", Georgia, serif);font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}.purpose-path__subtitle{margin:0;font-size:.78rem;line-height:1.4;color:#ffffffb8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.purpose-path__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.45rem;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-accent);transition:gap .35s ease,transform .35s ease}.purpose-path__cta svg,.purpose-path__cta .gemscraft-icon{transition:transform .35s ease}.purpose-path:hover,.purpose-path:focus-visible{transform:translateY(-4px);z-index:4;box-shadow:0 22px 50px #0a0a0f38,0 0 0 1px #c9a84c59;outline:none}.purpose-path:hover .purpose-path__media img,.purpose-path:focus-visible .purpose-path__media img{transform:scale(1.12);filter:brightness(.9) saturate(1.12)}.purpose-path:hover .purpose-path__frame,.purpose-path:focus-visible .purpose-path__frame{top:10px;right:10px;bottom:10px;left:10px;border-color:#c9a84cbf}.purpose-path:hover .purpose-path__cta,.purpose-path:focus-visible .purpose-path__cta{gap:.65rem}.purpose-path:hover .purpose-path__cta svg,.purpose-path:hover .purpose-path__cta .gemscraft-icon,.purpose-path:focus-visible .purpose-path__cta svg,.purpose-path:focus-visible .purpose-path__cta .gemscraft-icon{transform:translate(3px)}.purpose-path:hover .purpose-path__shine,.purpose-path:focus-visible .purpose-path__shine{opacity:1;animation:purposeShine .95s ease forwards}@keyframes purposeShine{0%{transform:translate(-130%) skew(-14deg)}to{transform:translate(130%) skew(-14deg)}}.purpose-paths--square .purpose-paths__gallery,.purpose-paths--portrait .purpose-paths__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pp-gap);aspect-ratio:auto;max-height:none}.purpose-paths--square .purpose-paths__gallery>.purpose-path{aspect-ratio:1 / 1}.purpose-paths--portrait .purpose-paths__gallery>.purpose-path{aspect-ratio:3 / 4}@media(max-width:1100px){.purpose-paths{--pp-gap: .55rem}.purpose-paths__gallery--bento{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);aspect-ratio:5.1 / 4;max-height:min(70vh,620px)}}@media(max-width:768px){.purpose-paths{--pp-radius: 14px;padding:3rem 1.15rem}.purpose-paths__header{text-align:center;max-width:none;margin-inline:auto;margin-bottom:1.5rem}.purpose-paths__header .section-sub{margin-inline:auto}.purpose-paths__gallery--bento{grid-template-columns:1fr;aspect-ratio:auto;max-height:none;height:auto;gap:1rem}.purpose-paths__col--wide{grid-auto-rows:auto}.purpose-paths__col--wide .purpose-path{aspect-ratio:2.15 / 1}.purpose-paths__col--mid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto}.purpose-paths__col--mid .purpose-path--tall{aspect-ratio:1 / 1.45}.purpose-paths__col--mid .purpose-path--mid-square{aspect-ratio:1 / 1;max-width:none}.purpose-paths__col--squares{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.purpose-paths__col--squares .purpose-path{aspect-ratio:1 / 1}.purpose-paths--square .purpose-paths__gallery,.purpose-paths--portrait .purpose-paths__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-path__content{padding:.85rem .85rem .95rem}.purpose-path__title{font-size:.95rem;letter-spacing:.04em}.purpose-path__cta{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.purpose-path,.purpose-path__media img,.purpose-path__cta,.purpose-path__shine,.purpose-path__frame{transition:none!important;animation:none!important}.purpose-path.reveal:not(.visible){opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/gemscraft-purpose-paths.css.map */