/* Personal symbolism, in the established obsidian / antique-gold storefront. */
.intention-story{padding:76px 5% 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 9%;border-top:1px solid var(--line);scroll-margin-top:100px;background:var(--paper)}
.intention-intro h2{font-size:clamp(38px,3.8vw,62px);line-height:1.1;text-wrap:balance;margin-bottom:26px}
.intention-intro p{font-size:15px;line-height:1.9;max-width:49ch;margin:18px 0}
.intention-intro strong{font-weight:600;color:var(--ink)}
.intention-intro .text-link{margin-top:18px;min-height:44px;align-items:center}
.intention-meanings{margin:0}
.intention-meanings>div{padding:22px 0;border-bottom:1px solid var(--line)}
.intention-meanings>div:first-child{padding-top:0}
.intention-meanings dt{font:400 29px/1.25 var(--display);color:var(--gold);margin-bottom:10px}
.intention-meanings dd{margin:0;max-width:54ch;font-size:14px;line-height:1.8;color:var(--quiet)}
.intention-context{grid-column:1/-1;margin:10px 0 0;max-width:90ch;font-size:13px;line-height:1.8;color:var(--quiet)}
.product-info .purchase-intention{margin:22px 0 24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-info .purchase-intention h2{font:400 clamp(25px,2.2vw,32px)/1.2 var(--display);color:var(--gold);margin:0 0 12px;letter-spacing:-.02em}
.product-info .purchase-intention p{font-size:14px;line-height:1.8;margin:0 0 8px}
.purchase-intention a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--ink);text-underline-offset:4px}
.purchase-intention a:hover{color:var(--gold)}
.purchase-intention small{display:block;color:var(--quiet);font-size:12px;line-height:1.7;margin-top:6px}
@media(max-width:760px){.intention-story{padding:48px 5%;grid-template-columns:1fr;gap:32px;scroll-margin-top:86px}.intention-intro h2{font-size:39px;margin-bottom:20px}.intention-intro p{font-size:14px}.intention-meanings dt{font-size:27px}.intention-context{margin:0}.product-info .purchase-intention{margin:20px 0;padding:18px 0}}

/* Individual bracelet meanings, shared by product and collection views. */
.card-copy .card-meaning{color:var(--gold);font-size:13px;line-height:1.55;margin-top:8px}
.product-info .personal-intention{color:var(--ink);padding-top:8px}
.personal-intention em{font-style:normal}
@media(max-width:650px){.card-copy .card-meaning{font-size:12px;line-height:1.6}}
