.kn{background:var(--brand-navy);color:var(--color-on-dark);padding-block:clamp(64px,7vw,116px)}.kn__head{max-width:34rem}.kn .c-label{color:#ffffff8c}.kn__head h2{margin-top:14px;font-size:clamp(1.875rem,3.8vw,3.25rem);font-weight:var(--fw-light);font-stretch:var(--fw-width-expanded);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.kn__intro{margin-top:clamp(16px,1.8vw,24px);font-size:.9375rem;line-height:1.65;color:#ffffffb8;max-width:54ch}.kn__tabs{display:grid;margin-top:clamp(36px,4.4vw,64px);border-top:1px solid var(--color-border-on-dark)}@media(min-width:760px){.kn__tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}.kn__tab{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:none;border:0;appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer;padding:16px 18px 16px 0;color:#ffffff73;transition:color var(--dur-base) var(--clarity-ease)}@media(max-width:759px){.kn__tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;border-top:0;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter)}.kn__tabs::-webkit-scrollbar{display:none}.kn__tab{flex:0 0 auto;flex-direction:row;align-items:baseline;gap:9px;padding:11px 16px;border:1px solid var(--color-border-on-dark);border-radius:var(--radius-pill);scroll-snap-align:start}.kn__tab:after{display:none}.kn__tab.is-on{background:var(--brand-paper);color:var(--brand-navy);border-color:var(--brand-paper)}.kn__tab .t{font-size:.9375rem}}.kn__tab:after{content:"";position:absolute;left:0;right:14px;bottom:-1px;height:2px;background:var(--brand-paper);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--clarity-ease)}@media(min-width:760px){.kn__tab.is-on{color:var(--brand-paper)}}.kn__tab.is-on:after{transform:scaleX(1)}.kn__tab .n{font-size:var(--text-xs);font-weight:var(--fw-bold);font-stretch:var(--fw-width-narrow);letter-spacing:.14em}.kn__tab .t{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:var(--fw-regular);font-stretch:103%;letter-spacing:-.015em}.kn__body{display:grid;gap:clamp(32px,4vw,72px);margin-top:clamp(36px,4.4vw,64px);align-items:start}@media(min-width:900px){.kn__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.kn__stage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:520px;margin-inline:auto}@media(min-width:900px){.kn__stage{position:sticky;top:calc(var(--header-h) + var(--hdr-gap) + 32px)}}@media(max-width:899px){.kn__stage{max-width:360px}}.mviz{position:absolute;top:0;right:0;bottom:0;left:0;--rot: 0;--eviz: cubic-bezier(.62, .02, .16, 1)}.mviz svg{width:100%;height:100%;overflow:visible;display:block}.mviz .glow{opacity:0;transition:opacity 1.2s var(--eviz)}.kn.is-live .mviz .glow{opacity:1}.mviz .ring{fill:none;stroke:#ffffff26;stroke-width:1;stroke-dasharray:880;stroke-dashoffset:880;transition:stroke-dashoffset 1.4s var(--eviz)}.kn.is-live .mviz .ring{stroke-dashoffset:0}.mviz .dash{fill:none;stroke:#ffffff4d;stroke-width:1;stroke-dasharray:2 13}.mviz .dash2{fill:none;stroke:#ffffff1f;stroke-width:1;stroke-dasharray:1 16}.mviz .ion{fill:#ffffff80}.mviz .spin{transform-box:view-box;transform-origin:200px 200px;opacity:0;transition:opacity 1s var(--eviz) .35s;animation:mvspin 120s linear infinite;animation-play-state:paused}.mviz .spin--b{animation-duration:190s;animation-direction:reverse}.kn.is-live .mviz .spin{opacity:1;animation-play-state:running}@keyframes mvspin{to{transform:rotate(360deg)}}.mviz .arcbg{fill:none;stroke:#ffffff1a;stroke-width:2}.mviz .arc{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:653.45;stroke-dashoffset:653.45;transform-box:view-box;transform-origin:200px 200px;transform:rotate(-90deg);transition:stroke-dashoffset 1.1s var(--eviz)}.mviz .corewrap{transform-box:view-box;transform-origin:200px 200px;transform:scale(.74);opacity:0;transition:transform 1s var(--eviz) .1s,opacity 1s var(--eviz) .1s}.kn.is-live .mviz .corewrap{transform:scale(1);opacity:1}.mviz .core{fill:#ffffff0e;stroke:#ffffff75;stroke-width:1.1}.mviz .core2{fill:none;stroke:#ffffff24;stroke-width:1}.mviz text{font-family:var(--font-body--family);text-anchor:middle;dominant-baseline:central}.mviz .corekk{fill:#ffffff6b;font-size:5.4px;font-weight:var(--fw-bold);letter-spacing:.2em}.mviz .coret{fill:var(--brand-paper);font-size:20px;font-weight:var(--fw-light);font-stretch:var(--fw-width-expanded);letter-spacing:-.02em}.mviz .dose{fill:var(--color-accent);font-size:8px;font-weight:var(--fw-bold);letter-spacing:.1em;transition:opacity var(--dur-base) var(--eviz)}.mviz .aname{fill:var(--brand-paper);font-size:8.5px;font-weight:var(--fw-bold);letter-spacing:.2em;transition:opacity var(--dur-base) var(--eviz)}.mviz.is-swapping .aname,.mviz.is-swapping .dose{opacity:0}.mviz .pulse{fill:none;stroke:var(--color-accent);stroke-width:1.2;opacity:0;transform-box:view-box;transform-origin:200px 60px}.mviz .const{transform-box:view-box;transform-origin:200px 200px;transform:rotate(calc(var(--rot) * 1deg));transition:transform 1.15s var(--eviz)}.mviz .fix{transform-box:view-box;transform:rotate(calc(var(--rot) * -1deg));transition:transform 1.15s var(--eviz)}.mviz .link{stroke:#fff3;stroke-width:1;stroke-dasharray:38;stroke-dashoffset:38;transition:stroke-dashoffset .8s var(--eviz)}.kn.is-live .mviz .link{stroke-dashoffset:0}.mviz .trace{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:38;stroke-dashoffset:38;opacity:0;transition:stroke-dashoffset .7s var(--eviz),opacity var(--dur-base) var(--eviz)}.mviz .node.is-on .trace{stroke-dashoffset:0;opacity:1;transition-delay:.28s,.28s}.mviz .node{cursor:pointer}.mviz .disc{transform-box:view-box;opacity:0;transform:scale(.5);transition:transform .75s var(--eviz),opacity .6s var(--eviz)}.kn.is-live .mviz .disc{opacity:.44;transform:scale(.88)}.kn.is-live .mviz .node.is-on .disc{opacity:1;transform:scale(1.1)}.mviz .bg{fill:#0b142ce6;stroke:#fff6;stroke-width:1;transition:stroke .45s var(--eviz),fill .45s var(--eviz)}.mviz .node.is-on .bg{stroke:var(--color-accent);stroke-width:1.7}.mviz .rim{fill:none;stroke:#ffffff24;stroke-width:1;transition:stroke .45s var(--eviz)}.mviz .node.is-on .rim{stroke:#e03a4e61}.mviz .sym{fill:var(--brand-paper);font-size:15px;font-weight:var(--fw-regular);font-stretch:103%;letter-spacing:-.01em}.mviz .sym tspan{font-size:9px}.mviz .node:focus{outline:none}.mviz .node:focus-visible .bg{stroke:var(--brand-paper);stroke-width:2.2}.kn.is-live .mviz .node:nth-child(1) .disc{transition-delay:.46s}.kn.is-live .mviz .node:nth-child(2) .disc{transition-delay:.56s}.kn.is-live .mviz .node:nth-child(3) .disc{transition-delay:.66s}.kn.is-live .mviz .node:nth-child(4) .disc{transition-delay:.76s}.kn.is-live .mviz .node:nth-child(5) .disc{transition-delay:.86s}.kn.is-live .mviz .node:nth-child(1) .link{transition-delay:.34s}.kn.is-live .mviz .node:nth-child(2) .link{transition-delay:.44s}.kn.is-live .mviz .node:nth-child(3) .link{transition-delay:.54s}.kn.is-live .mviz .node:nth-child(4) .link{transition-delay:.64s}.kn.is-live .mviz .node:nth-child(5) .link{transition-delay:.74s}@media(prefers-reduced-motion:reduce){.mviz .spin{animation:none}.mviz .glow,.mviz .ring,.mviz .corewrap,.mviz .disc,.mviz .link,.mviz .trace,.mviz .arc,.mviz .const,.mviz .fix,.mviz .aname,.mviz .dose{transition:none}}.kn__items{display:grid;gap:clamp(48px,7vw,120px)}.kn__item{transition:opacity .45s var(--clarity-ease),transform .45s var(--clarity-ease)}.kn--live .kn__item>*{transition:opacity .45s var(--clarity-ease),transform .5s var(--clarity-ease)}.kn--live .kn__item:not(.is-on)>*{opacity:.001;transform:translateY(10px)}.kn--live .kn__item.is-on>*{opacity:1;transform:none}.kn--live .kn__item.is-on>*:nth-child(2){transition-delay:.05s}.kn--live .kn__item.is-on>*:nth-child(3){transition-delay:.1s}.kn--live .kn__item.is-on>*:nth-child(4){transition-delay:.15s}@media(prefers-reduced-motion:reduce){.kn--live .kn__item>*{transition:none;opacity:1;transform:none}}.kn--live .kn__item{opacity:.34}.kn--live .kn__item.is-on{opacity:1}.kn__item h3{margin-top:14px;font-size:clamp(1.375rem,2.4vw,2rem);font-weight:var(--fw-light);font-stretch:var(--fw-width-expanded);line-height:1.12;letter-spacing:-.03em;max-width:18ch}.kn__item p{margin-top:14px;font-size:.9375rem;line-height:1.65;color:#ffffffb8;max-width:46ch}.kn__spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,2.4vw,40px);margin-top:clamp(24px,2.8vw,38px);max-width:460px}.kn__spec div{padding:14px 0;border-top:1px solid var(--color-border-on-dark)}.kn__spec dt{font-size:.625rem;font-weight:var(--fw-bold);font-stretch:var(--fw-width-narrow);letter-spacing:.13em;text-transform:uppercase;color:#ffffff80}.kn__spec dd{margin-top:6px;font-size:.9375rem;font-weight:var(--fw-semibold);font-stretch:var(--fw-width-normal)}.kn__spec dd sup{font-size:.7em;vertical-align:super}
/*# sourceMappingURL=/cdn/shop/t/19/assets/clarity-science-minerals.css.map */