.sb-mono{display:none}@media screen{.sb-mono{display:block;background:rgb(var(--sb-white-rgb));padding-block:clamp(4.4rem,11vw,6rem) clamp(3.6rem,9vw,5rem);--sb-stage-w: min(100vw, 44rem);--sb-disc-d: calc(var(--sb-stage-w) * 82 / 393);--sb-mono-rest: .8;--sb-mono-step: calc(var(--sb-stage-w) * 5 / 393)}.sb-mono__head{text-align:center}.sb-mono__eyebrow{margin-bottom:1.2rem}.sb-mono__title{margin:0;font-family:var(--sb-serif);font-weight:var(--sb-fw-regular);font-size:clamp(3.4rem,9.4vw,4.2rem);line-height:1.04;letter-spacing:-.02em;color:rgb(var(--color-foreground));text-wrap:balance}.sb-mono__title em{font-style:italic}.sb-mono__stage{position:relative;width:var(--sb-stage-w);max-width:100%;height:calc(var(--sb-stage-w) * 495 / 393);margin:clamp(1.2rem,4vw,2.4rem) auto 0}.sb-mono__leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sb-mono__leader{stroke:rgba(var(--color-foreground),.3);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .45s var(--sb-ease, ease),opacity .7s var(--sb-ease, ease)}.sb-mono__leader.is-on{stroke:rgba(var(--sb-amber-text-rgb),.85)}.sb-mono__hub{position:absolute;left:50%;top:calc(252 / 495 * 100%);width:calc(180 / 393 * 100%);translate:-50% -50%;pointer-events:none}.sb-mono__film{display:block;width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;background-repeat:no-repeat;--sb-mono-rim: radial-gradient(circle closest-side at 50% 50%, #000 0 80%, transparent 100%);-webkit-mask-image:var(--sb-mono-rim);mask-image:var(--sb-mono-rim)}.sb-mono__node{position:absolute;left:calc(var(--sb-node-x) / 393 * 100%);top:calc(var(--sb-node-y) / 495 * 100%);--sb-node-out: 0px;translate:calc(-50% + var(--sb-node-ux) * var(--sb-node-out)) calc(var(--sb-node-uy) * var(--sb-node-out));transition:translate .5s var(--sb-ease, ease),opacity .7s var(--sb-ease, ease),scale .7s var(--sb-ease, ease);margin-top:calc(var(--sb-disc-d) / -2);width:calc(var(--sb-stage-w) * 88 / 393);display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-mono__disc{position:relative;display:block;width:var(--sb-disc-d);height:var(--sb-disc-d);border-radius:50%;overflow:hidden;scale:var(--sb-mono-rest);box-shadow:0 0 rgb(var(--sb-white-rgb)),0 0 rgba(var(--sb-amber-text-rgb),0);transition:scale .5s var(--sb-ease, ease),box-shadow .45s var(--sb-ease, ease),opacity .45s var(--sb-ease, ease);opacity:.86}.sb-mono__disc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.sb-mono__label{display:flex;flex-direction:column;align-items:center;width:100%;translate:0 calc((var(--sb-mono-rest) - 1) * var(--sb-disc-d) / 2);transition:translate .5s var(--sb-ease, ease)}.sb-mono__node[data-label=above] .sb-mono__label{translate:0 calc(-100% - .7rem - var(--sb-disc-d) + (1 - var(--sb-mono-rest)) * var(--sb-disc-d) / 2)}.sb-mono__node-name{margin-top:calc(var(--sb-stage-w) * 7 / 393);display:block;font-size:max(1rem,calc(var(--sb-stage-w) * 11.5 / 393));font-weight:var(--sb-fw-medium);line-height:1.2;letter-spacing:.005em;text-align:center;color:rgba(var(--color-foreground),.7)}.sb-mono__node-amount{margin-top:calc(var(--sb-stage-w) * 1.5 / 393);display:block;font-size:max(.95rem,calc(var(--sb-stage-w) * 10.5 / 393));line-height:1.25;letter-spacing:.03em;text-align:center;color:rgba(var(--color-foreground),.46)}.sb-mono__node.is-on{--sb-mono-rest: 1;--sb-node-out: var(--sb-mono-step)}.sb-mono__node.is-on .sb-mono__disc{opacity:1;box-shadow:0 0 0 .3rem rgb(var(--sb-white-rgb)),0 0 0 .45rem rgba(var(--sb-amber-text-rgb),.9)}.sb-mono__node.is-on .sb-mono__node-name{color:rgb(var(--color-foreground))}.sb-mono__node-name{transition:color .45s var(--sb-ease, ease)}.sb-mono.is-sequenced .sb-mono__node{opacity:0;scale:.92;pointer-events:none}.sb-mono.is-sequenced .sb-mono__node.is-in{opacity:1;scale:1;pointer-events:auto}.sb-mono.is-sequenced .sb-mono__leader{opacity:0}.sb-mono.is-sequenced .sb-mono__leader.is-in{opacity:1}.sb-mono__node:focus-visible{outline:var(--sb-border-w-2, 2px) solid var(--sb-amber-deep);outline-offset:4px;border-radius:.8rem}@media screen and (max-width:359px){.sb-mono__node-amount{display:none}}.sb-mono__prompt{display:none}.sb-mono.is-enhanced .sb-mono__prompt{display:block;margin:1.6rem auto 0;font-size:1.35rem;font-weight:var(--sb-fw-medium);line-height:1.4;letter-spacing:.015em;text-align:center;text-wrap:balance;color:rgba(var(--color-foreground),.5)}.sb-mono__panels{margin-top:1.4rem}.sb-mono.is-enhanced .sb-mono__panels{display:grid;align-items:start}.sb-mono__panel{background:var(--sb-cream);border-radius:1.6rem;padding:1.3rem 1.5rem 1.4rem}.sb-mono:not(.is-enhanced) .sb-mono__panel+.sb-mono__panel{margin-top:1rem}.sb-mono.is-enhanced .sb-mono__panel{grid-area:1 / 1;visibility:hidden;opacity:0;translate:0 .6rem;pointer-events:none;transition:opacity .5s var(--sb-ease, ease),translate .5s var(--sb-ease, ease),visibility 0s linear .5s}.sb-mono.is-enhanced .sb-mono__panel.is-on{visibility:visible;opacity:1;translate:0 0;pointer-events:auto;transition:opacity .5s var(--sb-ease, ease),translate .5s var(--sb-ease, ease),visibility 0s}.sb-mono__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem}.sb-mono__name{margin:0;min-width:0;font-family:var(--sb-serif);font-weight:var(--sb-fw-regular);font-size:1.85rem;line-height:1.1;letter-spacing:-.012em;color:rgb(var(--color-foreground))}.sb-mono__role{flex:none;margin:0;font-size:1rem;font-weight:var(--sb-fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--sb-amber-text)}.sb-mono__spec{margin:.4rem 0 0;font-size:1.2rem;line-height:1.35;letter-spacing:.02em;color:rgba(var(--color-foreground),.58)}.sb-mono__spec em{font-family:var(--sb-serif);font-style:italic;font-size:1.32rem;letter-spacing:0}.sb-mono__why{margin:.8rem 0 0;font-size:1.32rem;line-height:1.45;color:rgba(var(--color-foreground),.84)}.sb-mono__paper{margin-top:.8rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-foreground),.14)}.sb-mono__finding{margin:0;font-size:1.24rem;line-height:1.45;color:rgba(var(--color-foreground),.66)}.sb-mono__paper.is-open-question .sb-mono__finding{font-family:var(--sb-serif);font-style:italic;font-size:1.38rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.sb-mono__cite{display:block;margin:.6rem 0 0;font-size:1.12rem;line-height:1.35;letter-spacing:.008em;color:rgba(var(--color-foreground),.5)}.sb-mono__cite--link{color:var(--sb-amber-text);text-decoration:none;border-bottom:1px solid rgba(var(--sb-amber-text-rgb),.28);padding-bottom:.15rem}.sb-mono__cite--link svg{width:.8rem;height:.8rem;vertical-align:-.05em;margin-left:.15rem}.sb-mono__close{margin-top:2.4rem;padding-top:1.8rem;border-top:1px solid rgba(var(--color-foreground),.16);text-align:center}.sb-mono__close-text{margin:0 auto;max-width:42ch;font-size:1.4rem;line-height:1.58;color:rgba(var(--color-foreground),.7)}.sb-mono__close-text+.sb-mono__footnote{margin-top:1.2rem}.sb-mono__footnote{margin:0 auto;max-width:48ch;font-size:1.15rem;line-height:1.5;color:rgba(var(--color-foreground),.48)}@media(prefers-reduced-motion:reduce){.sb-mono__node,.sb-mono__leader,.sb-mono__disc,.sb-mono__label{transition:none}.sb-mono.is-sequenced .sb-mono__node,.sb-mono.is-sequenced .sb-mono__leader{opacity:1;scale:1}.sb-mono.is-enhanced .sb-mono__panel,.sb-mono.is-enhanced .sb-mono__panel.is-on{transition:none}}}.sb-mono__hub--still img{display:block;width:100%;height:auto;object-fit:contain}.sb-mono.sb-mono--wide :is(.sb-mono__node-amount,.sb-mono__prompt,.sb-mono__spec,.sb-mono__footnote){color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.sb-mono:not(.sb-mono--wide){display:none}.sb-mono--wide{--sb-stage-w: min(44rem, calc((min(100vw, 104rem) - var(--sb-gutter) * 2 - var(--sb-space-32)) / 2))}.sb-mono--wide .sb-mono__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:104rem;padding-inline:var(--sb-gutter);margin-inline:auto;column-gap:var(--sb-space-32)}.sb-mono--wide .sb-mono__head,.sb-mono--wide .sb-mono__prompt,.sb-mono--wide .sb-mono__close{grid-column:1 / -1;width:100%}.sb-mono--wide .sb-mono__head{max-width:64rem}.sb-mono--wide .sb-mono__stage{grid-column:1}.sb-mono--wide .sb-mono__panels{grid-column:2;padding-inline:0;width:100%}.sb-mono--wide .sb-mono__close{margin-top:var(--sb-space-24)}.sb-mono--wide .sb-mono__panel-head{flex-wrap:wrap;gap:var(--sb-space-08)}}@media screen and (min-width:990px){:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide{--sb-stage-w: min(60rem, calc((min(100vw - var(--sb-gutter) * 2, 126rem) - var(--sb-space-48)) / 2))}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__inner{width:min(100% - var(--sb-gutter) * 2,126rem);max-width:none;padding-inline:0;column-gap:var(--sb-space-48);grid-template-rows:1fr auto auto auto 1fr}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__stage{grid-area:1 / 1 / 6 / 2;margin-block:0}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__head{grid-area:2 / 2;max-width:none;margin:0;padding:0;text-align:left}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__title{max-width:18ch}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide.is-enhanced .sb-mono__prompt{grid-area:3 / 2;margin:var(--sb-space-24) 0 var(--sb-space-16);padding:0;text-align:left}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__panels{grid-area:4 / 2;margin:0}:is([data-pumpkin-preview],[data-berberine-preview]) .sb-mono--wide .sb-mono__close{grid-row:6}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sb-hair-monograph.css.map */