.tea-process{--tea-process-rule: var(--clr-accent-medium);--tea-process-ink: var(--gray-10);--tea-process-soft-ink: var(--gray-40);--tea-process-muted: var(--gray-50);--tea-process-accent: var(--clr-primary);--tea-process-accent-dark: var(--clr-primary-dark);--tea-process-olive: var(--clr-accent-dark);--tea-process-red: var(--clr-secondary);color:var(--tea-process-ink)}.tea-process *,.tea-process *:before,.tea-process *:after{box-sizing:border-box}.tea-process__inner{display:grid;gap:var(--space-7)}.tea-process__header{display:grid;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--tea-process-rule)}.tea-process__heading{max-width:76rem}.tea-process__title{max-width:16ch;margin:0;color:var(--tea-process-ink);font-family:var(--ff-primary),serif;font-size:clamp(3.6rem,4.5vw,5.6rem);font-weight:var(--fw-regular);line-height:1.05;letter-spacing:0}.tea-process__intro{max-width:62rem;margin-top:var(--space-3);color:var(--tea-process-soft-ink);font:var(--p)}.tea-process__intro p,.tea-process__page-content p{margin:0 0 var(--space-3)}.tea-process__intro p:last-child,.tea-process__page-content p:last-child{margin-bottom:0}.tea-process__page-content{max-width:76rem;color:var(--tea-process-soft-ink);font:var(--p)}.tea-process__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-7);align-items:start}.tea-process__visual-panel{position:sticky;top:var(--space-5);display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--clr-accent-light);border-radius:var(--radius);background:#fffdf7;text-align:center}.tea-process__panel-kicker,.tea-process__control-kicker{margin:0;color:var(--tea-process-olive);font:var(--fs-bold);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.tea-process__specimen-label{min-height:4.4rem;margin:0;color:var(--tea-process-accent-dark);font-family:var(--ff-primary),serif;font-size:clamp(2.4rem,2.6vw,3.2rem);font-style:italic;font-weight:var(--fw-regular);line-height:1.1;letter-spacing:0}.tea-process__cup{display:block;width:min(28rem,70vw);height:auto;margin:var(--space-3) 0;aspect-ratio:1 / 1;filter:drop-shadow(0 .6rem 2.4rem rgba(34,31,22,.18)) drop-shadow(0 .2rem .6rem rgba(34,31,22,.12))}.tea-process__cup [data-specimen]{transition:fill .24s ease}.tea-process__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);width:100%;margin:0;padding:var(--space-4) 0;border-top:1px solid var(--tea-process-rule);border-bottom:1px solid var(--tea-process-rule)}.tea-process__metric{min-width:0;padding:0;text-align:center}.tea-process__metric dt{margin:0 0 var(--space-1);color:var(--tea-process-muted);font:var(--fs-bold);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.tea-process__metric dd{margin:0;color:var(--tea-process-ink);font-family:var(--ff-primary),serif;font-size:1.8rem;font-weight:var(--fw-regular);line-height:1.2}.tea-process__flavor{max-width:42rem;min-height:5rem;margin:0;color:var(--tea-process-soft-ink);font:var(--p-italic);text-wrap:balance}.tea-process__controls{display:grid;gap:var(--space-6)}.tea-process__control+.tea-process__control,.tea-process__controls>.tea-process__presets{padding-top:var(--space-6);border-top:1px solid var(--tea-process-rule)}.tea-process__control-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:baseline}.tea-process__control-title{margin:0;color:var(--tea-process-ink);font-family:var(--ff-primary),serif;font-size:clamp(2.4rem,2.4vw,2.8rem);font-weight:var(--fw-regular);line-height:1.1;letter-spacing:0}.tea-process__control-subtitle{margin:var(--space-1) 0 0;color:var(--tea-process-olive);font:var(--p-italic);font-size:1.6rem;line-height:1.2}.tea-process__value{flex:0 0 auto;min-width:6rem;color:var(--tea-process-red);font:var(--fs-bold);font-size:2rem;line-height:1.2;text-align:right}.tea-process__control-copy{max-width:56rem;margin:var(--space-3) 0 var(--space-4);color:var(--tea-process-soft-ink);font:var(--p)}.tea-process__slider-label{display:block;margin-bottom:var(--space-2);color:var(--tea-process-muted);font:var(--fs-bold);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.tea-process__slider{--tea-slider-thumb: var(--tea-process-accent);width:100%;height:.6rem;margin:var(--space-3) 0;border:0;border-radius:999px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.tea-process__slider--oxidation{background:linear-gradient(90deg,#7fa45b,#c3a452 44%,#9d5a35 72%,#4b2618)}.tea-process__slider--roast{background:linear-gradient(90deg,#eadfc9,#ca9b55 36%,#875331 68%,#24120b)}.tea-process__slider::-webkit-slider-thumb{width:2.6rem;height:2.6rem;border:.3rem solid var(--clr-background, #fefefc);border-radius:50%;background:var(--tea-slider-thumb);box-shadow:0 0 0 .1rem #221f1638,0 .5rem 1.2rem #221f1633;-webkit-appearance:none;appearance:none}.tea-process__slider::-moz-range-thumb{width:2rem;height:2rem;border:.3rem solid var(--clr-background, #fefefc);border-radius:50%;background:var(--tea-slider-thumb);box-shadow:0 0 0 .1rem #221f1638,0 .5rem 1.2rem #221f1633}.tea-process__slider:focus-visible::-webkit-slider-thumb{outline:.3rem solid var(--focus-color, var(--tea-process-accent));outline-offset:.3rem}.tea-process__slider:focus-visible::-moz-range-thumb{outline:.3rem solid var(--focus-color, var(--tea-process-accent));outline-offset:.3rem}.tea-process__scale-labels{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--tea-process-muted);font:var(--fs-p);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}.tea-process__stage-bar{display:grid;gap:var(--space-1);margin-top:var(--space-5)}.tea-process__stage{position:relative;display:block;height:.4rem;border-radius:999px;background:var(--clr-accent-light)}.tea-process__stage.is-active{background:var(--tea-process-accent)}.tea-process__stage em{position:absolute;right:0;bottom:.9rem;color:var(--tea-process-muted);font:var(--fs-p);font-size:1.1rem;font-style:normal;opacity:0;transform:translateY(.2rem);transition:opacity .16s ease,transform .16s ease;white-space:nowrap}.tea-process__stage.is-current em{color:var(--tea-process-accent-dark);opacity:1;transform:translateY(0)}.tea-process__presets-header{margin-bottom:var(--space-4)}.tea-process__preset-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tea-process__preset{display:inline-flex;align-items:center;justify-content:center;min-width:7rem;max-width:fit-content;padding:var(--space-2) var(--space-3);border:1px solid var(--clr-accent-light);border-radius:var(--radius);background:var(--clr-white);color:var(--gray-10);font:var(--p-small);letter-spacing:.04rem;line-height:1;text-align:center;text-transform:capitalize;cursor:pointer;transition:border-color .3s ease}.tea-process__preset:hover,.tea-process__preset:focus-visible{border-color:var(--clr-accent-medium);color:var(--gray-10)}.tea-process__preset.is-active{border-color:var(--clr-accent-medium);color:var(--gray-10)}.tea-process__preset.is-active:after{content:"\e918";font-family:sb-icons;font-size:10px;line-height:0;margin-left:4px;position:relative;right:0}.tea-process__disclaimer{max-width:76rem;margin:0;color:var(--tea-process-muted);font:var(--fs-p);font-size:1.3rem;line-height:1.5}.tea-process__lesson{display:grid;gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--tea-process-rule)}.tea-process__lesson-heading{max-width:68rem}.tea-process__lesson-heading h2{margin:0;color:var(--tea-process-ink);font-family:var(--ff-primary),serif;font-size:clamp(2.8rem,2.8vw,3.6rem);font-weight:var(--fw-regular);line-height:1.1;letter-spacing:0}.tea-process__lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:var(--space-6)}.tea-process__lesson-item h3{margin:0 0 var(--space-2);color:var(--tea-process-accent-dark);font-family:var(--ff-primary),serif;font-size:2.2rem;font-weight:var(--fw-bold);line-height:1.15;letter-spacing:0}.tea-process__lesson-item p{margin:0;color:var(--tea-process-soft-ink);font:var(--p)}.tea-process__cta{justify-self:start;display:inline-block;min-width:18rem;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background-color:var(--tea-process-accent);color:var(--clr-white);font:var(--p);letter-spacing:.04rem;text-align:center;text-decoration:none;transition:background-color .16s ease}.tea-process__cta:hover,.tea-process__cta:focus-visible{background-color:var(--tea-process-accent-dark);color:var(--clr-white)}@media screen and (min-width:900px){.tea-process__stage-bar{grid-template-columns:var(--stage-columns, repeat(var(--stage-count, 5), minmax(0, 1fr)))}}@media screen and (max-width:989px){.tea-process__workspace,.tea-process__lesson-grid{grid-template-columns:1fr}.tea-process__visual-panel{position:relative;top:auto}}@media screen and (max-width:749px){.tea-process__inner,.tea-process__workspace{gap:var(--space-6)}.tea-process__intro,.tea-process__page-content{font-size:1.7rem;line-height:2.4rem}.tea-process__specimen-label{min-height:4.4rem}.tea-process__metrics{grid-template-columns:1fr;text-align:left}.tea-process__metric{display:grid;grid-template-columns:9rem 1fr;gap:var(--space-3);align-items:baseline}.tea-process__metric dt{margin:0}.tea-process__control-header{align-items:baseline}.tea-process__lesson-grid{gap:var(--space-5)}.tea-process__stage-bar{grid-template-columns:1fr}.tea-process__stage{height:.3rem}.tea-process__stage em{display:none}}@media(prefers-reduced-motion:reduce){.tea-process__cup [data-specimen],.tea-process__stage em,.tea-process__preset,.tea-process__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/tea-oxidation-roast.css.map */