.coffee-brewing{display:grid;gap:40px clamp(2rem,6vw,6rem);padding-block:clamp(6rem,13vw,11rem)}@media(min-width:900px){.coffee-brewing{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.brew-aside{position:sticky;top:calc(var(--nav-top) + var(--nav-control) + 32px)}}.brew-aside{display:grid;gap:32px;align-content:start}.brew-main{display:grid;gap:40px;align-content:start;min-width:0}.brew-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.brew-tab-sets .brew-tabs{gap:0 20px;border-bottom:0}.brew-tab-sets .brew-tabs span{margin:0;padding:6px 0;border-bottom-width:1px}.brew-main>.brew-head{margin-bottom:-16px}.brew-head:not(:has(.brew-ways)){display:contents}.brew-head h2{margin:0;font:500 var(--text-title)/1.08 var(--font-display);letter-spacing:-.04em}.brew-ways{display:inline-flex;padding:3px;border-radius:var(--radius);background:var(--surface)}.brew-ways label,.brew-tabs label{position:relative;cursor:pointer}.brew-ways input,.brew-tabs input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.brew-ways span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:4px;font:500 var(--text-small)/1 var(--font-display);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.brew-ways input:checked+span{background:var(--ink);color:var(--paper)}.brew-ways input:focus-visible+span,.brew-tabs input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.coffee-brewing:has(.brew-ways) .brew-methods>*{display:none}.coffee-brewing:has(.brew-ways>label:nth-child(1) input:checked) .brew-methods>:nth-child(1),.coffee-brewing:has(.brew-ways>label:nth-child(2) input:checked) .brew-methods>:nth-child(2),.coffee-brewing:has(.brew-ways>label:nth-child(3) input:checked) .brew-methods>:nth-child(3),.coffee-brewing:has(.brew-ways>label:nth-child(4) input:checked) .brew-methods>:nth-child(4){display:grid}.brew-photo{display:none;margin:0;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius);background:var(--surface)}.brew-photo:first-child{display:block}.brew-photo img{display:block;width:100%;height:100%;object-fit:cover}.brew-photo--kit{background:#eeede9}.brew-photo--video{aspect-ratio:16 / 9;background:#000}.brew-photo--video :is(iframe,video){display:block;width:100%;height:100%;border:0;object-fit:cover}@media(max-width:899px){.brew-photo{aspect-ratio:4 / 3}}.brew-methods{display:grid;gap:48px}.brew-method{display:grid;align-content:start;gap:28px}.brew-tabs{display:flex;flex-wrap:wrap;gap:0 28px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,var(--paper))}.brew-tabs span{display:block;margin-bottom:-1px;padding:0 0 10px;border-bottom:2px solid transparent;color:var(--muted);font:500 var(--text-small)/1.3 var(--font-display);transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.brew-tabs label:hover span{color:var(--ink)}.brew-tabs input:checked+span{border-color:var(--ink);color:var(--ink)}@supports selector(:has(*)){.brew-tab-sets .brew-tabs,.brew-method[data-varied] .brew-recipe{display:none}}.brew-recipes{display:grid;gap:48px}.brew-recipe{display:grid;gap:22px}.brew-recipe-summary{margin:0;color:var(--muted)}.brew-specs{margin-block:calc(var(--over) + 4px)}.brew-stages{display:grid;margin:0;padding:0;list-style:none;font-size:var(--text-small)}.brew-stages li{position:relative;display:grid;grid-template-columns:4.75rem 10px minmax(0,1fr);align-items:start;column-gap:12px;padding-bottom:22px}.brew-stages li:last-child{padding-bottom:0}.brew-stages li:not(:last-child):before{content:"";position:absolute;top:18px;bottom:2px;left:calc(4.75rem + 16.5px);width:1px;background:color-mix(in srgb,var(--ink) 22%,var(--paper))}.brew-stages b{font-weight:500;font-variant-numeric:tabular-nums;line-height:1.45}.brew-stage-mark{width:10px;height:10px;margin-top:5px;border:1.5px solid currentColor;border-radius:50%}.brew-stage-text{line-height:1.45}.brew-stage-text small{color:var(--muted);font-size:inherit}.brew-stage-done .brew-stage-mark{background:currentColor}.brew-stage-done .brew-stage-text{color:var(--muted)}.brew-numbers{display:grid;gap:8px 40px}.brew-numbers .brew-stages{margin-top:8px}@media(min-width:1100px){.brew-numbers{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center}.brew-numbers .brew-stages{order:-1;margin-top:0}}.brew-recipe-note{max-width:40rem;margin:0;color:var(--muted);font-size:var(--text-small)}.brew-kit-group{display:grid;gap:10px}@media(min-width:600px){.brew-kit-group{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px}}.brew-kit-head{margin:0;color:var(--muted);font:500 var(--text-small)/1.3 var(--font-display)}.brew-kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:8px}.brew-kit{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:8px;border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:background var(--duration) var(--ease)}.brew-kit:hover{background:color-mix(in srgb,var(--ink) 10%,var(--surface))}.brew-kit-media{display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;background:#eeede9}.brew-kit-media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brew-kit-text{display:grid;align-self:center;min-width:0}.brew-kit-text b{display:-webkit-box;overflow:hidden;font:500 var(--text-small)/1.3 var(--font-display);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.brew-mores{display:grid;gap:8px}.brew-more{border-radius:var(--radius);background:var(--surface)}.brew-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 16px;font:500 var(--text-small)/1.25 var(--font-display);list-style:none;cursor:pointer}.brew-more summary::-webkit-details-marker{display:none}.brew-more summary .nav-plus{width:10px;height:10px}.brew-more summary .nav-plus:before{top:4px;width:10px;height:1.5px}.brew-more summary .nav-plus:after{left:4.25px;width:1.5px;height:10px}.brew-more[open] summary .nav-plus{transform:rotate(45deg)}.brew-more summary:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--radius)}.brew-more-body{display:grid;gap:8px;max-width:42rem;padding:0 16px 16px;color:var(--muted);font-size:var(--text-small);line-height:1.5}.brew-more-body p{margin:0}.brew-more-body p:first-child{color:var(--ink)}@media(prefers-reduced-motion:reduce){.brew-more summary .nav-plus{transition:none}}.brew-photo--embed{position:relative}.brew-photo--embed>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.brew-photo--embed iframe{position:absolute;top:50%;left:50%;height:136%;width:auto;aspect-ratio:16 / 9;border:0;translate:-50% -50%;opacity:0;pointer-events:none;transition:opacity .6s var(--nav-ease)}.brew-video-toggle{position:absolute;left:12px;bottom:12px;z-index:1;min-height:32px;padding:0 12px;border:0;border-radius:4px;background:#0000008c;color:#fff;font:500 var(--text-small)/1 var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brew-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.brew-photo--embed:not([data-ready]) .brew-video-toggle{display:none}.brew-photo--embed[data-ready] iframe{opacity:1}@media(prefers-reduced-motion:reduce){.brew-photo--embed iframe{display:none}}.brew-recipe-for{margin:0;font:500 var(--text-small)/1.3 var(--font-display)}.brew-recipe-caution b{color:var(--ink);font-weight:500}.brew-guide{display:grid;gap:12px}.brew-guide-title{margin:0;font:500 var(--text-title)/1.08 var(--font-display);letter-spacing:-.035em}.brew-guide-text{max-width:52ch;margin:0;color:var(--muted);font:400 var(--text-body)/1.55 var(--font-body)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/coffee-brewing.css.map */