.c-brew{background:#f7f5f0;color:#30231d;padding:72px 24px;border-block:1px solid #dcd6ce;overflow:hidden}.c-brew-header{text-align:center;max-width:760px;margin:auto}.c-brew-header>span{font-size:11px;font-weight:700;letter-spacing:2px;color:#6b625b}.c-brew-header h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:16px 0}.c-brew-header p{font-size:16px;color:#6b625b;line-height:1.6;margin:0}.c-brew-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:830px;margin:28px auto 20px}.c-brew-modes .see-in-action-tab-btn{display:flex;flex-direction:column;gap:5px;align-items:center;white-space:normal;padding:14px 20px}.c-brew-modes span{font-size:14px;font-weight:700}.c-brew-modes small{font-size:11px;font-weight:400;opacity:.8}.c-brew-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;max-width:1020px;margin:auto;--brew-light:#f59e0b}.c-brew[data-mode=hot] .c-brew-layout,.c-brew[data-mode=cold] .c-brew-layout{--brew-light:#35d24b}.c-brew-visual{position:relative;height:540px;isolation:isolate}.c-brew-aura{position:absolute;top:12%;right:0;bottom:2%;left:0;background:radial-gradient(ellipse,#eee2ce,transparent 65%);transition:background .6s}.c-brew[data-mode=cold] .c-brew-aura{background:radial-gradient(ellipse,#d6e7e9,transparent 65%)}.c-brew-machine{position:absolute;width:146px;height:339px;left:calc(50% - 73px);top:65px;z-index:2}.c-brew-machine svg{width:100%;height:100%}.c-brew-indicator{position:absolute;left:40%;top:44%;width:20%;height:12%;border:3px solid #394236;border-radius:22px;background:#242622;box-shadow:inset 0 0 0 1px #111}.c-brew-indicator:after{content:"\23fb";display:grid;place-items:center;height:100%;font-size:19px;color:#aaa}.c-brew[data-step="4"] .c-brew-indicator,.c-brew[data-step="5"] .c-brew-indicator{border-color:var(--brew-light);box-shadow:0 0 15px color-mix(in srgb,var(--brew-light) 35%,transparent);animation:brew-light 1.2s ease-in-out infinite}.c-brew-tap{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);width:60px;height:60px;border:2px solid var(--brew-light);border-radius:50%;opacity:0}.c-brew[data-step="4"] .c-brew-tap{animation:brew-tap 2.4s ease-out infinite}.c-brew:not([data-mode=heat])[data-step="4"] .c-brew-tap{animation:brew-hold 2.4s linear infinite}.c-brew-water-stream{position:absolute;top:14px;left:calc(50% - 3px);width:6px;height:75px;border-radius:50%;background:linear-gradient(90deg,#70becf,#e5fdff,#73b5c4);transform-origin:top;opacity:0;z-index:3}.c-brew[data-step="2"] .c-brew-water-stream{animation:brew-water 2.8s ease-in-out infinite}.c-brew-cup{position:absolute;top:435px;left:calc(50% - 44px);width:88px;height:90px;overflow:hidden}.c-brew-cup svg{position:absolute;width:100%;height:100%;z-index:2;opacity:.8}.c-brew-coffee{position:absolute;top:15%;right:15%;bottom:8%;left:15%;border-radius:0 0 18px 18px;background:linear-gradient(#be8a50 4%,#58341e 12%);transform:scaleY(0);transform-origin:bottom;transition:transform 1.7s ease}.c-brew-coffee-stream{position:absolute;top:396px;left:calc(50% - 2px);width:4px;height:68px;background:linear-gradient(90deg,#563019,#b27b48);z-index:3;opacity:0}.c-brew[data-step="6"] .c-brew-coffee{transform:scaleY(.75)}.c-brew[data-step="6"] .c-brew-coffee-stream{animation:brew-pour 3s ease-in-out infinite}.c-brew-steam{position:absolute;top:7px;left:calc(50% - 38px);display:flex;gap:14px;opacity:0}.c-brew-steam i{width:12px;height:65px;border-left:3px solid #bbb5ad;border-radius:50%;filter:blur(3px);animation:brew-steam 2.4s ease-out infinite}.c-brew-steam i:nth-child(2){animation-delay:-.8s}.c-brew-steam i:nth-child(3){animation-delay:-1.6s}.c-brew[data-mode=heat][data-step="5"] .c-brew-steam,.c-brew[data-mode=hot] .c-brew-steam{opacity:.6}.c-brew-status{position:absolute;left:50%;top:5px;transform:translate(-50%);font-size:11px;letter-spacing:.5px;color:#6b625b;white-space:nowrap}.c-brew-steps{padding:0;margin:0;list-style:none}.c-brew-steps li+li{margin-top:8px}.c-brew-steps button{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:18px 16px;border:1px solid transparent;background:transparent;border-radius:16px;color:#6b625b;cursor:pointer;font:inherit;transition:background .3s,border-color .3s}.c-brew-steps button[aria-current]{background:#eee9e2;border-color:#dcd6ce;color:#30231d}.c-brew-number{font-size:12px;font-weight:700;padding-top:4px}.c-brew-steps strong{display:block;font-size:21px;letter-spacing:-.5px;line-height:1.25}.c-brew-steps small{display:block;font-size:13px;line-height:1.5;margin-top:6px;max-width:34ch}.c-brew-battery{font-size:12px;color:#30231d;margin:22px 16px 8px;font-weight:600}.c-brew-temperature{font-size:12px;line-height:1.5;color:#6b625b;margin:0 16px}.c-brew button:focus-visible{outline:2px solid #30231d;outline-offset:3px}.c-brew:not([data-playing]) *{animation-play-state:paused!important}@keyframes brew-light{50%{opacity:.45}}@keyframes brew-tap{0%,35%,to{opacity:0;transform:scale(.6)}12%,48%{opacity:.85}30%,70%{opacity:0;transform:scale(1.35)}}@keyframes brew-hold{0%{opacity:0;transform:scale(.7)}10%,80%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes brew-water{0%,90%,to{opacity:0;transform:scaleY(.2)}20%,75%{opacity:.85;transform:scaleY(1)}}@keyframes brew-steam{0%{transform:translateY(12px);opacity:0}40%{opacity:.6}to{transform:translateY(-25px);opacity:0}}@keyframes brew-pour{0%,to{opacity:0}15%,85%{opacity:1}}@media(max-width:749px){.c-brew{padding:48px 18px}.c-brew-header p{font-size:14px}.c-brew-modes{gap:6px;margin:22px 0 16px}.c-brew-modes .see-in-action-tab-btn{padding:12px 6px;min-width:0;border-radius:16px}.c-brew-modes span{font-size:11px}.c-brew-modes small{font-size:10px}.c-brew-layout{grid-template-columns:1fr;gap:18px}.c-brew-visual{height:540px;width:100%;max-width:420px;margin:auto auto -108px;transform:scale(.8);transform-origin:top center}.c-brew-steps strong{font-size:18px}.c-brew-steps button{padding:14px}.c-brew-steps small{font-size:12px;max-width:none}.c-brew-steps li+li{margin-top:4px}}@media(prefers-reduced-motion:reduce){.c-brew *{animation:none!important;transition:none!important}.c-brew[data-step="2"] .c-brew-water-stream,.c-brew[data-step="4"] .c-brew-tap,.c-brew[data-step="6"] .c-brew-coffee-stream{opacity:.8}}.c-brew:not([data-mode=heat])[data-step="5"] .c-brew-coffee-stream{animation:brew-pour 3s ease-in-out infinite}.c-brew:not([data-mode=heat])[data-step="5"] .c-brew-coffee{transform:scaleY(.5)}.c-brew[data-step="6"] .c-brew-indicator{border-color:#35d24b}@media(prefers-reduced-motion:reduce){.c-brew:not([data-mode=heat])[data-step="5"] .c-brew-coffee-stream{opacity:.8}}.c-brew{padding:58px 24px 42px;background:#f7f5f0;transition:background .7s}.c-brew[data-mode=cold]{background:#f0f5f4}.c-brew-header h2{font-size:clamp(32px,4vw,52px);margin:0;letter-spacing:-1.8px}.c-brew-modes{display:flex;justify-content:center;gap:10px;max-width:680px;margin:24px auto 0}.c-brew-modes .see-in-action-tab-btn{flex-direction:row;gap:8px;padding:12px 20px;border-radius:999px;min-width:0}.c-brew-modes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.c-brew-layout{display:block;max-width:1050px;position:relative}.c-brew-visual{height:550px;max-width:none;width:100%;margin:0;transform:none}.c-brew-temperature-word{position:absolute;inset:76px 0 auto;text-align:center;font-size:clamp(150px,28vw,320px);font-weight:800;line-height:1.2;letter-spacing:-.07em;color:#dfd0bc;opacity:.45;pointer-events:none}.c-brew[data-mode=cold] .c-brew-temperature-word{color:#bdd8df}.c-brew-aura{top:0;right:15%;bottom:0;left:15%;background:radial-gradient(ellipse,#eddbc47a,transparent 68%)}.c-brew[data-mode=cold] .c-brew-aura{background:radial-gradient(ellipse,#b7d7e466,transparent 68%)}.c-brew-machine{filter:drop-shadow(14px 18px 18px #30231d18)}.c-brew-gesture{position:absolute;left:calc(50% + 88px);top:210px;z-index:4;display:grid;place-items:center;width:62px;height:62px;border:1px solid #dcd6ce;background:#ffffffd9;border-radius:50%;font-size:25px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.c-brew[data-step="4"] .c-brew-gesture{opacity:1;transform:none}.c-brew-instructions{text-align:center;margin:0 auto;max-width:420px}.c-brew-instructions h3{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:0 0 15px;min-height:32px;color:#30231d}.c-brew-step-nav{display:flex;justify-content:center;gap:12px}.c-brew-step-nav button{display:flex;flex-direction:column;align-items:center;gap:9px;width:50px;padding:8px 0;background:none;border:0;color:#9c9288;cursor:pointer;font:inherit;font-size:10px}.c-brew-step-nav i{display:block;width:44px;height:3px;border-radius:3px;background:#dcd6ce}.c-brew-step-nav [aria-current]{color:#30231d;font-weight:700}.c-brew-step-nav [aria-current] i{background:#30231d}@media(max-width:749px){.c-brew{padding:40px 14px 28px}.c-brew-header h2{font-size:32px;letter-spacing:-1.1px}.c-brew-modes{gap:5px;margin-top:20px}.c-brew-modes .see-in-action-tab-btn{gap:5px;padding:10px 9px}.c-brew-modes span{font-size:10px}.c-brew-modes svg{width:15px;height:15px}.c-brew-visual{height:540px;transform:scale(.8);transform-origin:top center;margin-bottom:-108px;width:125%;margin-left:-12.5%}.c-brew-temperature-word{font-size:160px;top:132px}.c-brew-instructions h3{font-size:23px;margin-top:4px}.c-brew-gesture{left:calc(50% + 80px);width:52px;height:52px;font-size:21px}.c-brew-step-nav{gap:8px}}.c-brew-visual{height:605px}.c-brew-machine{top:120px}.c-brew-coffee-stream{top:451px;width:6px;left:calc(50% - 3px)}.c-brew-cup{top:490px}.c-brew-steam{top:62px}.c-brew-gesture{top:265px}.c-brew-pouring{position:absolute;left:calc(50% - 10px);top:0;width:180px;height:160px;max-width:none;z-index:4;overflow:visible;opacity:0;transform:translate(10px,-8px);transition:opacity .25s,transform .4s}.c-brew[data-step="2"] .c-brew-pouring{opacity:1;transform:none}.c-brew-jug{transform-origin:33px 52px;animation:brew-jug-tilt 4.2s ease-in-out infinite}.c-brew-fill-flow{animation:brew-flow-volume 1.2s ease-in-out infinite}.c-brew-fill-glints{animation:brew-flow-glints .6s linear infinite}.c-brew-reservoir-ripples{position:absolute;left:calc(50% - 42px);top:125px;width:84px;height:15px;border-radius:50%;background:#68bfd183;z-index:3;opacity:0;overflow:hidden}.c-brew[data-step="2"] .c-brew-reservoir-ripples{opacity:1}.c-brew-reservoir-ripples i{position:absolute;top:2px;right:20px;bottom:2px;left:20px;border:1.5px solid #ecfdff;border-radius:50%;animation:brew-impact .9s ease-out infinite}.c-brew-reservoir-ripples i:nth-child(2){animation-delay:-.3s}.c-brew-reservoir-ripples i:nth-child(3){animation-delay:-.6s}.c-brew-steam i{border-left-width:5px;filter:blur(2px)}@keyframes brew-jug-tilt{0%,to{transform:rotate(2deg)}50%{transform:rotate(-4deg)}}@keyframes brew-flow-volume{50%{stroke-width:8;opacity:.8}}@keyframes brew-flow-glints{to{stroke-dashoffset:-42}}@keyframes brew-impact{0%{transform:scale(.3);opacity:1}to{transform:scale(2.5,1.5);opacity:0}}@media(max-width:749px){.c-brew-visual{height:605px;margin-bottom:-121px}.c-brew-temperature-word{top:175px}.c-brew-pouring{width:180px;height:160px}}@media(prefers-reduced-motion:reduce){.c-brew-pouring,.c-brew-fill-flow,.c-brew-fill-glints,.c-brew-reservoir-ripples i{animation:none!important;transition:none!important}}.c-brew-modes{gap:8px}.c-brew-modes .see-in-action-tab-btn{box-sizing:border-box;flex:0 0 auto;position:relative;width:46px;height:46px;min-height:46px;padding:0 13px;gap:0;justify-content:flex-start;overflow:hidden;transition:width .35s cubic-bezier(.22,1,.36,1),background-color .25s,border-color .25s,color .25s}.c-brew-modes .see-in-action-tab-btn svg{width:18px;height:18px;flex:0 0 18px}.c-brew-modes .see-in-action-tab-btn span{white-space:nowrap;flex-shrink:0;opacity:0;max-width:0;transform:translate(-6px);margin-left:0;transition:opacity .18s,transform .3s,max-width .35s,margin-left .35s;font-size:13px}.c-brew-modes .see-in-action-tab-btn[aria-selected=true]{width:156px}.c-brew-modes .see-in-action-tab-btn[aria-selected=true] span{opacity:1;max-width:110px;transform:none;margin-left:9px;transition-delay:.06s}@media(prefers-reduced-motion:reduce){.c-brew-modes .see-in-action-tab-btn,.c-brew-modes .see-in-action-tab-btn span{transition:none!important}}.c-brew-wait-note{font-size:12px;line-height:1.5;min-height:18px;margin:-6px 0 9px;color:#6b625b}.c-brew-machine{transition:transform .9s cubic-bezier(.22,1,.36,1)}.c-brew-cup{transition:transform .9s cubic-bezier(.22,1,.36,1);transform-origin:center center;isolation:isolate}.c-brew[data-extracting] .c-brew-machine{transform:translateY(-35px)}.c-brew[data-extracting] .c-brew-cup{transform:scale(1.45)}.c-brew-coffee-stream{overflow:visible;transition:top .9s,height .9s;transform-origin:top;border-radius:45%;background:linear-gradient(90deg,#52240e,#bf7937 35%,#e5ae60 48%,#864416 72%,#421f10);box-shadow:1px 0 3px #d9aa6744}.c-brew[data-extracting] .c-brew-coffee-stream{top:417px;height:106px;width:7px;left:calc(50% - 3.5px);opacity:1;animation:brew-espresso-flow 1.2s ease-in-out infinite}.c-brew-coffee-stream:after{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;background:repeating-linear-gradient(transparent 0 11px,#f8dba87a 13px,transparent 19px);background-size:100% 35px;animation:brew-espresso-glint .5s linear infinite}.c-brew-coffee-stream i{position:absolute;bottom:-4px;left:0;width:4px;height:5px;border-radius:50%;background:#b87836;animation:brew-coffee-splash 1s ease-out infinite;--splash-x:13px}.c-brew-coffee-stream i:nth-child(2){--splash-x:-16px;animation-delay:-.35s}.c-brew-coffee-stream i:nth-child(3){--splash-x:7px;animation-delay:-.7s}.c-brew-coffee{top:22%;right:15%;bottom:9%;left:15%;background:linear-gradient(90deg,#512915,#965828 42%,#6a351b 85%);border-radius:8px 8px 18px 18px;transition:transform 3.8s ease-out}.c-brew[data-extracting] .c-brew-coffee{transform:scaleY(.88)}.c-brew-cup svg{transition:opacity .8s}.c-brew[data-extracting] .c-brew-cup svg{opacity:.42}.c-brew-crema{position:absolute;left:0;right:0;top:-3px;height:13px;border-radius:50%;background:radial-gradient(ellipse at 48% 40%,#8d4c22 0 8%,#e8c48a 16%,#bc803c 33%,#f3d9a3 55%,#ce9950 78%);border-bottom:3px solid #b77935;overflow:hidden}.c-brew-crema i{position:absolute;top:2px;right:15px;bottom:2px;left:15px;border:1px solid #fff0bd;border-radius:50%;animation:brew-crema-ripple 1.3s ease-out infinite}.c-brew-crema i:nth-child(2){animation-delay:-.65s}.c-brew[data-mode=heat][data-step="5"] .c-brew-aura{animation:brew-heating-glow 2.5s ease-in-out infinite}@keyframes brew-espresso-flow{0%,to{transform:scaleX(.85)}50%{transform:scaleX(1.12)}}@keyframes brew-espresso-glint{to{background-position:0 35px}}@keyframes brew-coffee-splash{0%{transform:translate(0);opacity:0}20%{opacity:.8}to{transform:translate(var(--splash-x),-14px);opacity:0}}@keyframes brew-crema-ripple{0%{transform:scale(.3);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes brew-heating-glow{50%{filter:saturate(1.7);opacity:.6}}@media(prefers-reduced-motion:reduce){.c-brew-machine,.c-brew-cup,.c-brew-coffee-stream,.c-brew-coffee,.c-brew-cup svg{transition:none!important}.c-brew-coffee-stream:after{animation:none!important}}.c-brew-visual{margin-top:20px}.c-brew-steam{top:25px;left:calc(50% - 48px);gap:14px;z-index:4;pointer-events:none}.c-brew-steam i{width:22px;height:105px;border-left:7px solid #948c82;border-radius:48%;filter:blur(3px);animation:brew-steam-visible 2.6s ease-out infinite}.c-brew-steam i:nth-child(2){height:115px;animation-delay:-.85s}.c-brew-steam i:nth-child(3){animation-delay:-1.7s}.c-brew[data-mode=heat][data-step="5"] .c-brew-steam{opacity:1}@keyframes brew-steam-visible{0%{transform:translateY(22px) scaleX(.75);opacity:0}20%{opacity:.75}65%{opacity:.55}to{transform:translate(12px,-35px) scaleX(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.c-brew-steam i{animation:none!important;opacity:.65}}.c-brew-steam i{border-left-color:#439cb7}.c-brew-machine .c-brew-lid{position:absolute;left:-4px;top:-50px;width:154px;height:96px;z-index:4;opacity:1;transform:translate(0) rotate(0);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .4s}.c-brew[data-step="2"] .c-brew-lid{opacity:0;transform:translate(45px,-55px) rotate(15deg)}@media(prefers-reduced-motion:reduce){.c-brew-machine .c-brew-lid{transition:none!important}}.c-brew-steam i{border-left-color:#948c82}.c-brew-machine .c-brew-lid{top:-48px;height:92px;transform-origin:50% 100%;transform:perspective(420px) rotateX(34deg) translateY(2px);transition:transform 1.15s cubic-bezier(.22,1,.36,1),opacity .4s}.c-brew[data-step="2"] .c-brew-lid{transform:perspective(420px) translate(36px,-48px) rotateX(20deg) rotate(-16deg);opacity:0}.c-brew-machine .c-brew-lid{left:-4px;top:-28px;width:154px;height:73px;transform-origin:50% 100%;transform:translateY(0);mix-blend-mode:multiply}.c-brew[data-step="2"] .c-brew-lid{transform:translate(36px,-48px) rotate(-12deg);opacity:0}.c-brew-machine .c-brew-lid{left:-12px;top:-37px;width:170px;height:81px;mix-blend-mode:normal}.c-brew-machine .c-brew-lid{max-width:none;top:-33px}.c-brew-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s;background:#f7f5f0}.c-brew[data-mode=cold] .c-brew-loading{background:#f0f5f4}.c-brew-loading video{display:block;width:min(100%,620px);height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:20px;box-shadow:0 16px 50px #30231d0f}.c-brew[data-step="0"] .c-brew-loading{opacity:1;visibility:visible}.c-brew-step-nav{gap:7px}.c-brew-step-nav button{width:42px}.c-brew-step-nav i{width:34px}@media(max-width:749px){.c-brew-loading video{width:96%;border-radius:16px}.c-brew-step-nav{gap:4px}}.c-brew-modes .see-in-action-tab-btn{padding-inline:11px;height:42px;min-height:42px;width:42px}.c-brew-modes .see-in-action-tab-btn[aria-selected=true]{width:auto}.c-brew-modes .see-in-action-tab-btn[aria-selected=true] span{margin-left:7px}.c-brew-loading,.c-brew[data-mode=cold] .c-brew-loading{display:block;background:none;pointer-events:none}.c-brew-load-assembly{position:absolute;left:calc(50% - 61px);top:448px;width:122px;height:127px}.c-brew-load-assembly svg{position:absolute;max-width:none}.c-brew-load-pod{width:57px;height:50px;left:32px;top:-100px;z-index:1}.c-brew-load-adapter{width:96px;height:91px;left:13px;top:0;z-index:2}.c-brew-load-holder{width:122px;height:108px;left:0;top:33px;z-index:3}.c-brew[data-step="0"] .c-brew-machine{transform:translateY(-76px)}.c-brew[data-step="0"] .c-brew-cup{opacity:0}.c-brew[data-step="0"] .c-brew-load-assembly{animation:brew-secure-holder 6.2s ease-in-out both}.c-brew[data-step="0"] .c-brew-load-pod{animation:brew-load-capsule 6.2s ease-in-out both}@keyframes brew-load-capsule{0%,10%{transform:translateY(0);opacity:1}35%{transform:translateY(108px);opacity:1}43%,to{transform:translateY(108px);opacity:0}}@keyframes brew-secure-holder{0%,48%{transform:translateY(0) rotate(0)}76%{transform:translateY(-113px) rotate(-8deg)}90%,to{transform:translateY(-113px) rotate(0)}}@media(prefers-reduced-motion:reduce){.c-brew-load-assembly,.c-brew-load-pod{animation:none!important}}@keyframes brew-load-capsule{0%,8%{transform:translate(-90px);opacity:1}22%{transform:translate(0);opacity:1}40%{transform:translateY(108px);opacity:1}47%,to{transform:translateY(108px);opacity:0}}.c-brew-load-pod{width:88px;height:61px;left:17px;top:-106px}.c-brew-load-holder{top:0}.c-brew[data-step="0"] .c-brew-load-assembly{animation:none;transform:none}.c-brew[data-step="0"] .c-brew-load-pod{animation:brew-large-capsule 3.8s ease-in-out both}.c-brew[data-step="1"] .c-brew-loading{opacity:1;visibility:visible}.c-brew[data-step="1"] .c-brew-machine{transform:translateY(-76px)}.c-brew[data-step="1"] .c-brew-cup{opacity:0}.c-brew[data-step="1"] .c-brew-load-pod{opacity:0;animation:none}.c-brew[data-step="1"] .c-brew-load-assembly{animation:brew-large-seal 3.2s ease-in-out both}.c-brew-step-nav{gap:4px}.c-brew-step-nav button{width:34px}.c-brew-step-nav i{width:28px}@keyframes brew-large-capsule{0%,12%{transform:translate(-90px);opacity:1}35%{transform:translate(0);opacity:1}70%{transform:translateY(119px);opacity:1}82%,to{transform:translateY(119px);opacity:0}}@keyframes brew-large-seal{0%,10%{transform:translateY(0) rotate(0)}65%{transform:translateY(-80px) rotate(-12deg)}90%,to{transform:translateY(-80px) rotate(0)}}@media(prefers-reduced-motion:reduce){.c-brew[data-step="1"] .c-brew-load-assembly{animation:none!important;transform:translateY(-80px)}.c-brew[data-step="0"] .c-brew-load-pod{animation:none!important}}.c-brew-load-holder{z-index:1}.c-brew-load-pod{z-index:2}.c-brew-load-holder-front{width:122px;height:108px;left:0;top:0;z-index:3}.c-brew[data-step="0"] .c-brew-load-pod{animation:brew-capsule-seat 4.8s cubic-bezier(.4,0,.2,1) both}.c-brew[data-step="1"] .c-brew-load-pod{opacity:1;transform:translateY(119px);animation:none}.c-brew[data-step="1"] .c-brew-load-assembly{animation:brew-holder-thread 4.8s ease-in-out both;transform-origin:center top}@keyframes brew-capsule-seat{0%,12%{transform:translate(-85px,-15px)}35%,43%{transform:translateY(-15px)}73%,to{transform:translateY(119px)}}@keyframes brew-holder-thread{0%,12%{transform:translateY(0)}40%{transform:translateY(-66px)}55%{transform:translateY(-70px) perspective(450px) rotateY(-28deg)}70%{transform:translateY(-74px) perspective(450px) rotateY(25deg)}85%{transform:translateY(-80px) perspective(450px) rotateY(-18deg)}to{transform:translateY(-85px) perspective(450px) rotateY(0)}}@media(prefers-reduced-motion:reduce){.c-brew[data-step="0"] .c-brew-load-pod{animation:none!important;transform:translateY(119px)}.c-brew[data-step="1"] .c-brew-load-assembly{animation:none!important;transform:translateY(-85px)}}.c-brew-loading{z-index:1}@keyframes brew-holder-thread{0%,12%{transform:translateY(0)}40%{transform:translateY(-75px)}55%{transform:translateY(-85px) perspective(450px) rotateY(-28deg)}70%{transform:translateY(-96px) perspective(450px) rotateY(25deg)}85%{transform:translateY(-105px) perspective(450px) rotateY(-18deg)}to{transform:translateY(-110px) perspective(450px) rotateY(0)}}@media(prefers-reduced-motion:reduce){.c-brew[data-step="1"] .c-brew-load-assembly{transform:translateY(-110px)}}.c-brew-load-pod{width:120px;height:70px;left:1px;top:-106px}.c-brew-load-pod{height:105px;top:-120px}@keyframes brew-holder-thread{0%,12%{transform:translateY(0)}85%,to{transform:translateY(-110px)}}.c-brew-machine>svg:first-child{position:relative;z-index:2}.c-brew-indicator,.c-brew-tap{z-index:3}.c-brew-machine .c-brew-attached-holder{position:absolute;left:12px;top:294px;width:122px;height:108px;max-width:none;z-index:1}.c-brew[data-step="0"] .c-brew-attached-holder,.c-brew[data-step="1"] .c-brew-attached-holder{visibility:hidden}.c-brew-visual{height:680px}.c-brew-cup{top:554px}.c-brew[data-extracting] .c-brew-coffee-stream{top:487px;height:94px}@media(max-width:749px){.c-brew-visual{height:680px;margin-bottom:-136px}}.c-brew{--brew-step-duration:3s}.c-brew[data-step="0"] .c-brew-load-pod,.c-brew[data-step="1"] .c-brew-load-assembly,.c-brew .c-brew-jug,.c-brew[data-mode=heat][data-step="5"] .c-brew-aura{animation-duration:var(--brew-step-duration)}.c-brew .c-brew-coffee{transition-duration:var(--brew-step-duration)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/daybreak-c-brew.css.map */