.sca-science-compounds{--science-bg: #f7f6f1;--science-cream: #f8f3e6;--science-green: #0d4638;--science-green-deep: #082f26;--science-ink: #102f27;--science-gold: #b99656;position:relative;overflow:hidden;padding:clamp(6.8rem,6.6vw,9.4rem) 0 clamp(7.2rem,7vw,10rem);background:radial-gradient(circle at 18% 12%,#0d463809,#0d463803,#0d463800 68%),radial-gradient(circle at 86% 10%,#b9965612,#b9965606 34%,#b9965600 66%),linear-gradient(180deg,#fbfaf6,#f7f6f1);color:var(--science-ink)}.sca-science-compounds:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.011;background-image:linear-gradient(rgba(13,70,56,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(13,70,56,.42) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%)}.sca-science-compounds__inner{position:relative;z-index:1;width:min(100% - 7rem,124rem);margin:0 auto}.sca-science-compounds__header{max-width:68rem;margin:0 auto clamp(4.2rem,4.8vw,6.4rem);text-align:center}.sca-science-compounds__kicker{margin:0 0 1.25rem;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:8.8px;line-height:1;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#102f2757}.sca-science-compounds__title{max-width:62rem;margin:0 auto;font-family:Reckless Neue,Georgia,serif;font-size:clamp(38px,3.9vw,58px);line-height:.98;font-weight:400;letter-spacing:-.064em;color:#102f27f0;text-wrap:balance;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.sca-science-compounds__intro{max-width:54rem;margin:1.65rem auto 0;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:13.6px;line-height:1.58;font-weight:400;letter-spacing:-.005em;color:#102f2794}.sca-science-compounds__intro p{margin:0}.sca-science-compounds__grid{max-width:104rem;margin:0 auto clamp(4.6rem,5vw,6.4rem);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(2rem,2.4vw,3rem) clamp(1.4rem,1.8vw,2.4rem);align-items:start;justify-items:center}.sca-science-compounds__item{-webkit-appearance:none;appearance:none;border:0;background:transparent;width:100%;max-width:12.4rem;padding:0;display:flex;flex-direction:column;align-items:center;gap:1.05rem;cursor:pointer;color:var(--science-green);text-align:center}.sca-science-compounds__circle{position:relative;width:clamp(9.6rem,7.4vw,12.4rem);aspect-ratio:1 / 1;display:block;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 50% 0%,#ffffff5c,#fff0 58%),linear-gradient(180deg,#0d46380e,#0d463809);box-shadow:0 1.1rem 2.7rem #102f270c,inset 0 0 0 1px #102f2712,inset 0 1px #ffffff80;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.sca-science-compounds__circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#ffffff0d,#03130f0e)}.sca-science-compounds__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02) brightness(1.02);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1)}.sca-science-compounds__symbol{width:100%;height:100%;display:grid;place-items:center;font-family:Reckless Neue,Georgia,serif;font-size:clamp(30px,2.55vw,42px);line-height:1;font-weight:400;letter-spacing:-.055em;color:#0d46386b}.sca-science-compounds__name{max-width:12rem;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:11.8px;line-height:1.16;font-weight:500;letter-spacing:-.012em;color:#0d4638bd;transition:color .18s ease,opacity .18s ease}.sca-science-compounds__item:hover .sca-science-compounds__circle{transform:translateY(-2px);box-shadow:0 1.7rem 4rem #102f2712,inset 0 0 0 1px #102f2717,inset 0 1px #ffffff8a}.sca-science-compounds__item:hover .sca-science-compounds__image{transform:scale(1.03)}.sca-science-compounds__item.is-active .sca-science-compounds__circle{box-shadow:0 1.7rem 4.4rem #0d463817,0 0 0 1px #b9965647,inset 0 0 0 1px #ffffff5c,inset 0 1px #ffffff8a}.sca-science-compounds__item.is-active .sca-science-compounds__name{color:#082f26eb}.sca-science-compounds__panels{max-width:98rem;margin:0 auto}.sca-science-compounds__panel{display:none;grid-template-columns:minmax(0,1fr) minmax(26rem,.72fr);gap:clamp(4rem,5.4vw,7rem);align-items:start}.sca-science-compounds__panel.is-active{display:grid;animation:scaCompoundFade .26s ease both}@keyframes scaCompoundFade{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.sca-science-compounds__panel-copy{max-width:56rem}.sca-science-compounds__panel-kicker{margin:0 0 1.15rem;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:8.6px;line-height:1;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#102f2757}.sca-science-compounds__panel-title{margin:0;font-family:Reckless Neue,Georgia,serif;font-size:clamp(30px,2.55vw,40px);line-height:1.02;font-weight:400;letter-spacing:-.06em;color:#102f27f0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.sca-science-compounds__panel-text{max-width:52rem;margin-top:1.55rem;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:14px;line-height:1.62;font-weight:400;letter-spacing:-.005em;color:#102f279e}.sca-science-compounds__panel-text p{margin:0}.sca-science-compounds__panel-text p+p{margin-top:1em}.sca-science-compounds__panel-note{max-width:48rem;margin:1.55rem 0 0;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:11px;line-height:1.45;font-weight:400;letter-spacing:-.002em;color:#102f2761}.sca-science-compounds__panel-meta{border-top:1px solid rgba(16,47,39,.075)}.sca-science-compounds__fact{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:1.15rem;padding:1.25rem 0;border-bottom:1px solid rgba(16,47,39,.075)}.sca-science-compounds__fact span{font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:8.2px;line-height:1.2;font-weight:500;letter-spacing:.11em;color:#102f2747}.sca-science-compounds__fact p{margin:0;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:12.4px;line-height:1.44;font-weight:400;letter-spacing:-.003em;color:#102f2794}.sca-science-compounds__footer-note{max-width:62rem;margin:clamp(4rem,4.4vw,5.8rem) auto 0;text-align:center;font-family:Aeonik,var(--font-body-family),system-ui,sans-serif;font-size:11.4px;line-height:1.55;font-weight:400;letter-spacing:-.002em;color:#102f2761}.sca-science-compounds__footer-note p{margin:0}@media screen and (max-width:1180px){.sca-science-compounds__grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:68rem;row-gap:3.2rem}.sca-science-compounds__circle{width:12.4rem}}@media screen and (max-width:990px){.sca-science-compounds{padding:6.4rem 0 7rem}.sca-science-compounds__inner{width:min(100% - 4rem,76rem)}.sca-science-compounds__header{max-width:58rem;margin-left:0;margin-right:0;margin-bottom:4.4rem;text-align:left}.sca-science-compounds__title{max-width:52rem;margin-left:0;font-size:clamp(35px,6.8vw,48px)}.sca-science-compounds__intro{max-width:52rem;margin-left:0}.sca-science-compounds__grid{margin-left:0;margin-right:0;max-width:62rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.7rem 1.6rem;justify-items:center}.sca-science-compounds__panel,.sca-science-compounds__panel.is-active{grid-template-columns:1fr;gap:3rem}.sca-science-compounds__panel-meta{max-width:56rem}.sca-science-compounds__footer-note{margin-left:0;text-align:left}}@media screen and (max-width:749px){.sca-science-compounds{padding:5.6rem 0 6.2rem}.sca-science-compounds__inner{width:min(100% - 3rem,54rem)}.sca-science-compounds__header{margin-bottom:3.8rem}.sca-science-compounds__kicker{font-size:8.2px;letter-spacing:.145em}.sca-science-compounds__title{max-width:35rem;font-size:clamp(31px,8.7vw,39px);line-height:1.03;letter-spacing:-.057em}.sca-science-compounds__intro{max-width:34rem;margin-top:1.45rem;font-size:13.2px;line-height:1.56}.sca-science-compounds__grid{max-width:100%;margin-bottom:3.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.2rem}.sca-science-compounds__item{max-width:12rem;gap:1rem}.sca-science-compounds__circle{width:11.2rem}.sca-science-compounds__symbol{font-size:33px}.sca-science-compounds__name{max-width:10.8rem;font-size:12px}.sca-science-compounds__panel-title{font-size:clamp(28px,7.8vw,34px)}.sca-science-compounds__panel-text{font-size:13.5px;line-height:1.58}.sca-science-compounds__panel-note{font-size:10.8px}.sca-science-compounds__fact{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;padding:1.15rem 0}.sca-science-compounds__fact p{font-size:12.2px;line-height:1.42}.sca-science-compounds__footer-note{max-width:34rem;font-size:10.8px;line-height:1.5}}@media screen and (max-width:390px){.sca-science-compounds__inner{width:min(100% - 2.6rem,42rem)}.sca-science-compounds__circle{width:10.6rem}.sca-science-compounds__item{max-width:11rem}.sca-science-compounds__name{font-size:11.6px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sca-science-compounds.css.map */