/* Explicit coffee-hero opt-in. Native shop/catalog/account behavior is unchanged. */
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .shop-nav{background:color-mix(in srgb,var(--paper) 88%,transparent)!important;border-bottom:1px solid #d9cdb74d!important;color:var(--primary)!important;backdrop-filter:blur(16px)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .shop-nav :is(a,button){color:var(--primary)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .shop-nav .cart-open{background:var(--primary)!important;color:#fff8e9!important;border-color:var(--primary)!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .shop-nav [data-cart-count]{background:#fff9ed;color:var(--primary)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300{--bean-x300:0;--bean-y300:0;display:block!important;position:relative!important;isolation:isolate;overflow:clip!important;width:100%!important;height:auto!important;min-height:650px!important;padding:118px 6vw 28px!important;background:var(--paper)!important;color:var(--primary)!important;text-align:start!important;transform:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300::before,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300::after{display:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300>.bean-watermark300{position:absolute!important;inset:auto 0 -28px!important;z-index:-1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;font:500 clamp(90px,15vw,230px)/1 Georgia,serif!important;text-align:center!important;letter-spacing:-.065em!important;white-space:nowrap;color:#78582a08!important;pointer-events:none;user-select:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300>.bean-layout300{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;align-items:center!important;gap:36px!important;width:100%!important;max-width:1320px!important;min-height:470px;margin:0 auto!important;padding:0!important;z-index:1!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px;z-index:2;max-width:610px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-eyebrow300{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.06em;font-weight:500;color:#80623c}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-eyebrow300 i{height:1px;width:32px;display:block;background:var(--accent)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1{margin:0!important;padding:0!important;font-size:clamp(45px,5.8vw,82px)!important;font-weight:600!important;line-height:1.28!important;letter-spacing:-.035em!important;max-width:100%!important;color:var(--primary)!important;transform:none!important;opacity:1!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1>span,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1>em{display:block!important;position:static!important;opacity:1!important;transform:none!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1>em{color:var(--accent)!important;font-style:normal;font-weight:500}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>p{margin:0!important;max-width:400px!important;font-size:14px!important;line-height:2!important;color:#766c5f!important;opacity:1!important;transform:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300{display:flex;align-items:center;flex-wrap:wrap;gap:22px;max-width:100%}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>a{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;font-size:13px;line-height:1.6;text-decoration:none;letter-spacing:0;transition:transform .2s,box-shadow .2s}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-shop300{border:1px solid var(--primary)!important;border-radius:12px!important;background:var(--primary)!important;color:#fff9ed!important;padding:14px 23px!important;box-shadow:0 10px 24px #2b1c1110}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300{border:0;border-bottom:1px solid #c5ad89;border-radius:0;background:transparent;color:#755a37;padding:8px 0;min-height:42px;gap:14px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-editorial300{font-size:10px;color:#a28c6b;letter-spacing:.07em}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300{position:relative!important;isolation:isolate;min-width:0;display:block!important;width:100%!important;height:clamp(430px,65svh,600px)!important;margin:0!important;padding:0!important;perspective:1000px;background:transparent!important;overflow:visible!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-film-plane300{position:absolute;inset:-3%;z-index:2;transform:translate3d(calc(var(--bean-x300)*18px),calc(var(--bean-y300)*12px),0) rotateX(calc(var(--bean-y300)*-7deg)) rotateY(calc(var(--bean-x300)*11deg));transform-origin:50% 52%;will-change:transform;pointer-events:none;backface-visibility:hidden}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-film-plane300>video{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important;opacity:1!important;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 58%,transparent 75%)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-orbit300{position:absolute;border:1px solid #c4aa7d33;border-radius:50%;inset:10% 3%;transform:rotate(-20deg) rotateY(35deg);pointer-events:none;z-index:0}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-orbit300-b{inset:17% -4%;border-color:#c4aa7d1d;transform:rotate(32deg) rotateY(35deg)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-glow300{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(ellipse at calc(50% + var(--bean-x300)*18%) calc(50% + var(--bean-y300)*12%),#dec79e52,transparent 68%);filter:blur(16px);z-index:0;pointer-events:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption{position:absolute;inset:auto 4% 7%;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:3;color:#937c59;pointer-events:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption>span{font:500 9px/1.6 Manrope,sans-serif;letter-spacing:.2em}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption>small{font-size:10px;line-height:1.7;max-width:160px;text-align:end}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-motion300{position:absolute;z-index:4;inset-block-start:7%;inset-inline-end:2%;border:1px solid #dacbb3;background:#fffaf0d9;backdrop-filter:blur(8px);color:#796243;border-radius:30px;font-size:10px;line-height:1.5;padding:8px 13px;min-height:40px;cursor:pointer;box-shadow:none;letter-spacing:0}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-motion300[hidden]{display:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300>.bean-footer300{position:relative;z-index:2;display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;width:100%!important;max-width:1320px!important;margin:22px auto 0!important;padding:20px 0 0!important;border-top:1px solid #dacdb84d;transform:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>a{display:flex;align-items:center;gap:18px;color:#6c5d48;font-size:10px;text-decoration:none;border:0;padding:0;background:transparent}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>p{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:11px;line-height:1.8;margin:0;color:#8a724e}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300 i{font-style:normal;color:#c8b694}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-small300{font-size:9px;letter-spacing:.06em;color:#ad9c80}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300 a:focus-visible,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300 button:focus-visible{outline:3px solid #b28b50;outline-offset:5px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene):lang(en) .bean-copy300>h1>em{font-family:Georgia,serif!important;letter-spacing:-.045em!important}
@media(hover:hover){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-shop300:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2b1c1120}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-story300:hover{color:var(--primary)}}
@media(max-width:800px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300{padding:100px 24px 30px!important;min-height:0!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300>.bean-layout300{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;min-height:0}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300{max-width:600px;gap:16px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1{font-size:clamp(38px,7vw,58px)!important;line-height:1.28!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>p{font-size:13px!important;line-height:1.9!important;max-width:430px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300{width:min(100%,450px)!important;height:350px!important;justify-self:center;margin-top:0!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-editorial300{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300>.bean-footer300{margin-top:5px!important;padding-top:17px!important;gap:14px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-small300{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300{gap:20px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>a{min-height:48px;font-size:12px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-shop300{padding:12px 19px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption{inset-block-end:1%;font-size:9px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption>small{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-motion300{inset-block-start:4%;inset-inline-end:0}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>a{font-size:10px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>p{font-size:10px;gap:9px}}
@media(max-width:420px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .shop-nav>.shop-logo>.store-brand-logo+b{display:none!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-hero300{padding-inline:22px!important;padding-top:94px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300{gap:15px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1{font-size:40px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300{height:310px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>p{flex-basis:100%;justify-content:center}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-footer300>a{margin-inline:auto}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-eyebrow300{font-size:10px}}
@media(prefers-reduced-motion:reduce){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-film-plane300{transform:none!important;will-change:auto}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>a{transition:none!important;transform:none!important}}
@media(hover:none),(pointer:coarse){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-stage300>figcaption>small{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-film-plane300{will-change:auto}}

/*303 Shared labels and brand palette; cinematic layers reuse one cached alpha sprite. */
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300:is(:hover,:focus,:active){border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)!important;border-radius:12px!important;background:transparent!important;color:var(--primary)!important;padding:13px 22px!important;min-height:52px!important;box-shadow:none!important;letter-spacing:0!important;transform:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300:hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,transparent)!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-shop300:is(:hover,:focus,:active){background:var(--primary)!important;color:var(--on-primary,#fff)!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1{font-size:var(--design-hero-title-size,clamp(45px,5.8vw,82px))!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303{padding-top:110px!important;min-height:690px!important;background:radial-gradient(ellipse at 12% 30%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),var(--paper)!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:clamp(490px,72svh,650px)!important;perspective:1200px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-film-plane300{inset:8% -2% 3%;z-index:3;transform:translate3d(calc(var(--bean-x300)*28px),calc(var(--bean-y300)*20px),0) rotateX(calc(var(--bean-y300)*-9deg)) rotateY(calc(var(--bean-x300)*14deg))}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-orbit300{inset:13% 4%;border-color:color-mix(in srgb,var(--accent) 18%,transparent);transform:rotate(-23deg) rotateY(40deg)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-orbit300-b{inset:25% -4%;transform:rotate(38deg) rotateY(45deg)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene-aura303{position:absolute;inset:9% -9% 12%;border-radius:50%;background:radial-gradient(ellipse at 55% 50%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 65%);filter:blur(28px);z-index:0;pointer-events:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene-layers303{position:absolute;inset:0;z-index:4;pointer-events:none;transform-style:preserve-3d}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303{--bx:0;--by:0;--angle:0deg;position:absolute;display:block;width:var(--size);aspect-ratio:1;inset-inline-start:var(--left);inset-block-start:var(--top);transform:translate3d(calc(var(--bean-x300)*var(--depth)),calc(var(--bean-y300)*var(--depth)),0);opacity:var(--alpha,1);filter:var(--blur,none)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303>i{display:block;width:100%;height:100%;background:url('/assets/coffee-bean-sprite303.webp?v=303.1') center/contain no-repeat;transform:rotate(var(--angle));animation:bean-drift303 var(--duration,9s) ease-in-out var(--delay,0s) infinite;animation-play-state:paused;filter:drop-shadow(0 17px 15px #4b2a2020)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303[data-bean-state=playing] .bean-satellite303>i{animation-play-state:running}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-1{--size:25%;--left:-3%;--top:4%;--depth:42px;--angle:-47deg;--duration:8s;--delay:-2s;--by:-22px;--bx:10px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-2{--size:30%;--left:74%;--top:23%;--depth:55px;--angle:73deg;--duration:10s;--delay:-4s;--by:25px;--bx:-16px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-3{--size:19%;--left:9%;--top:62%;--depth:35px;--angle:-95deg;--duration:9s;--delay:-1s;--by:-24px;--bx:13px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-4{--size:13%;--left:66%;--top:-2%;--depth:-22px;--angle:38deg;--duration:12s;--delay:-6s;--by:12px;--bx:-10px;--blur:blur(.6px);--alpha:.72}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-5{--size:11%;--left:29%;--top:-8%;--depth:-30px;--angle:-20deg;--duration:11s;--delay:-3s;--by:15px;--bx:6px;--blur:blur(1px);--alpha:.48}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-6{--size:13%;--left:84%;--top:70%;--depth:25px;--angle:120deg;--duration:8s;--delay:-5s;--by:-16px;--bx:-8px;--alpha:.8}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-7{--size:8%;--left:-5%;--top:40%;--depth:-20px;--angle:66deg;--duration:13s;--delay:-7s;--by:15px;--bx:12px;--blur:blur(1px);--alpha:.55}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene-trace303{position:absolute;inset:23% 2% 25%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-block-start-color:transparent;border-inline-end-color:transparent;border-radius:50%;transform:rotate(-35deg);z-index:1;pointer-events:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303>.bean-watermark300{color:color-mix(in srgb,var(--primary) 3%,transparent)!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300>figcaption{inset-block-end:1%;color:var(--primary)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-motion300{inset-block-start:0;inset-inline-end:0;background:var(--paper);color:var(--primary);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303[data-bean-state]:not([data-bean-state=playing]) .bean-satellite303{transform:none}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene).design-commerce-presentation-roastery{--boutique-ink:var(--primary);--boutique-line:color-mix(in srgb,var(--accent) 23%,var(--paper));--boutique-card:color-mix(in srgb,var(--paper) 65%,white)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .roastery-notes299>li{color:var(--primary)}
@keyframes bean-drift303{0%,100%{transform:translate3d(0,0,0) rotate(var(--angle))}50%{transform:translate3d(var(--bx),var(--by),0) rotate(calc(var(--angle) + 12deg))}}
@media(max-width:800px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303{min-height:0!important;padding-top:100px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:370px!important;width:min(100%,470px)!important;margin-top:24px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-5,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-7{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-1{--size:24%;--left:-2%;--top:8%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-2{--size:25%;--left:78%;--top:30%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-3{--size:16%;--left:8%;--top:67%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303-6{--size:10%;--left:86%;--top:72%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300{min-height:48px!important;padding:10px 18px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-copy300>h1{font-size:var(--design-hero-title-mobile-size,40px)!important}}
@media(max-width:420px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303{padding-top:94px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:315px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300{gap:12px}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-shop300{padding-inline:17px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-actions300>.bean-story300{padding-inline:15px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-motion300{min-height:40px}}
@media(prefers-reduced-motion:reduce){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303>i{animation:none!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-satellite303,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-film-plane300{transform:none!important}}

/*305: True alpha, one uninterrupted paper backdrop, broader pointer rotation. */
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303{background:var(--paper)!important;min-height:730px!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-scene-aura303,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-glow300{display:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303>.bean-layout300{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)!important;gap:38px!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:clamp(550px,76svh,690px)!important;perspective:1400px}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-film-plane300{inset:0 -7% 2%;z-index:3;transform:translate3d(calc(var(--bean-x300)*62px),calc(var(--bean-y300)*46px),0) rotateX(calc(var(--bean-y300)*-24deg)) rotateY(calc(var(--bean-x300)*38deg)) rotateZ(calc(var(--bean-x300)*-22deg));background:transparent!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-main-bean305{position:absolute;inset:0;display:block;width:100%;height:100%;animation:bean-main-float305 9s ease-in-out infinite;animation-play-state:paused;pointer-events:none;background:transparent!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-main-bean305>img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;opacity:1!important;transform:none!important;border:0!important;border-radius:0!important;filter:drop-shadow(0 21px 24px #4b2b1615)!important;background:transparent!important;mix-blend-mode:normal!important;mask:none!important;box-shadow:none!important}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-main-bean305::after{content:'';position:absolute;inset:auto 26% -2%;height:5%;border-radius:50%;background:#593c3125;filter:blur(13px);z-index:-1}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303[data-bean-state=playing] .bean-main-bean305{animation-play-state:running}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303{transform:translate3d(calc(var(--bean-x300)*var(--depth)*1.9),calc(var(--bean-y300)*var(--depth)*1.65),0) rotateX(calc(var(--bean-y300)*-22deg)) rotateY(calc(var(--bean-x300)*35deg)) rotateZ(calc(var(--bean-x300)*var(--turn,36deg)))}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-1{--depth:60px;--turn:-55deg;--size:26%;--left:-4%;--top:2%}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-2{--depth:74px;--turn:48deg;--size:31%;--left:77%;--top:27%}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-3{--depth:47px;--turn:65deg;--size:20%;--left:3%;--top:72%}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-4{--turn:-40deg}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-5{--turn:65deg}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-6{--depth:40px;--turn:-60deg}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-7{--turn:50deg}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305{position:absolute;inset:4% 0 2%;z-index:0;pointer-events:none;overflow:hidden}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean{position:absolute;display:block;width:clamp(45px,7vw,112px);aspect-ratio:1;opacity:.14;filter:blur(1.7px);transform:translate3d(calc(var(--bean-x300)*-42px),calc(var(--bean-y300)*30px),0) rotateZ(calc(var(--bean-x300)*55deg))}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean>i{display:block;width:100%;height:100%;background:url('/assets/coffee-bean-sprite303.webp?v=303.1') center/contain no-repeat;animation:bean-drift303 13s ease-in-out -4s infinite;--angle:40deg;--bx:8px;--by:-15px;animation-play-state:paused}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303[data-bean-state=playing] .bean-ambient305__bean>i{animation-play-state:running}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean-1{inset-inline-start:7%;inset-block-start:6%;width:clamp(40px,5.5vw,83px)}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean-2{inset-inline-start:32%;inset-block-start:77%;opacity:.1}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean-3{inset-inline-start:44%;inset-block-start:4%;width:clamp(30px,4vw,65px);opacity:.1}
html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303[data-bean-state]:not([data-bean-state=playing]) :is(.bean-satellite303,.bean-ambient305__bean){transform:none}
@keyframes bean-main-float305{0%,100%{transform:translate3d(0,-3px,0) rotate(-2deg)}50%{transform:translate3d(7px,-19px,0) rotate(4deg)}}
@media(max-width:800px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303{min-height:0!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303>.bean-layout300{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:370px!important;margin-top:32px!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-film-plane300{inset:3% -1% 1%;transform:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305{display:none}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-1{--size:24%;--left:0%;--top:3%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-2{--size:25%;--left:75%;--top:31%}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-satellite303-3{--size:16%;--left:5%;--top:72%}}
@media(max-width:420px){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 .bean-stage300{height:330px!important}}
@media(prefers-reduced-motion:reduce){html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-main-bean305,html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-ambient305__bean>i{animation:none!important}html body.store-page[class][class].design-studio-customized:is(.design-hero-entrance-bean,.design-hero-entrance-bean_scene) .bean-scene303 :is(.bean-film-plane300,.bean-satellite303,.bean-ambient305__bean){transform:none!important}}