.opal-scale-container,.opal-scale-section{display:flex;flex-direction:column;gap:12px}.opal-scale-section.order-first{order:-1}.opal-scale-section .title{background:linear-gradient(90deg,#8a6d2a,#b6913c 16%,#dcc06a 25%,#e8d889,#dcc06a 45%,#b6913c 70%,#8a6d2a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:600;text-transform:uppercase;letter-spacing:6px;margin-top:0}.opal-scale-intro{margin:0;color:#6e6e73;font-family:Cormorant;font-size:20px;font-weight:600;line-height:1.2;flex:1}.opal-scale-intro p{margin:0}.opal-scale-card{border-radius:8px;padding:8px 0;display:flex;flex-direction:column;gap:12px}.opal-scale-label{font-size:14px;font-weight:400}.opal-scale-label .active-value{font-weight:700}.body-tone-bar{display:flex;width:100%;overflow:hidden;border-radius:2px;border:solid 1px #ddd}.body-tone-segment{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.bolt-icon{color:#fff;width:24px;height:24px}.body-tone-legend{display:flex;width:100%;margin-top:6px;font-size:14px}.legend-item{text-align:center;position:relative;color:#6161617f;font-family:Cormorant;font-weight:600;text-transform:uppercase;letter-spacing:3px}.legend-item:not(:last-child):after{content:"";position:absolute;right:0;top:0;height:20px;width:1px;background:#cacaca}.brightness-circles{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.brightness-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.brightness-circle-wrapper{width:100%;aspect-ratio:1.48;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;border:solid 3px #C0A04A}.brightness-circle{width:100%;height:100%}.brightness-circle img{width:100%;height:100%;object-fit:cover;display:block}.brightness-circle .gradient-fallback{width:100%;height:100%;background:linear-gradient(135deg,gold,#ff4500)}.brightness-circle-wrapper .bolt-icon{position:absolute;z-index:2}.brightness-info{font-size:13px;text-align:center;text-transform:uppercase;font-family:Cormorant;font-weight:600;letter-spacing:2px}.brightness-info .heading{font-size:18px;color:#8a6d2a}.brightness-info .description{color:#9ba4b6;word-break:break-all}.brightness-item.active .brightness-info{font-weight:700}.brightness-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:24px}@media(max-width:768px){.opal-scale-intro{font-size:16px}.brightness-info{font-size:8px;letter-spacing:1px}}.section-body-tone a{text-decoration:underline;text-underline-offset:2px}.opal-scale-note{display:flex;align-items:center;gap:40px;margin-top:8px;padding:32px 48px;border-radius:2px;color:#fbf9f7;background:linear-gradient(90deg,#7c5f22,#a2822f 12%,#c9a63f 28%,#d4b24c,#c9a63f 72%,#a2822f 88%,#7c5f22)}.opal-scale-note__label{flex-shrink:0;font-family:Cormorant;font-weight:700;font-size:20px;line-height:1.2;text-transform:uppercase;letter-spacing:6px;white-space:nowrap;color:#fbf9f7}.opal-scale-note__text{font-family:Cormorant;font-weight:600;font-size:20px;line-height:1.3;color:#fbf9f7;margin:0}.opal-scale-note__text p{margin:0}.opal-scale-note__text strong{font-weight:700}.opal-scale-note__text a{color:#fbf9f7}.collapsible-tab.open .collapsible-content .opal-scale-note{flex-direction:column;align-items:flex-start;padding:28px 24px;gap:12px}@media(max-width:768px){.opal-scale-note{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px}.opal-scale-note__label{letter-spacing:4px;font-size:16px}.opal-scale-note__text{font-size:15px}}.section-body-tone.width--narrow.wrapper-spacing--h{max-width:1100px}@media(min-width:1024px){.section-body-tone .brightness-circles{gap:24px}.section-body-tone .opal-scale-section .title{margin-bottom:0}.section-body-tone .body-tone-content{display:flex;align-items:center;justify-content:space-between;gap:3.2rem}.section-body-tone .brightness-info{font-size:14px}.section-body-tone .heading{font-size:24px}.section-body-tone .opal-scale-container,.section-body-tone .opal-scale-section{gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/body-tone-and-brightness.css.map */