:root{color-scheme:light;--paper:#f3e7ce;--ink:#63361f;--rust:#853d23;--rule:#b99568}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#412719;color:var(--paper);font:14px/1.5 Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f0bd68;outline-offset:5px}h1,h2,p,ul{margin:0}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:12px;background:var(--paper);color:var(--ink);padding:12px;z-index:99}.skip:focus{top:12px}.concept-band{position:relative;z-index:20;padding:8px 25px;display:flex;justify-content:space-between;gap:15px;background:#2d2018;font-size:7px;letter-spacing:.1em}.concept-band a{white-space:nowrap}main{position:relative}.counter-scene{height:calc(100svh - 27px);min-height:680px;max-height:1060px;position:relative;overflow:hidden;isolation:isolate;background:#6d4830}.world-frame{position:absolute;left:50%;top:50%;width:1400px;height:933.333px;transform:translate(-50%,-50%) scale(var(--fit,1));transform-origin:center;z-index:-2}.camera{position:absolute;inset:0;transform-origin:50% 64%;transition:transform 1500ms cubic-bezier(.2,.72,.2,1)}.bakery-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#29150891 0,transparent 23%,transparent 75%,#2b1709a8 100%);pointer-events:none;z-index:2}.prop{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.counter-object,.cloche-object,.counter-bag{position:absolute;padding:0;transform-origin:50% 85%;transition:transform 1350ms cubic-bezier(.18,.75,.2,1),filter .5s,opacity .65s;filter:drop-shadow(0 13px 8px #3b1c0a55)}.counter-object .object-tag{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%) rotate(-2deg);padding:7px 13px;background:#f6ecd5;color:#63361f;box-shadow:2px 4px 2px #2e1d1540;border:1px solid #b5a078;font-size:8px;letter-spacing:.08em;white-space:nowrap;transition:opacity .3s}.object-tag b{display:block;font:italic 14px/1.3 Georgia,serif;letter-spacing:0}.bread-object{width:385px;height:333px;left:115px;top:480px;z-index:10;transform:rotate(-6deg)}.pastry-object{width:400px;height:324px;left:510px;top:490px;z-index:12;transform:rotate(3deg)}.cloche-object{width:416px;height:375px;left:503px;top:440px;z-index:14;filter:drop-shadow(0 6px 3px #341c151c)}.coffee-object{width:220px;height:179px;left:990px;top:546px;z-index:11;transform:rotate(-5deg)}.coffee-object .object-tag{bottom:-40px}.counter-bag{width:199px;height:246px;left:1160px;top:590px;z-index:18;transform:rotate(4deg)}.bag-brand{position:absolute;top:44%;left:12%;width:67%;text-align:center;font:25px/.9 Georgia,serif;color:#713c23;transform:rotate(-2deg);mix-blend-mode:multiply}.bag-brand i{font-size:18px}.bag-label{position:absolute;top:68%;left:16%;width:65%;font-size:6px;letter-spacing:.09em;color:#633c28;transform:rotate(-2deg)}.bag-label b{display:block;font:24px/1.3 Georgia,serif}.counter-shadows{position:absolute;inset:0;pointer-events:none}.counter-shadows i{position:absolute;border-radius:50%;background:#39180455;filter:blur(12px);height:30px}.bread-shadow{width:320px;left:150px;top:778px}.bake-shadow{width:335px;left:545px;top:780px}.cup-shadow{width:170px;left:1010px;top:701px}.counter-masthead{position:absolute;left:0;right:0;top:27px;padding:0 29px;display:flex;justify-content:space-between;align-items:start;z-index:7}.bakery-logo{position:absolute;left:50%;transform:translateX(-50%);font:48px/.95 Georgia,serif;letter-spacing:-.055em;white-space:nowrap;text-shadow:0 2px 12px #24100599}.bakery-logo i{font-size:.6em}.bakery-logo small{display:block;text-align:center;font:7px/1.5 Arial,sans-serif;letter-spacing:.24em;margin-top:12px}.overview-button,.top-note{font-size:10px;padding:8px 0;border-bottom:1px solid #e9dbc185;text-shadow:0 1px 5px #241005}.overview-button{visibility:hidden}.top-note{margin-left:auto;display:flex;gap:13px;align-items:center}.top-note b{border:1px solid #d4bd99;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-weight:400}.arrival-copy{position:absolute;left:30px;bottom:155px;z-index:4;max-width:340px;text-shadow:0 2px 16px #201206bb;pointer-events:none}.arrival-copy p{font-size:8px;letter-spacing:.18em;margin-bottom:10px}.arrival-copy h1{font:45px/.98 Georgia,serif;letter-spacing:-.03em}.arrival-copy>span{display:block;margin-top:15px;font-size:11px;line-height:1.6}.scene-note{position:absolute;right:32px;bottom:90px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:270px;text-align:right;text-shadow:0 1px 8px #1d0c02;font-size:10px}.scene-note button{font-size:9px;padding:5px 0;border-bottom:1px solid #e9d9b588}.counter-nav{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:3px;background:#f3e7ce;box-shadow:0 8px 30px #1a090955;border:1px solid #ae8350;color:var(--ink);padding:4px;min-width:358px;justify-content:space-between}.counter-nav button{display:flex;gap:9px;align-items:center;padding:12px 18px;font:18px/1 Georgia,serif}.counter-nav button span{font:7px/1 Arial,sans-serif;color:#976748}.counter-nav button[aria-pressed=true]{background:var(--rust);color:var(--paper)}.counter-nav button[aria-pressed=true] span{color:#edd5ab}.motion-control{position:absolute;bottom:40px;left:29px;z-index:5;font-size:9px;border-bottom:1px solid #e6d4af77;padding:5px 0}.counter-menu{position:absolute;left:3%;bottom:129px;width:310px;z-index:8;color:var(--ink);transform:rotate(-3deg);transform-origin:50% 100%}.menu-paper{padding:23px 23px 19px;background:linear-gradient(105deg,#efdfbd,#fbefd5 55%,#e9d6ae);box-shadow:7px 11px 16px #2c120959;border:1px solid #cfb27b;border-radius:1px 1px 20px 1px;position:relative}.menu-paper:before{content:'';position:absolute;width:64px;height:12px;top:-6px;left:calc(50% - 32px);background:#caa77099;transform:rotate(3deg)}.paper-eyebrow{font-size:7px;letter-spacing:.12em}.paper-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ad82565c;padding:7px 0 12px;margin-bottom:10px}.paper-heading h2{font:44px/.95 Georgia,serif;letter-spacing:-.04em}.paper-heading>span{font:italic 19px/1 Georgia,serif;transform:rotate(-14deg);opacity:.6}.paper-caption{font:italic 13px/1.5 Georgia,serif;margin-bottom:8px}.menu-item{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #be9b6577}.menu-item>div{flex:1}.menu-item h3{font:18px/1.1 Georgia,serif;margin:0 0 5px}.menu-item p{font-size:9px;line-height:1.5;max-width:205px}.bake-add{flex-shrink:0;width:32px;height:32px;border:1px solid #9b7148;border-radius:50%;font-size:21px;line-height:1}.bake-add[aria-pressed=true]{background:var(--rust);color:var(--paper)}.paper-foot{font-size:8px;line-height:1.5;margin-top:14px;color:#7c5837}.all-menu{background:#382418;padding:0 25px;color:#dfc7a2}.all-menu summary{font-size:10px;padding:16px 0;cursor:pointer}.plain-menu{display:flex;gap:40px;flex-wrap:wrap;padding:6px 0 25px}.plain-menu h2{font:23px/1.2 Georgia,serif;margin-bottom:8px}.plain-menu p{font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding:16px 25px;background:#2d2018;color:#c8b79a}.pickup-dialog{border:0;padding:0;background:#ead4aa;color:#63361f;width:min(850px,calc(100% - 32px));max-height:91svh;box-shadow:0 24px 100px #180e05aa;overflow:auto}.pickup-dialog::backdrop{background:#26140885;backdrop-filter:blur(6px)}.pickup-top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#ead4aa;border-bottom:1px solid #b69568;padding:15px 25px;font-size:9px;letter-spacing:.12em}.pickup-top button{font-size:12px;letter-spacing:0}.pickup-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:20px;padding:25px 35px 35px;background:radial-gradient(ellipse at 15% 60%,#c19966aa,transparent 52%)}.pickup-bag-picture{position:relative;align-self:center;transform:rotate(-6deg);margin-left:-20px}.pickup-bag-picture>span{position:absolute;top:45%;left:14%;width:67%;font:21px/1.1 Georgia,serif;text-align:center;color:#61361c;transform:rotate(-2deg);mix-blend-mode:multiply}.pickup-bag-picture i{display:block;font-size:15px;margin-top:7px}.pickup-content{padding:17px 22px 22px;background:#f6ebd3;box-shadow:3px 6px 15px #60370e33;transform:rotate(1.5deg)}.pickup-content h2{font:40px/.98 Georgia,serif;letter-spacing:-.03em;margin:13px 0 22px}.pickup-items{list-style:none;padding:0}.pickup-items li{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #c7aa7a;font:16px/1.3 Georgia,serif}.pickup-items li button{font:9px/1.2 Arial,sans-serif;text-decoration:underline;padding:7px 0}.pickup-empty{font-size:12px;line-height:1.7}.pickup-disclaimer{font-size:10px;line-height:1.65;margin:23px 0 19px;color:#795936}.pickup-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px}.pickup-actions button:first-child{text-decoration:underline}.pickup-actions button:last-child{background:var(--rust);color:var(--paper);padding:12px}.selection-slip{position:fixed;pointer-events:none;z-index:40;width:136px;padding:9px;background:#f9eed7;color:#734224;box-shadow:3px 6px 12px #24100855;display:flex;align-items:center;gap:8px;font:12px/1.1 Georgia,serif;border:1px solid #c39e62}.selection-slip svg{width:38px;height:38px;flex-shrink:0}.cup-steam{position:absolute;width:44%;height:75%;left:32%;top:-55%;fill:none;stroke:#fff4d9;stroke-width:2;opacity:0;filter:blur(1px);pointer-events:none}.counter-object:hover .object-tag,.counter-object:focus-visible .object-tag{background:#fff5dc}.counter-bag:hover{filter:drop-shadow(0 15px 10px #3b1c0a88)}body:not([data-menu=overview]) .arrival-copy{display:none}body:not([data-menu=overview]) .overview-button{visibility:visible}body:not([data-menu=overview]) .object-tag{opacity:0}body[data-menu=breads] .camera{transform:scale(1.1) translate(1.4%,1%)}body[data-menu=breads] .bread-object{transform:translate(350px,-55px) rotate(3deg) scale(1.36);z-index:16}body[data-menu=breads] .pastry-object{transform:translate(165px,-50px) rotate(5deg) scale(.74);filter:drop-shadow(0 8px 7px #351a0544)}body[data-menu=breads] .cloche-object{transform:translate(168px,-46px) rotate(2deg) scale(.74)}body[data-menu=breads] .coffee-object{transform:translate(100px,-25px) rotate(-3deg) scale(.75)}body[data-menu=bakes] .camera{transform:scale(1.09) translate(-2%,1%)}body[data-menu=bakes] .bread-object{transform:translate(-80px,-15px) rotate(-12deg) scale(.85)}body[data-menu=bakes] .pastry-object{transform:translate(110px,-5px) rotate(-1deg) scale(1.32);z-index:16}body[data-menu=bakes] .cloche-object{transform:translate(112px,-450px) rotate(-12deg) scale(1.32);opacity:0;pointer-events:none;z-index:19}body[data-menu=bakes][data-cloche=closed] .cloche-object{transform:translate(109px,-5px) rotate(-1deg) scale(1.32);opacity:1;pointer-events:auto}body[data-menu=bakes] .coffee-object{transform:translate(60px,-35px) rotate(3deg) scale(.86)}body[data-menu=cafe] .camera{transform:scale(1.12) translate(-5%,1%)}body[data-menu=cafe] .bread-object{transform:translate(-110px,-25px) rotate(-8deg) scale(.72)}body[data-menu=cafe] .pastry-object{transform:translate(-55px,-70px) rotate(2deg) scale(.75)}body[data-menu=cafe] .cloche-object{transform:translate(-54px,-65px) rotate(2deg) scale(.75)}body[data-menu=cafe] .coffee-object{transform:translate(-270px,72px) rotate(2deg) scale(1.65);z-index:17}body[data-menu=cafe] .counter-bag{transform:translate(5px,10px) rotate(7deg) scale(.94)}body[data-bag=open] .counter-bag{transform:translate(-120px,-25px) rotate(0) scale(1.16)}body[data-motion=still] .camera,body[data-motion=still] .counter-object,body[data-motion=still] .cloche-object,body[data-motion=still] .counter-bag{transition:none!important}
@media(max-width:1050px) and (min-width:651px){.counter-menu{width:280px;left:2%;bottom:126px}.menu-paper{padding:20px}.menu-item h3{font-size:17px}.menu-item p{font-size:8px}.bakery-logo{font-size:42px}.scene-note{right:23px;bottom:100px;font-size:9px}.arrival-copy{max-width:270px}.arrival-copy h1{font-size:38px}}
@media(max-width:650px){.concept-band{padding:9px 15px;font-size:6px}.concept-band span:nth-child(2){display:none}.counter-scene{height:530px;min-height:530px;max-height:none}.world-frame{top:53%;}.counter-masthead{top:20px;padding:0 15px}.bakery-logo{font-size:35px;top:4px}.bakery-logo small{font-size:6px;margin-top:9px}.overview-button{position:absolute;left:15px;top:67px;font-size:9px}.top-note{position:absolute;right:15px;top:64px;font-size:9px;padding:7px 0}.top-note b{width:18px;height:18px}.arrival-copy{left:20px;bottom:132px;max-width:250px}.arrival-copy h1{font-size:33px}.arrival-copy p{font-size:7px}.arrival-copy>span{font-size:10px;margin-top:10px}.scene-vignette{background:linear-gradient(180deg,#2b140999,transparent 32%,transparent 57%,#271103b3)}.counter-nav{bottom:38px;min-width:340px;padding:3px}.counter-nav button{font-size:17px;padding:12px 18px}.counter-nav button span{font-size:7px}.motion-control{left:20px;bottom:8px;font-size:8px;padding:3px 0}.scene-note{right:18px;bottom:7px;max-width:235px;font-size:8px;gap:2px}.scene-note>span{display:none}.scene-note button{font-size:8px;border-bottom:0;padding:3px}.counter-menu{position:relative;width:auto;left:auto;bottom:auto;z-index:3;transform:none;margin:0;padding:22px 22px 26px;background:#65432d}.menu-paper{transform:rotate(-1deg);padding:26px}.paper-eyebrow{font-size:8px}.paper-heading h2{font-size:48px}.paper-caption{font-size:15px}.menu-item h3{font-size:20px}.menu-item p{font-size:11px;max-width:none}.bake-add{width:40px;height:40px;font-size:24px}.paper-foot{font-size:10px}.counter-object .object-tag{font-size:12px;padding:9px 18px;bottom:-34px}.object-tag b{font-size:18px}.coffee-object .object-tag{bottom:-53px}.all-menu{padding:0 20px}.all-menu summary{font-size:11px;padding:18px 0}.plain-menu{gap:22px}.plain-menu p{font-size:12px}footer{padding:16px 20px;font-size:9px;flex-wrap:wrap;gap:9px}.pickup-layout{display:block;padding:23px 23px 30px}.pickup-bag-picture{display:none}.pickup-content{transform:none;padding:15px 7px 5px;background:transparent;box-shadow:none}.pickup-content h2{font-size:40px}.pickup-top{padding:14px 20px}.pickup-disclaimer{font-size:11px}.pickup-actions{font-size:11px}.pickup-actions button:last-child{padding:13px}.pickup-items li{font-size:19px}.pickup-items li button{font-size:11px}.pickup-dialog{max-height:92svh}body[data-menu=breads] .camera{transform:scale(1.19) translate(-2%,0)}body[data-menu=bakes] .camera{transform:scale(1.13) translate(-5%,0)}body[data-menu=cafe] .camera{transform:scale(1.17) translate(-5%,1%)}body[data-menu=overview] .camera{transform:scale(.96)}body[data-menu=overview] .counter-bag{transform:translate(-120px,25px) rotate(4deg) scale(1.06)}body[data-menu=overview] .coffee-object{transform:translate(-25px,0) rotate(-5deg)}body:not([data-menu=overview]) .counter-bag{transform:translate(-50px,10px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.counter-shadows{display:none}.arrival-copy{top:122px;bottom:auto;left:50%;transform:translateX(-50%);text-align:center;max-width:none;width:340px}.arrival-copy p{display:none}.arrival-copy h1{font:italic 25px/1.1 Georgia,serif;letter-spacing:0}.arrival-copy>span{font-size:10px;margin-top:9px}.scene-note{bottom:37px;right:29px;max-width:180px}.scene-note>span{display:none}.scene-note button{padding:8px 10px;background:#2d180e88;border:1px solid #b3906266;font-size:9px}.overview-button,.top-note{background:#2d180e65;padding:7px 9px}.counter-bag{transition:transform 1350ms cubic-bezier(.18,.75,.2,1),filter .5s,opacity .65s}body:not([data-menu=overview]) .counter-bag{transform:translate(-120px,30px) rotate(3deg) scale(1.04)}body[data-bag=open] .counter-bag{transform:translate(-155px,-10px) rotate(0) scale(1.16)}.counter-loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:italic 23px/1.4 Georgia,serif;text-align:center;z-index:9;max-width:320px}.world-frame{transition:opacity .4s}body[data-room=loading] .world-frame{opacity:0}body[data-room=ready] .counter-loading{display:none}@media(max-width:650px){.arrival-copy{top:142px;width:300px;left:50%;bottom:auto}.arrival-copy h1{font-size:23px}.arrival-copy>span{font-size:10px}.scene-note{bottom:6px;right:16px}.scene-note button{padding:3px 5px;background:transparent;border:0;font-size:8px}body:not([data-menu=overview]) .counter-bag{transform:translate(-115px,18px) rotate(3deg)}.counter-loading{font-size:20px}}

/* Keep the counter's practical information readable at normal browser size. */
body{font-size:16px}.concept-band{font-size:12px;line-height:1.35;align-items:center}.counter-scene{height:calc(100svh - 33px);min-height:720px}.bakery-logo small{font-size:12px;letter-spacing:.12em}.overview-button,.top-note,.motion-control,.scene-note button{font-size:14px;min-height:44px}.top-note b{width:25px;height:25px}.arrival-copy{top:132px;width:min(420px,90%)}.arrival-copy>span{font-size:16px}.counter-nav{min-width:360px}.counter-nav button{min-height:44px}.counter-nav button span{font-size:12px}.counter-menu{top:140px;bottom:auto;left:4%;width:360px}.menu-paper{padding:20px}.paper-eyebrow{font-size:12px;letter-spacing:.08em}.paper-heading{padding:7px 0 10px;margin-bottom:8px}.paper-heading h2{font-size:42px}.paper-caption{font-size:16px;line-height:1.4;margin-bottom:6px}.menu-item{padding:10px 0;gap:12px}.menu-item h3{font-size:20px;line-height:1.2;margin-bottom:4px}.menu-item p{font-size:16px;line-height:1.4;max-width:none}.bake-add{width:44px;height:44px;font-size:24px}.paper-foot{font-size:12px;line-height:1.4;margin-top:12px}.all-menu summary{font-size:14px;min-height:44px}.plain-menu p{font-size:16px}footer{font-size:12px}.pickup-top{font-size:12px}.pickup-top button{font-size:14px;min-height:44px;min-width:60px}.pickup-items li{font-size:20px}.pickup-items li button{font-size:14px;min-height:44px}.pickup-empty{font-size:16px}.pickup-disclaimer{font-size:14px}.pickup-actions{font-size:14px}.pickup-actions button{min-height:44px}.pickup-layout{padding:22px 28px 28px}.pickup-content{padding:16px 20px 20px}.scene-note{bottom:29px;max-width:195px}.motion-control{bottom:29px}.counter-object .object-tag{font-size:12px}.object-tag b{font-size:16px}.bag-label{font-size:10px}
@media(min-width:651px) and (max-width:900px){.counter-menu{width:330px;left:4%;top:150px}.menu-paper{padding:18px}.menu-item h3{font-size:19px}.bakery-logo{font-size:40px}.scene-note{right:16px}.scene-note button{font-size:12px}.motion-control{left:16px;font-size:12px}}
@media(max-width:650px){.concept-band{padding:9px 14px;gap:12px;font-size:12px}.concept-band span:last-child{max-width:140px;text-align:right}.counter-scene{height:560px;min-height:560px}.bakery-logo{font-size:35px}.bakery-logo small{font-size:12px;letter-spacing:.09em}.overview-button,.top-note{font-size:14px;top:76px;padding:7px 9px}.counter-masthead{padding:0 15px}.overview-button{left:15px}.top-note{right:15px}.arrival-copy{top:150px;width:90%}.arrival-copy>span{font-size:16px}.counter-nav{width:calc(100% - 32px);min-width:0;bottom:58px}.counter-nav button{font-size:18px;padding:12px 13px;gap:7px}.counter-nav button span{font-size:12px}.motion-control{left:16px;bottom:9px;font-size:14px}.scene-note{right:16px;bottom:9px;max-width:200px}.scene-note button{font-size:12px;min-height:44px;padding:5px}.counter-menu{position:relative;top:auto;bottom:auto;left:auto;width:auto;padding:24px 20px 28px}.menu-paper{padding:24px;transform:none}.paper-eyebrow{font-size:12px}.paper-heading h2{font-size:44px}.paper-caption{font-size:16px}.menu-item h3{font-size:20px}.menu-item p{font-size:16px}.paper-foot{font-size:12px}.bake-add{width:44px;height:44px}.all-menu summary{font-size:14px}.plain-menu p{font-size:16px}footer{font-size:12px}.pickup-layout{padding:16px 20px 24px}.pickup-content{padding:15px 0 5px}.pickup-top{padding:8px 18px}.pickup-content h2{font-size:38px}.pickup-items li{font-size:20px}.pickup-items li button{font-size:14px}.pickup-disclaimer{font-size:14px}.pickup-actions{font-size:14px;flex-wrap:wrap;gap:12px}}
@media(max-width:350px){.counter-nav button{padding:12px 9px;gap:5px}.counter-nav button span{display:none}.scene-note button{font-size:12px}.menu-paper{padding:20px}.overview-button,.top-note{font-size:13px}.bakery-logo{font-size:31px}}