.landing-brew-guide{--brew-control-hover-bg: color-mix(in oklch, var(--sc-button-bg) 80%, var(--sc-primary-surface-bg));display:grid;width:100%;gap:var(--sc-space-5);padding-block-end:var(--landing-section-gap, 100px)}.landing-brew-guide__figure{align-self:start;min-width:0;margin:0}.landing-brew-guide__media{position:relative;display:grid;width:100%;aspect-ratio:var(--brew-media-ratio, 4 / 3);align-self:center;overflow:hidden;place-items:center;background:var(--sc-card-surface);border-radius:var(--sc-radius-section);corner-shape:squircle;outline:1px solid color-mix(in oklch,var(--sc-primary-text) 10%,transparent);outline-offset:-1px}.landing-brew-guide__player,.landing-brew-guide__poster,.landing-brew-guide__video,.landing-brew-guide__image{display:block;width:100%;height:100%;object-fit:cover}.landing-brew-guide__player{position:relative;overflow:hidden;background:var(--sc-card-surface)}.landing-brew-guide__poster,.landing-brew-guide__video{position:absolute;top:0;right:0;bottom:0;left:0}.landing-brew-guide__video{object-fit:contain;opacity:0}.landing-brew-guide__player[data-state=playing] .landing-brew-guide__video{opacity:1}.landing-brew-guide__player-action{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sc-space-2);padding:var(--sc-space-4);text-align:center;background:color-mix(in oklch,var(--sc-card-surface) 24%,transparent)}.landing-brew-guide__player[data-state=playing] .landing-brew-guide__player-action{display:none}.landing-brew-guide__start{flex:0 0 auto;max-width:100%}.landing-brew-guide__start:focus-visible,.landing-brew-guide__direct-link:focus-visible{outline:2px solid var(--sc-primary-text);outline-offset:3px}.landing-brew-guide__status{max-width:34rem;margin:0;color:var(--sc-primary-text);font-size:var(--sc-type-body-small);font-weight:500;line-height:1.4;text-wrap:pretty}.landing-brew-guide__status:empty{display:none}.landing-brew-guide__direct-link{min-height:44px;align-items:center;color:var(--sc-primary-text);font-size:var(--sc-type-body-small);font-weight:600;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-position:from-font;text-decoration-skip-ink:auto}.landing-brew-guide__direct-link:not([hidden]){display:inline-flex}.landing-brew-guide__player[data-state=loading] .landing-brew-guide__start{pointer-events:none;opacity:.72}.landing-brew-guide__video:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:-4px}.landing-brew-guide__placeholder{width:min(100% - (2 * var(--sc-space-5)),34rem);color:var(--sc-body-text);font-size:var(--sc-type-body-small);line-height:1.5;text-align:center;text-wrap:pretty}.landing-brew-guide__timed-captions{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding-block-start:12px}.landing-brew-guide__caption-reveal{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px)}.landing-brew-guide__caption-clip{min-height:0;overflow:hidden}.landing-brew-guide__caption-clip:after{content:"";display:block;height:var(--sc-space-2)}.landing-brew-guide__timed-captions[data-expanded=true] .landing-brew-guide__caption-reveal{grid-template-rows:1fr;opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:no-preference){.landing-brew-guide__caption-reveal{transition:grid-template-rows .22s ease-out,opacity .22s ease-out,transform .22s ease-out}}.landing-brew-guide__cue:empty{display:block}.landing-brew-guide__cue{display:block;width:100%;max-width:62ch;min-height:4.35em;justify-self:center;margin:0 auto;color:var(--sc-primary-text);font-size:var(--sc-type-body-small);font-weight:500;line-height:1.45;text-align:center;text-wrap:balance}.landing-brew-guide__timed-captions[data-state=loading] .landing-brew-guide__cue,.landing-brew-guide__timed-captions[data-state=error] .landing-brew-guide__cue{visibility:hidden}.landing-brew-guide__caption-toggle{display:inline-flex;inline-size:max-content;min-height:44px;align-items:center;justify-content:center;padding:var(--sc-space-2) var(--sc-space-3);color:var(--sc-body-text);font:inherit;font-size:var(--sc-type-body-small);font-weight:400;line-height:1.5;letter-spacing:-.5px;white-space:nowrap;background:var(--sc-primary-surface-bg);border:1px solid var(--sc-surface-border);border-radius:10px;corner-shape:squircle;cursor:pointer;justify-self:center}.landing-brew-guide__caption-toggle:disabled{cursor:default;opacity:.58}.landing-brew-guide__caption-toggle:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:3px}.landing-brew-guide__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--sc-space-3)}.landing-brew-guide__title{max-width:18ch;margin:0;color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:clamp(1.75rem,7vw,2.5rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word;text-wrap:balance}.landing-brew-guide__copy{max-width:38rem;color:var(--sc-body-text);font-size:var(--sc-type-body);font-weight:400;line-height:1.55;text-wrap:pretty}.landing-brew-guide__byline{display:grid;gap:var(--sc-space-1);margin:0;color:var(--sc-label-text);font-size:var(--sc-type-caption);line-height:1.35;text-wrap:pretty}.landing-brew-guide__byline-name{color:var(--sc-body-text);font-weight:600}.landing-brew-guide__byline-role{color:color-mix(in oklch,var(--sc-body-text) 75%,var(--sc-primary-text));font-weight:400}.landing-brew-guide__brew-details{color:var(--sc-body-text);font-size:var(--sc-type-caption);line-height:1.5;text-wrap:pretty}.landing-brew-guide__brew-details p{margin:0}.landing-brew-guide__brew-details p+p{margin-block-start:var(--sc-space-1)}.landing-brew-guide__brew-details strong{color:var(--sc-primary-text);font-weight:500}.landing-brew-guide__copy>:first-child,.landing-brew-guide__transcript-content>:first-child{margin-block-start:0}.landing-brew-guide__copy>:last-child,.landing-brew-guide__transcript-content>:last-child{margin-block-end:0}.landing-brew-guide__actions{display:flex;width:100%;align-items:center;flex-wrap:wrap;gap:var(--sc-space-2) var(--sc-space-3)}.landing-brew-guide__dialog-control,.landing-brew-guide__dialog-control details{display:block;width:fit-content;max-width:100%;color:var(--sc-body-text);font-size:var(--sc-type-body-small);line-height:1.5}.landing-brew-guide__dialog-control summary{display:flex;min-height:44px;align-items:center;gap:var(--sc-space-2);width:fit-content;max-width:100%;padding:var(--sc-space-2) var(--sc-space-3);color:var(--sc-body-text);font-weight:400;letter-spacing:-.5px;cursor:pointer;border-radius:10px;text-decoration:none;transition:background-color .14s cubic-bezier(.2,0,0,1),scale .14s cubic-bezier(.2,0,0,1)}@media(hover:hover)and (pointer:fine){.landing-brew-guide__dialog-control summary:hover{background:var(--brew-control-hover-bg)}}.landing-brew-guide__dialog-control[open] summary,.landing-brew-guide__dialog-control summary[aria-expanded=true],.landing-brew-guide__dialog-control summary:focus-visible{background:var(--brew-control-hover-bg)}.landing-brew-guide__dialog-control summary:active{background:color-mix(in oklch,var(--sc-button-bg) 92%,var(--sc-primary-text))}@media(prefers-reduced-motion:no-preference){.landing-brew-guide__dialog-control summary:active{scale:.96}}@media(prefers-reduced-motion:reduce){.landing-brew-guide__dialog-control summary{transition:none}}.landing-brew-guide__dialog-control summary:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:3px}.landing-brew-guide__transcript-content{max-width:60ch;padding-block-start:var(--sc-space-2);max-height:24rem;overflow-y:auto;overscroll-behavior:contain}.landing-brew-guide__dialog-control[data-enhanced=true] .landing-brew-guide__dialog-content{max-width:none;max-height:none;padding-block-start:0;overflow:visible}.landing-brew-guide__transcript-dialog{position:fixed;z-index:900;inset:var(--modal-shell-top, 0px) 0 auto;width:100%;max-width:none;height:var(--modal-visible-viewport-height, 100dvh);max-height:none;padding:0;overflow:hidden;color:var(--sc-primary-text);background:transparent;border:0}.landing-brew-guide__transcript-dialog:not([open]){display:none}.landing-brew-guide__transcript-dialog[open]{display:grid;place-items:center}.landing-brew-guide__transcript-dialog::backdrop{background:transparent}.landing-brew-guide__transcript-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--sc-primary-surface-bg) 58%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-brew-guide__transcript-panel{position:relative;z-index:1;display:flex;width:min(calc(100% - var(--modal-centered-inline-clearance, 32px)),640px);max-height:calc(var(--modal-visible-viewport-height, 100dvh) - var(--modal-centered-block-clearance, 32px));flex-direction:column;padding:20px;overflow:hidden;background:color-mix(in oklch,var(--sc-card-surface) 96%,var(--sc-primary-text));border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-section);corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow-strong)}.landing-brew-guide__products-panel{width:min(calc(100% - var(--modal-centered-inline-clearance, 32px)),760px)}.landing-brew-guide__products-title{display:flex;align-items:center;gap:var(--sc-space-2)}@media(prefers-reduced-motion:no-preference){.landing-brew-guide__transcript-dialog[open] .landing-brew-guide__transcript-panel{animation:brew-dialog-enter .22s cubic-bezier(.23,1,.32,1) both}.landing-brew-guide__transcript-dialog[open] .landing-brew-guide__transcript-backdrop{animation:brew-backdrop-enter .22s cubic-bezier(.215,.61,.355,1) both}.landing-brew-guide__transcript-dialog[data-brew-dialog-state=closing] .landing-brew-guide__transcript-panel{animation:brew-dialog-exit .16s cubic-bezier(.215,.61,.355,1) both}.landing-brew-guide__transcript-dialog[data-brew-dialog-state=closing] .landing-brew-guide__transcript-backdrop{animation:brew-backdrop-enter .16s cubic-bezier(.215,.61,.355,1) reverse both}}@keyframes brew-dialog-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes brew-dialog-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes brew-backdrop-enter{0%{opacity:0}to{opacity:1}}.landing-brew-guide__heading-icon{display:inline-flex;flex:0 0 24px;color:inherit}.landing-brew-guide__transcript-header{display:flex;min-width:0;min-height:44px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--sc-space-3);padding-block-end:var(--sc-space-3)}.landing-brew-guide__transcript-header h2{margin:0;color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.25rem;font-weight:500;line-height:1.1;letter-spacing:-.5px;text-wrap:balance}.landing-brew-guide__transcript-close{position:relative;display:grid}.landing-brew-guide__transcript-body{min-height:0;overflow:hidden auto;overscroll-behavior:contain;color:var(--sc-body-text);font-size:var(--sc-type-body);line-height:1.6;scrollbar-gutter:stable}.landing-brew-guide__transcript-body>:first-child{margin-block-start:0}.landing-brew-guide__transcript-body>:last-child{margin-block-end:0}.landing-brew-guide__transcript-body p+p{margin-block-start:var(--sc-space-3)}.landing-brew-guide__transcript-body .video-transcript__timestamp{margin-inline-end:var(--sc-space-2);color:var(--sc-label-text);font-variant-numeric:tabular-nums;font-weight:500}.landing-brew-guide__transcript-body .video-transcript>h3:first-child{display:none}.landing-brew-guide__products-body{padding:var(--sc-space-1)}.landing-brew-guide__products-list{display:flex;min-width:0;flex-direction:column;gap:var(--sc-space-2);container-type:inline-size}.landing-brew-product{position:relative;display:grid;min-width:0;min-height:88px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:var(--sc-space-3);padding:var(--sc-space-2) var(--sc-space-3) var(--sc-space-2) var(--sc-space-2);color:var(--sc-primary-text);background:color-mix(in oklch,var(--sc-card-surface) 88%,var(--sc-background-main));border:1px solid var(--sc-surface-border);border-radius:8px;corner-shape:squircle}.landing-brew-product__media{display:grid;width:72px;height:72px;overflow:hidden;place-items:center;background:var(--sc-card-surface);border-radius:6px;corner-shape:squircle}.landing-brew-product__image{width:100%;height:100%;object-fit:contain}.landing-brew-product__copy{display:flex;min-width:0;flex-direction:column;gap:3px}.landing-brew-product__vendor,.landing-brew-product__title,.landing-brew-product__price{margin:0}.landing-brew-product__vendor{color:var(--sc-label-text);font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:uppercase}.landing-brew-product__title{color:var(--sc-primary-text);font-family:var(--font-primary--family);font-size:.875rem;font-weight:600;line-height:1.25;letter-spacing:-.35px;overflow-wrap:break-word;text-wrap:pretty}.landing-brew-product__price{color:var(--sc-body-text);font-size:.75rem;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}.landing-brew-product__note,.landing-brew-guide__products-intro{margin:0;color:var(--sc-body-text);font-size:var(--sc-type-caption);line-height:1.4;text-wrap:pretty}.landing-brew-product__form{display:grid;min-width:0;grid-template-columns:minmax(9rem,11rem) auto;align-items:center;gap:var(--sc-space-2)}.landing-brew-product__pickers{min-width:0;align-self:stretch}.landing-brew-product__pickers .quick-buy-card__option-group,.landing-brew-product__field{min-width:0}.landing-brew-product__select-wrap{position:relative;display:block;min-width:0}.landing-brew-product__select{width:100%;min-height:44px;padding:9px 36px 9px 12px;overflow:hidden;color:var(--sc-primary-text);font:inherit;font-size:var(--sc-type-caption);line-height:1.25;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;appearance:none;background:var(--sc-primary-surface-bg);border:1px solid var(--sc-surface-border);border-radius:10px;corner-shape:squircle;cursor:pointer}.landing-brew-product__select:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:2px}.landing-brew-product__select:disabled{cursor:wait;opacity:.62}.landing-brew-product__select-icon{position:absolute;inset-block-start:50%;inset-inline-end:11px;display:grid;width:16px;height:16px;color:var(--sc-label-text);pointer-events:none;translate:0 -50%}.landing-brew-product__select-icon svg{width:100%;height:100%}.landing-brew-product__actions{display:flex;align-items:center;gap:var(--sc-space-2)}.landing-brew-product__view,.landing-brew-product__add{min-width:0;min-height:44px;white-space:nowrap}.landing-brew-product__view,.landing-brew-product__add{padding-inline:var(--sc-space-3)}.landing-brew-product__add .button__icon{width:18px;height:18px}.landing-brew-product__error{grid-column:1 / -1;max-width:30rem;margin:0;font-size:var(--sc-type-caption)}.landing-brew-product__visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-brew-product--sold-out{opacity:.68}@media(hover:hover)and (pointer:fine){.landing-brew-product{transition:background-color .14s cubic-bezier(.2,0,0,1)}.landing-brew-product:has(:is(.landing-brew-product__view,.landing-brew-product__add):hover){background:color-mix(in oklch,var(--sc-card-surface) 82%,var(--sc-primary-text))}}@container (max-width: 27rem){.landing-brew-product{grid-template-columns:64px minmax(0,1fr);gap:var(--sc-space-2) var(--sc-space-3);padding-inline-end:var(--sc-space-2)}.landing-brew-product__media{width:64px;height:64px;grid-row:1}.landing-brew-product__form{grid-column:1 / -1;width:100%;grid-template-columns:minmax(0,1fr)}.landing-brew-product__actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.landing-brew-product__view,.landing-brew-product__add{width:100%}.landing-brew-product__actions:has([data-quick-buy-purchase-options]){grid-template-columns:minmax(0,1fr)}.landing-brew-product__add[data-quick-buy-purchase-options]{height:auto;white-space:normal}}@container (min-width: 27.0625rem) and (max-width: 43rem){.landing-brew-product{grid-template-columns:72px minmax(0,1fr)}.landing-brew-product__form{grid-column:2}}@container (min-width: 27.0625rem) and (max-width: 36rem){.landing-brew-product__form{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.landing-brew-product{transition:none}}.landing-brew-guide__products-empty{max-width:34rem;margin:0;padding:var(--sc-space-3);color:var(--sc-body-text);font-size:var(--sc-type-body-small);line-height:1.5;background:var(--sc-primary-surface-bg);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-section);text-wrap:pretty}.landing-brew-guide__transcript-icon svg{display:block;width:20px;height:20px}@media(min-width:52rem){.landing-brew-guide{grid-template-columns:minmax(0,1.55fr) minmax(16rem,.75fr);align-items:center;gap:clamp(var(--sc-space-5),5vw,64px);row-gap:0}.landing-brew-guide__figure{display:grid;grid-template-rows:subgrid;grid-column:1;grid-row:1 / span 2}.landing-brew-guide__content{grid-column:2;grid-row:1;align-self:center}.landing-brew-guide__media{aspect-ratio:var(--brew-media-ratio, 16 / 10)}.landing-brew-guide__cue{min-height:2.9em}.landing-brew-guide__title{font-size:clamp(2rem,3.2vw,3rem)}.landing-brew-guide__copy{font-size:var(--sc-type-body-small)}}@media(max-width:23rem){.landing-brew-guide__title{font-size:1.625rem}}@media(max-width:32rem){.landing-brew-guide__timed-captions{grid-template-columns:minmax(0,1fr)}.landing-brew-guide__caption-toggle{width:fit-content}}@media(max-height:43.75rem){.landing-brew-guide__transcript-panel{max-height:calc(var(--modal-visible-viewport-height, 100dvh) - 24px);padding:var(--sc-space-3)}.landing-brew-guide__transcript-header{padding-block-end:var(--sc-space-2)}}@media(hover:hover)and (pointer:fine){.landing-brew-guide__caption-toggle:not(:disabled):hover{background:var(--brew-control-hover-bg)}}.landing-brew-guide__caption-toggle:not(:disabled):active{background:color-mix(in oklch,var(--sc-button-bg) 92%,var(--sc-primary-text))}@media(prefers-reduced-motion:no-preference){.landing-brew-guide__caption-toggle{transition-property:background-color,scale;transition-duration:var(--sc-motion-fast);transition-timing-function:cubic-bezier(.2,0,0,1)}.landing-brew-guide__caption-toggle:not(:disabled):active{scale:.96}}@media(prefers-reduced-motion:reduce){.landing-brew-guide__caption-toggle{transition:none}}@supports ((background-clip: text) or (-webkit-background-clip: text)){.landing-brew-guide__timed-captions[data-state=loading] [data-brew-guide-caption-toggle-label]{color:var(--sc-label-text);background:linear-gradient(90deg,var(--sc-label-text) 0%,var(--sc-label-text) 40%,color-mix(in oklch,var(--sc-label-text) 38%,transparent) 50%,var(--sc-label-text) 60%,var(--sc-label-text) 100%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:landing-brew-guide-caption-loading 2.25s cubic-bezier(.25,.1,.25,1) infinite}}@keyframes landing-brew-guide-caption-loading{0%,18%{background-position:100% 0}82%,to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.landing-brew-guide__timed-captions[data-state=loading] [data-brew-guide-caption-toggle-label]{color:var(--sc-label-text);background:none;-webkit-text-fill-color:currentcolor;animation:none}}.landing-brew-guide__player[data-state=playing] .landing-brew-guide__poster{visibility:hidden}.landing-brew-guide__status:not(:empty){padding:var(--sc-space-2) var(--sc-space-3);border-radius:var(--sc-radius-control);background:var(--sc-card-surface)}.landing-brew-guide__direct-link:not([hidden]){padding-inline:var(--sc-space-3);border-radius:var(--sc-radius-control);background:var(--sc-card-surface)}.landing-brew-guide__transcript-icon{display:inline-flex;width:20px;height:20px;flex:0 0 20px;color:inherit}.landing-brew-guide__transcript-icon svg{width:100%;height:100%;color:inherit}.landing-brew-guide__caption-icon{display:inline-flex;flex:0 0 auto;width:0;height:20px;margin-inline-end:0;overflow:hidden;opacity:0;color:inherit}.landing-brew-guide__timed-captions[data-state=off] .landing-brew-guide__caption-icon{width:20px;margin-inline-end:var(--sc-space-2);opacity:1}.landing-brew-guide__caption-icon svg{flex:0 0 20px;width:20px;height:20px;color:currentColor}@media(prefers-reduced-motion:no-preference){.landing-brew-guide__caption-icon{transition:width .22s ease-out,margin-inline-end .22s ease-out,opacity .22s ease-out}}.landing-brew-guide__caption-label{display:inline-grid}.landing-brew-guide__caption-label:after,.landing-brew-guide__caption-label>span{grid-area:1 / 1}.landing-brew-guide__caption-label:after{content:attr(data-label-width);visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/22/assets/landing-brew-guide.css.map */