.demo-cafe{--to-ink:#522a20;--to-red:#a43723;--to-cream:#f5eddf;background:var(--to-cream);color:var(--to-ink);font:16px/1.65 DemoSource,sans-serif}.to-header{background:var(--to-cream);border-bottom:1px solid #c9ad96;justify-content:space-between;align-items:center;gap:35px;padding:25px 5%;display:flex;position:relative}.to-logo{letter-spacing:-.015em;font:700 39px/.9 DemoBarlow,sans-serif;text-decoration:none}.to-logo span{letter-spacing:.03em;margin-top:8px;font:11px/1.6 DemoMono,monospace;display:block}.to-header>nav:not(.demo-menu-panel){gap:35px;margin-left:auto;font:11px DemoMono,monospace;display:flex}.to-header a{text-decoration:none}.to-bag{color:var(--to-ink);background:0 0;border:0;align-items:center;gap:14px;min-height:44px;padding:7px;font:11px DemoMono,monospace;display:flex}.to-bag span{border:1px solid #a88366;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.to-product{grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;padding:40px 5% 70px;display:grid}.to-pack-scene{background:#e49c6d;flex-direction:column;align-items:center;padding:28px 25px 20px;display:flex;position:relative;overflow:hidden}.to-label{letter-spacing:.06em;margin:0 0 25px;font:11px/1.8 DemoMono,monospace}.to-pack-scene>.to-label{align-self:start;margin-bottom:0;font-size:11px}.to-pack{fill:none;stroke:#542a1f;stroke-width:1px;width:75%;height:520px;margin:15px 0 0}.to-pack-shadow{fill:#c48151;stroke:none}.to-pack-body{fill:#f2e3c6;stroke:#af744a;stroke-width:1.5px}.to-pack-fold{fill:none;stroke:#a56f4f;stroke-width:.8px}.to-pack-brand{letter-spacing:-2px;fill:#a43723;stroke:none;font:700 72px DemoBarlow,sans-serif}.to-pack-tiny{letter-spacing:.5px;fill:#542a1f;stroke:none;font:6px DemoMono,monospace}.to-pack-meta{letter-spacing:.3px;fill:#542a1f;stroke:none;font:8px DemoMono,monospace}.to-pack-drawing{stroke:#a43723;stroke-width:1.3px;fill:none}.to-pack-caption{align-self:start;margin-top:15px;font:11px/1.8 DemoMono,monospace}.to-product-info h1{letter-spacing:-.02em;margin:0 0 25px;font:700 clamp(60px,6.2vw,94px)/.99 DemoBarlow,sans-serif}.to-product-info h1 span{color:var(--to-red)}.to-product-lead{margin:0 0 25px;font:700 29px/1.08 DemoBarlow,sans-serif}.to-product-info>p:not(.to-label,.to-product-lead,.demo-note){max-width:350px;font-size:15px}.to-product-info form{grid-template-columns:1fr .6fr;gap:22px 18px;margin-top:30px;display:grid}.to-product-info label{gap:8px;font:11px/1.8 DemoMono,monospace;display:grid}.to-product-info select,.to-product-info input{width:100%;min-width:0;color:var(--to-ink);background:0 0;border:1px solid #b89a7e;border-radius:0;min-height:46px;padding:12px;font:15px DemoSource,sans-serif}.to-product-info form>button{background:var(--to-red);color:#fff4df;border:0;grid-column:1/-1;justify-content:space-between;min-height:54px;padding:18px 20px;font:11px/1.8 DemoMono,monospace;display:flex}.to-selection-status{grid-column:1/-1;min-height:33px;margin:0;font:11px/1.8 DemoMono,monospace}.to-product-info>.demo-note{max-width:380px;margin-top:20px;font-size:11px}.to-ritual{background:#e9d6bc;grid-template-columns:1fr 1.15fr;align-items:center;gap:12%;padding:75px 8%;display:grid}.to-ritual h2,.to-recipe h2{letter-spacing:-.015em;margin:0;font:700 clamp(54px,5.5vw,82px)/.98 DemoBarlow,sans-serif}.to-ritual h2 span,.to-recipe h2 span{color:var(--to-red)}.to-ritual>div>p:last-child{max-width:330px;margin:25px 0 0;font-size:15px}.to-ritual figure img{object-fit:cover;object-position:56% center;width:100%;height:420px}.to-ritual figcaption{margin-top:15px;font:11px/1.8 DemoMono,monospace}.to-recipe{grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding:75px 8%;display:grid}.to-recipe>figure img{object-fit:cover;object-position:50% center;border-radius:50%;width:100%;height:440px}.to-recipe h2{font-size:63px}.to-recipe>div>p:not(.to-label){max-width:360px;margin:25px 0;font-size:14px}.to-dose-label{justify-content:space-between;gap:20px;margin:30px 0 12px;font:11px DemoMono,monospace;display:flex}.to-dose-label output{font-weight:600}.to-recipe input[type=range]{width:100%;accent-color:var(--to-red);min-height:36px;margin:0}.to-ratio-label{justify-content:space-between;align-items:center;gap:20px;margin-top:17px;font:11px/1.8 DemoMono,monospace;display:flex}.to-ratio-label select{min-height:44px;color:var(--to-ink);background:0 0;border:1px solid #b89a7e;border-radius:0;min-width:100px;padding:10px 18px;font:14px DemoSource,sans-serif}.to-water{border-top:1px solid #bd9e80;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:20px;display:flex}.to-water span{font:11px DemoMono,monospace}.to-water output{font:700 45px DemoBarlow,sans-serif}.to-notes{grid-template-columns:1fr 1.5fr;gap:10%;padding:20px 8% 75px;display:grid}.to-notes details{border-top:1px solid #c5a98f}.to-notes summary{cursor:pointer;justify-content:space-between;gap:20px;padding:24px 0;font-size:15px;list-style:none;display:flex}.to-notes summary::-webkit-details-marker{display:none}.to-notes details[open] summary>span{transform:rotate(45deg)}.to-notes details p{max-width:430px;margin:0 0 25px;font-size:14px}.to-footer{background:var(--to-red);color:#f8ecd7;padding:50px 8% 28px}.to-footer>span{letter-spacing:.05em;font:11px DemoMono,monospace}.to-footer>p{letter-spacing:-.02em;margin:35px 0 45px;font:700 clamp(65px,9vw,135px)/.95 DemoBarlow,sans-serif}.to-footer>p em{-webkit-text-stroke:1px #f8ecd7;color:#0000;font-style:normal;font-weight:700}.to-footer>div{border-top:1px solid #d2a48a;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;display:flex}.to-footer>div>span{font:11px/1.8 DemoMono,monospace}.to-footer>div>a:last-child{font:11px DemoMono,monospace;text-decoration:none}.to-dialog{background:var(--to-cream);color:var(--to-ink);border:1px solid #b7997c;width:min(550px,92vw);max-height:90svh;padding:28px;font:15px/1.8 DemoSource,sans-serif}.to-dialog::backdrop{background:#4c2414ba}.to-dialog>button{color:inherit;background:0 0;border:1px solid #a88664;min-height:44px;margin-left:auto;padding:12px 15px;font:11px DemoMono,monospace;display:block}.to-dialog h2{font:700 45px DemoBarlow,sans-serif}.to-dialog ul{padding-left:22px}.to-dialog .demo-note{margin-top:25px;font-size:11px}@media (width<=1000px){.to-product{gap:6%}.to-pack-scene{padding:22px 18px}.to-pack{width:90%;height:510px}.to-product-info form{grid-template-columns:1fr}.to-product-info form>button,.to-selection-status{grid-column:auto}.to-header,.to-header>nav:not(.demo-menu-panel){gap:24px}.to-ritual,.to-recipe{gap:8%;padding:65px 6%}.to-recipe h2{font-size:55px}.to-recipe>figure img{height:360px}}@media (width<=760px){.to-header{gap:14px;padding:20px 5%}.to-logo{font-size:33px}.to-logo span{max-width:130px;font-size:11px}.to-header>nav:not(.demo-menu-panel){display:none}.to-bag{gap:0;margin-left:auto;padding:0;font-size:0}.to-bag span{font-size:11px}.to-header>.demo-menu-button{padding:9px 10px;font-size:12px}.to-product{grid-template-columns:1fr;gap:32px;padding:26px 5% 55px}.to-pack{width:88%;height:420px;margin-top:10px}.to-pack-scene>.to-label,.to-pack-caption{font-size:11px}.to-product-info h1{font-size:72px}.to-product-lead{font-size:29px}.to-product-info form{grid-template-columns:1fr .65fr;gap:18px 12px}.to-product-info form>button,.to-selection-status{grid-column:1/-1}.to-product-info select,.to-product-info input{padding:11px 9px;font-size:14px}.to-product-info label{font-size:11px}.to-ritual{grid-template-columns:1fr;gap:35px;padding:55px 5%}.to-ritual h2{font-size:69px}.to-ritual figure img{height:300px}.to-ritual figcaption{font-size:11px}.to-recipe{grid-template-columns:1fr;gap:35px;padding:55px 5%}.to-recipe>figure{width:85%;margin:0 auto}.to-recipe>figure img{height:280px}.to-recipe h2{font-size:57px}.to-dose-label{font-size:11px}.to-water output{font-size:43px}.to-notes{grid-template-columns:1fr;gap:20px;padding:0 5% 55px}.to-notes summary{font-size:14px}.to-notes details p{font-size:13px}.to-footer{padding:40px 5% 25px}.to-footer>p{margin:25px 0 35px;font-size:clamp(60px,16.5vw,100px)}.to-footer>div{flex-wrap:wrap;gap:20px}.to-footer>div>span{margin-left:auto;font-size:11px}.to-footer>div>a:last-child{width:100%;font-size:11px}}@media (width<=350px){.to-product-info form{grid-template-columns:1fr}.to-product-info form>button,.to-selection-status{grid-column:auto}.to-product-info h1{font-size:62px}.to-pack{height:370px}.to-ritual h2{font-size:60px}.to-recipe h2{font-size:50px}}@media (width<=760px){.to-product-info{display:contents}.to-product-heading{grid-row:1}.to-product-heading>.to-label,.to-product-heading h1{margin-bottom:18px}.to-product-lead{margin:0}.to-pack-scene{grid-row:2}.to-product{gap:25px}.to-product-info>p:not(.to-label,.to-product-lead,.demo-note){margin:0}.to-product-info form{margin-top:0}.to-product-info>.demo-note{margin:0}}.to-recipe-scene{padding-bottom:65px;position:relative}.to-recipe-slip{background:#f7eedc;border:1px solid #bc9e7f;padding:24px;position:absolute;bottom:0;left:8%;right:2%;transform:rotate(-4deg);box-shadow:9px 9px #cfb498}.to-recipe-slip>span{border-bottom:1px solid #c5ac91;padding-bottom:12px;font:11px/1.6 DemoMono,monospace;display:block}.to-recipe-equation{justify-content:space-between;align-items:center;gap:12px;padding:17px 0;display:flex}.to-recipe-equation b{font:700 44px/1 DemoBarlow,sans-serif}.to-recipe-equation>span{color:#9f6647;font:24px DemoSource,sans-serif}.to-recipe-equation strong{color:#9e3722;font:700 60px/.9 DemoBarlow,sans-serif}.to-recipe-slip>p{color:#75543c;margin:0;font:11px/1.7 DemoMono,monospace}.to-brew-notebook{background:#e9d4b9;grid-template-columns:1fr 1.4fr;gap:35px 10%;padding:70px 8%;display:grid}.to-brew-notebook h2{letter-spacing:-.02em;margin:0;font:700 clamp(40px,4.3vw,66px)/1.05 DemoBarlow,sans-serif}.to-brew-notebook h2>span{color:#9e3722}.to-brew-steps{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.to-brew-steps button{color:#583520;background:0 0;border:1px solid #bd977a;border-bottom:3px solid #0000;min-width:0;padding:16px 12px}.to-brew-steps button svg{stroke-width:1.3px;width:100%;height:92px;margin-bottom:16px;display:block}.to-brew-steps button>span{font:11px/1.6 DemoMono,monospace}.to-brew-steps button[aria-pressed=true]{color:#9e3722;background:#f4e7d3;border-bottom-color:#9e3722}.to-brew-story{border-top:1px solid #bc997c;grid-column:2;padding-top:25px}.to-brew-story h3{margin:0 0 18px;font:700 34px/1.1 DemoBarlow,sans-serif}.to-brew-story p{max-width:420px;min-height:65px;margin:0;font:16px/1.65 DemoSource,sans-serif}.to-brew-story a{border-top:1px solid #bc997c;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-top:22px;padding-top:18px;font:11px/1.7 DemoMono,monospace;text-decoration:none;display:flex}.to-brew-note{color:#75543c;grid-column:1/-1;max-width:650px;margin:0;font:11px/1.7 DemoMono,monospace}.to-water output{font-size:56px}.to-selection-status{border-left:2px solid #9e3722;padding-left:12px}.to-pack{filter:drop-shadow(10px 18px 9px #71472f25)}.to-dose-label output{font-size:13px}@media (width<=760px){.to-recipe-scene{padding-bottom:60px}.to-recipe-slip{padding:20px;left:4%;right:3%;transform:rotate(-2deg);box-shadow:6px 6px #cfb498}.to-recipe-equation b{font-size:36px}.to-recipe-equation strong{font-size:50px}.to-recipe-slip>span,.to-recipe-slip>p{font-size:11px}.to-brew-notebook{grid-template-columns:1fr;gap:28px;padding:50px 5%}.to-brew-notebook h2{font-size:45px}.to-brew-steps{gap:8px}.to-brew-steps button{padding:12px 5px}.to-brew-steps button svg{height:70px;margin-bottom:12px}.to-brew-steps button>span{letter-spacing:-.025em;font-size:11px}.to-brew-story{grid-column:1;padding-top:22px}.to-brew-story h3{font-size:32px}.to-brew-story p{min-height:95px;font-size:15px}.to-brew-note{grid-column:1}.to-recipe{gap:35px}.to-water output{font-size:49px}}body.demo-cafe .to-header{background:#e9d4b9;border-bottom:2px solid #462e20;grid-template-columns:1fr 2fr 1fr;gap:15px;padding:20px 5% 0;display:grid}.to-header-roast{color:#65462d;font:11px/1.9 DemoMono,monospace}body.demo-cafe .to-logo{letter-spacing:-.04em;text-align:center;font:700 clamp(75px,9vw,138px)/.85 DemoBarlow,sans-serif}body.demo-cafe .to-bag{text-align:center;background:#f7eedc;border:1px dashed #9f7956;border-bottom:3px solid #462e20;justify-self:end;min-width:85px;padding:10px 13px;font:11px/1.8 DemoMono,monospace;display:block;transform:rotate(3deg)}body.demo-cafe .to-bag>span{font:700 23px DemoBarlow,sans-serif}body.demo-cafe .to-header>nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:0;margin:14px 0 0;display:grid}.to-header nav a{border-top:1px solid #a48260;padding:17px 18px 19px;font:italic 26px/1.25 DemoCormorant,serif;position:relative}.to-header nav a+a{border-left:1px dashed #a48260}.to-header nav a>span{letter-spacing:.04em;margin-bottom:5px;font:11px/1.8 DemoMono,monospace;display:block}.to-header nav i{font:23px DemoManrope,sans-serif;position:absolute;bottom:23px;right:18px}body.demo-cafe .to-product{border-bottom:2px solid #462e20;grid-template-columns:1fr 1.3fr;gap:0;padding:0;display:grid}body.demo-cafe .to-pack-scene{color:#271b14;background:#bf5a37;border-right:2px solid #462e20;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:30px 7%;display:flex}body.demo-cafe .to-pack{width:100%;max-width:340px;height:445px;transform:rotate(-6deg)}body.demo-cafe .to-pack-scene>.to-label{color:#271b14;align-self:start;max-width:240px}body.demo-cafe .to-pack-caption{color:#271b14;align-self:start;font-size:11px}body.demo-cafe .to-product-info{background:#f7eedc;padding:40px 10%;position:static}body.demo-cafe .to-product-info h1{font-size:clamp(61px,6.6vw,101px)}body.demo-cafe .to-product-info form{border-top:1px dashed #a48260;border-bottom:1px dashed #a48260;padding:25px 0}@media (width<=760px){body.demo-cafe .to-header{grid-template-columns:1fr auto;gap:15px;padding:18px 5% 0}.to-header-roast{display:none}body.demo-cafe .to-logo{text-align:left;font-size:79px}body.demo-cafe .to-bag{min-width:70px;padding:7px;font-size:11px}body.demo-cafe .to-header>nav{margin-top:3px;display:grid}.to-header nav a{min-height:78px;padding:13px 9px;font-size:21px}.to-header nav a>span{font-size:11px}.to-header nav i{display:none}body.demo-cafe .to-product{grid-template-columns:1fr;gap:0;padding:0;display:grid}body.demo-cafe .to-pack-scene{border-bottom:2px solid #462e20;border-right:0;grid-row:1;min-height:430px;padding:25px 5%}body.demo-cafe .to-pack{max-width:245px;height:305px}body.demo-cafe .to-pack-scene>.to-label{max-width:220px;margin-bottom:8px;font-size:11px}body.demo-cafe .to-product-info{padding:35px 6%;display:block}body.demo-cafe .to-product-info h1{font-size:clamp(58px,16vw,85px)}}body.demo-cafe .to-pack-scene{background:#cf704d}
