:root{--blue:#4d4c46;--paper:#f7f4ec;--soft:#eae6dc}.operation{background:#e6e2d8}.photo-placeholder{background:#d8d3c7}.stage{background:#e8e4da}.roast-section{background:#eae6dd}.product-buy{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;min-height:550px;padding-top:50px;padding-bottom:40px}.product-art{padding:25px 40px;text-align:center}.product-art .cup-block{height:285px;letter-spacing:1px;font-size:26px}.product-art .cup-block small{font-size:14px;letter-spacing:0}.product-art>.muted{margin:18px auto}.buy-controls h1{font-size:76px}.buy-controls .tagline{font-size:20px}.buy-row{display:grid;grid-template-columns:1fr 110px;gap:20px}.buy-row select,.buy-row input{display:block;width:100%;margin-top:6px}.local-status{font-size:14px;min-height:22px;margin:10px 0}.product-depth-nav{display:flex;justify-content:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:20px;padding-bottom:20px;font-size:14px;flex-wrap:wrap}.product-depth-nav span{font-size:11px;letter-spacing:2px;align-self:center}.coffee-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;padding-top:90px;padding-bottom:90px}.coffee-facts details{border-bottom:1px solid var(--line)}.coffee-facts summary{display:flex;flex-direction:column;gap:6px;padding:20px 25px 20px 0;position:relative}.coffee-facts summary:after{content:"+";position:absolute;right:4px;font-size:22px;top:28px}.coffee-facts details[open] summary:after{content:"\2212"}.coffee-facts summary span{font-size:11px;letter-spacing:2px;text-transform:uppercase}.coffee-facts summary strong{font-size:23px;font-weight:400}.coffee-facts details p{font-size:15px;padding-bottom:15px}.product-story{background:#d9d4c8}.product-story>.wrap{max-width:1440px}.story-window{border:1px dashed #8b877d;min-height:400px;display:flex;align-items:end;padding:45px;background:#e3ded3}.story-window h2{margin-top:25px}.story-window p{max-width:470px}.brew-guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:90px;padding-bottom:90px}.brew-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:12px 0 25px;margin-bottom:25px;font-size:14px}.brew-numbers strong{display:block;font-size:38px;font-weight:400}.brew-guide .button{margin:15px 0}.roast-approach{border-top:1px solid var(--line);padding-top:60px}.roast-approach h2{font-size:36px}.roast-approach dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:15px}dd{margin:0}dt{color:#626159}.roast-approach .split{align-items:start}.product-end{font-size:14px;padding-top:30px;padding-bottom:30px}.product-end p{font-size:20px}.game-active header{position:relative}.game-active .game{max-width:1440px;padding:16px 24px 12px;height:calc(100dvh - 118px);min-height:500px;display:flex;flex-direction:column;gap:12px}.game-head{align-items:center;flex:0 0 auto}.game-head .eyebrow{font-size:10px;margin-bottom:7px}.game h1{font-size:36px;letter-spacing:-1.5px;margin:0}.game-head>a{font-size:14px}.game-layout{grid-template-columns:260px minmax(240px,1fr) 285px;gap:24px;flex:1;min-height:0;align-items:stretch}.prep-column{min-width:0}.prep-tabs{display:flex;gap:4px;margin:0 0 15px}.prep-tabs button{padding:8px;font-size:14px;flex:1}.prep-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.game .stage-column{display:flex;flex-direction:column;min-height:0}.game .stage{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 14px 82px}.stage #puck-zone,.stage #extraction{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center}.game #puck{width:auto;max-width:100%;height:min(31vh,275px);flex-shrink:1;min-height:100px;margin:8px auto}.game #extraction svg{width:100%;height:min(30vh,270px)}.game #puck-description,.game #flow-description{font-size:13px}.game #step-status{font-size:13px;margin:10px 0 0;line-height:1.3}.game .control{margin-bottom:14px}.game .grinder{margin:14px 0;gap:22px}.game #grind-dial{height:96px;width:96px}.game .dial-mark{left:41px;transform-origin:2px 42px}.game .numeric-row{display:block}.game .numeric-row input{font-size:22px}.game .numeric-row label{font-size:14px}.game #groom-tools,.game #tamp-tools{border:0;padding:0;margin:0}.game fieldset p{font-size:14px;line-height:1.4}.game #groom-tools>.actions{gap:6px;margin:10px 0}.game #groom-tools button{padding:8px 10px;font-size:14px}.game #prep-status{font-size:13px}.game #tamp-tools input{margin:12px 0}.game #fill{margin-top:16px}.results-column{min-width:0;border-left:1px solid var(--line);padding-left:22px}.results-column>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.results-column #yield{width:90px;font-size:22px}.game .metrics{padding:15px 0;gap:7px;font-size:12px}.game .metrics strong{font-size:25px}.game #ratio{font-size:13px;margin-top:12px}.game #result-idle{font-size:14px;margin:16px 0}.game .result{padding:16px 0 0}.game .result .eyebrow{font-size:10px;margin-bottom:12px}.game .result h2{font-size:26px;letter-spacing:-.7px;line-height:1.13;margin-bottom:12px}.game #observation{font-size:14px;line-height:1.4;margin-bottom:12px}.game #suggestion-toggle{font-size:14px;padding:8px 10px}.game #suggestion{font-size:14px;line-height:1.4;padding:10px;margin:10px 0 0}.game-action-bar{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px}.game-action-bar .actions{margin:0;display:contents}.game-action-bar .wide{width:auto;min-width:190px}.game-action-bar>button{font-size:14px}.game-action-bar #again{min-width:220px}.game[data-state=locked] .prep-panel,.game[data-state=pulling] .prep-panel,.game[data-state=result] .prep-panel{opacity:.55;pointer-events:none}.game[data-state=pulling] #game-settings{display:none}#game-utility{max-width:680px;max-height:85dvh;overflow:auto}#utility-content{clear:both}.game #utility-content .review-tools{margin:0;border:0;padding:0}#utility-content #comparison table{font-size:14px}.game[data-state=locked] .prep-column:after,.game[data-state=pulling] .prep-column:after,.game[data-state=result] .prep-column:after{display:block;margin-top:16px;font-size:13px;content:"Your preparation is saved."}@media(min-width:900px)and (max-height:760px){.game-active .game{padding-top:10px;gap:8px}.game-layout{gap:16px}.game .stage{padding-bottom:72px}.game .result h2{font-size:24px}.game .metrics strong{font-size:23px}.game #suggestion{font-size:13px}.game .control{margin-bottom:10px}.game .grinder,.game fieldset p{margin:8px 0}.game h1{font-size:32px}.game-action-bar{padding-top:8px}}@media(min-width:900px)and (max-width:1120px){.game-layout{grid-template-columns:235px minmax(210px,1fr) 250px;gap:16px}.game-active .game{padding-left:18px;padding-right:18px}.results-column{padding-left:14px}}@media(max-width:899px){.game-active .game{height:auto;min-height:0;padding:20px 18px}.game-head{display:flex;align-items:center}.game-head>a{margin:0;max-width:130px;text-align:right}.game h1{font-size:32px}.game-layout{display:flex;flex-direction:column;gap:16px}.stage-column{order:0}.prep-column{order:1;border:0;padding:0}.results-column{order:2;border:0;padding:0}.game .stage{min-height:320px;flex:none;padding-bottom:74px}.game #puck{height:210px;width:auto}.game #extraction svg{height:200px}.game .stage-label{font-size:12px}.game .prep-tabs{margin-bottom:12px}.game #grind-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.game #fill{grid-column:1/-1;margin:0}.game #grind-dial{height:80px;width:80px;border-width:4px}.game #grind-dial b{font-size:26px;width:52px;height:52px}.game .dial-mark{left:33px;transform-origin:2px 34px}.game .grinder{gap:12px}.game .control label span{font-size:11px}.game .grinder button{min-width:40px;width:40px;padding:5px}.game .metrics{padding:12px 0}.game .results-column>label{max-width:300px}.game-action-bar{flex-wrap:wrap;padding:14px 0;justify-content:flex-start}.game-action-bar .wide,.game-action-bar #again{min-width:0}.game[data-state=locked] .prep-column,.game[data-state=pulling] .prep-column,.game[data-state=result] .prep-column{display:none}.game[data-state=pulling] .results-column>label,.game[data-state=result] .results-column>label,.game[data-state=pulling] #result-idle{display:none}.game[data-state=pulling] .stage,.game[data-state=result] .stage{min-height:260px}.game[data-state=pulling] #extraction svg,.game[data-state=result] #extraction svg{height:150px}.game[data-state=pulling] #ratio{display:none}.game .result{padding-top:12px}.game .result h2{font-size:25px}.game[data-state=result] #step-status,.game[data-state=result] #game-settings{display:none}.game[data-state=result] .results-column{order:1}.game #observer{right:12px;bottom:10px;min-width:120px}.product-buy{grid-template-columns:1fr;gap:25px;padding-top:35px}.product-art{order:1;padding:10px 20px}.product-art .cup-block{height:190px}.buy-controls h1{font-size:62px}.coffee-overview,.brew-guide{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:50px}.product-depth-nav{gap:14px;font-size:13px}.product-depth-nav>span{width:100%;text-align:center}.story-window{min-height:350px;padding:25px}.brew-numbers strong{font-size:32px}.roast-approach h2{font-size:30px}.roast-approach dl{grid-template-columns:1fr 1.2fr}.game[data-state=pulling] .game-action-bar #compare-open{display:none}}@media(max-width:360px){.game #grind-panel{grid-template-columns:1fr}.game .stage{min-height:290px}.game .chip{display:none}}#cart-open{gap:6px}.game[data-state=result] .results-column>label,.game[data-state=result] #ratio,.game[data-state=result] #step-status,.game[data-state=pulling] #step-status{display:none}.game #extraction svg>rect:first-child{fill:#b9b4aa}.game #liquid{fill:#5d5a53}.game-action-bar{position:relative;background:var(--paper);z-index:1}.bag-tour{height:340vh;border-bottom:1px solid var(--line);background:#efebe1}.bag-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:50px;padding-bottom:50px}.bag-copy{max-width:430px}.bag-copy h2{font-size:56px;line-height:1}.bag-copy>p:not(.eyebrow){min-height:60px}.bag-controls{display:flex;flex-wrap:wrap;gap:6px}.bag-controls button{font-size:12px;padding:9px 12px}.bag-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.bag-scene{perspective:1100px;height:500px;display:flex;align-items:center;justify-content:center;position:relative}.bag-object{width:230px;height:350px;position:relative;transform-style:preserve-3d;will-change:transform}.bag-face{position:absolute;top:0;width:230px;height:350px;border:1px solid #827e73;background:linear-gradient(100deg,#d7d2c5,#f3efe5 35%,#e8e2d4);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;backface-visibility:hidden;box-shadow:inset 0 12px #d2ccbf,inset 0 -8px #d2ccbf}.bag-face b{font-size:42px;line-height:1;letter-spacing:-2px}.bag-face small{font-size:10px;letter-spacing:1px;line-height:1.5}.bag-face>small:first-child{margin-bottom:45px}.bag-face p{font-size:14px;margin:14px 0}.bag-face.front{transform:translateZ(57px)}.bag-face.back{transform:rotateY(180deg) translateZ(57px)}.bag-face.right{width:114px;left:58px;transform:rotateY(90deg) translateZ(115px);padding:16px;background:#ddd7ca}.bag-face.left{width:114px;left:58px;transform:rotateY(-90deg) translateZ(115px);padding:16px;background:#e3ddcf}.bag-face.right b,.bag-face.left b{font-size:23px;letter-spacing:-1px}.bag-face.right p,.bag-face.left p{font-size:12px}.bag-caption{position:absolute;bottom:0;font-size:11px;letter-spacing:2px}.bag-observer{position:absolute;left:calc(50% - 185px);top:155px;font-size:35px;opacity:0;transform:translate(50px);transition:transform .35s,opacity .35s}.bag-observer small{display:block;font-size:8px;letter-spacing:1px}.bag-discovery .bag-observer{opacity:1;transform:translate(0)}.static-bag .bag-face{display:none;transform:none;left:0;width:230px}.static-bag [data-view=front] .front,.static-bag [data-view=right] .right,.static-bag [data-view=back] .back,.static-bag [data-view=left] .left{display:flex}.static-bag .bag-face b{font-size:36px}.static-bag .bag-face p{font-size:16px}.product-story{clip-path:inset(0 var(--story-inset,0%))}.roast-approach{font-family:ui-monospace,monospace}.roast-section{background:#252622;color:#f7f4ec;font-family:ui-monospace,monospace}.roast-section .muted{color:#c1beb4}.roast-section .curve{border-color:#8b897e;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#ffffff0a 25px)}.roast-section .roast-record{border-color:#8b897e}.roast-section .chip{color:#f7f4ec;border-color:#8b897e}.roast-section a{color:inherit}.roast-section input,.roast-section button{background:#f7f4ec;color:#252622}.roast-section .primary{border:1px solid #f7f4ec}.roast-section .roast-record p{font-size:13px}#setup-summary,#extraction-data{display:none}.game:not([data-state=prepare]) #setup,.game:not([data-state=prepare]) .prep-tabs{display:none}.game:not([data-state=prepare]) #setup-summary{display:block}.game[data-state=result] #extraction-data{display:block}.game:not([data-state=prepare]) .prep-column:after{display:none}.game dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px}.game dt{color:#626159}.game #setup-summary{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.game #setup-summary .eyebrow{font-size:10px}.game .estimate{display:flex;flex-direction:column;gap:3px}.game .estimate strong{font-size:43px;font-weight:400;letter-spacing:-2px}.game .estimate small{font-size:11px}.game #extraction-data>.eyebrow{font-size:10px;margin:0}.game #extraction-data>.muted{font-size:11px;line-height:1.4}.game #observer{min-width:150px;right:20px;bottom:12px;padding:8px 14px}.game #observer-face{font-size:44px;line-height:1}.game #observer-caption{font-size:12px}.game #observer small{font-size:8px}.game .stage{padding-bottom:112px}.game #puck{height:min(32vh,310px)}.game #grounds-canvas{pointer-events:none}.game #tamper ellipse{fill-opacity:.42}.game .result h2{font-size:21px;line-height:1.15;margin:12px 0}.sensory-row{display:grid;grid-template-columns:65px 1fr 64px;align-items:center;gap:5px;font-size:11px;margin:7px 0}.sensory-row small{text-align:right;font-size:10px}.sensory-row meter{width:100%;height:11px;-webkit-appearance:none;appearance:none;background:#d1ccc0;border-radius:0}.sensory-row meter::-webkit-meter-bar{background:#d1ccc0;border:0;border-radius:0}.sensory-row meter::-webkit-meter-optimum-value{background:#55564d}.sensory-row meter::-moz-meter-bar{background:#55564d}.game #observation{font-size:12px}.game .metrics{padding:10px 0}.game .result{padding-top:9px}.game #suggestion{font-size:12px;padding:8px}.game #extraction svg{height:min(28vh,240px)}.game:not([data-state=prepare]) .results-column>label,.game:not([data-state=prepare]) #result-idle{display:none}@media(min-width:900px)and (max-height:770px){.game #setup-summary{padding-bottom:6px;margin-bottom:9px}.game dl{gap:6px;margin:9px 0}.game .estimate strong{font-size:36px}.game .result h2{font-size:19px}.game #observer-face{font-size:38px}.game .stage{padding-bottom:96px}.game .result .eyebrow{margin-bottom:6px}.sensory-row{margin:5px 0}}@media(max-width:899px){.bag-tour{height:auto}.bag-sticky{height:auto;position:relative;grid-template-columns:1fr;gap:12px;padding-top:50px;padding-bottom:25px}.bag-copy{max-width:none}.bag-copy h2{font-size:40px}.bag-copy>p:not(.eyebrow){min-height:0}.bag-scene{height:390px}.bag-object{scale:.8}.bag-scroll-hint{display:none}.bag-observer{top:130px;left:calc(50% - 160px)}.product-story{clip-path:none}.game .stage{min-height:370px;padding-bottom:110px}.game #puck{height:235px}.game[data-state=result] .prep-column{display:block;order:1}.game[data-state=result] #setup-summary{display:none}.game[data-state=result] #extraction-data{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;border-bottom:1px solid var(--line);padding-bottom:12px}.game #extraction-data>.eyebrow,.game #extraction-data>.muted{grid-column:1/-1;margin:2px 0}.game #extraction-data dl{margin:0}.game[data-state=result] .results-column{order:2}.game[data-state=pulling] .prep-column,.game[data-state=locked] .prep-column{display:block;order:1}.game[data-state=pulling] #setup-summary,.game[data-state=locked] #setup-summary{font-size:12px;margin:0;padding:0}.game:not([data-state=prepare]) .stage{min-height:300px}.game #observer{bottom:10px}.game #sensory{max-width:450px}.game .result h2{font-size:24px}.game #observation,.game #suggestion{font-size:14px}}@media(prefers-reduced-motion:reduce){.bag-tour{height:auto}.bag-sticky{height:auto;min-height:600px;position:relative}.bag-scroll-hint{display:none}.bag-object{will-change:auto}.product-story{clip-path:none}.bag-observer{transition:none}.bag-discovery .bag-observer{transform:none}}.sq-v2 img,.sq-v2 video{max-width:100%;height:auto;display:block}.sq-v2 .product-art img{max-height:600px;object-fit:contain}.sq-v2 .product img{width:100%;height:220px;object-fit:contain}.sq-v2 .product h3{min-height:0}.sq-product-form{display:grid;gap:10px;grid-template-columns:1fr 90px}.sq-product-form label{font-size:13px}.sq-product-form select,.sq-product-form input{display:block;width:100%;margin-top:6px}.sq-product-form .product-price,.sq-product-form>button,.sq-product-form .local-status{grid-column:1/-1}.sq-product-form .local-status{margin:0;min-height:24px}.sq-desktop-nav{display:flex}.sq-mobile-nav{display:none}.sq-v2 [data-cart-count]{margin-left:7px}.sq-v2 .bag-face img{height:100%;width:100%;object-fit:contain}.sq-v2 .bag-face:has(img){padding:0;background:transparent;box-shadow:none;border:0}.sq-v2 .coffee-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.sq-v2 .sq-cart-line{display:flex;align-items:center;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.sq-cart-line input{width:90px}.sq-v2 .story-window{align-items:center;justify-content:center}.sq-v2 .product-buy h1{overflow-wrap:anywhere}.sq-v2 .roast-section form{max-width:600px}.sq-v2 .game-head h1{margin:0}.sq-v2 footer a{margin-right:12px}@media(max-width:780px){.sq-desktop-nav{display:none}.sq-mobile-nav{display:block}.sq-mobile-nav nav{display:flex;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:15px}.sq-mobile-nav summary{padding:8px}.sq-v2 .sq-cart-line{flex-wrap:wrap;gap:15px}.sq-v2 header{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sq-v2.css.map */
