:root{--green:#284c3c;--dark:#19372c;--gold:#b88442;--paper:#fffdf8;--ink:#283b30;--slide:40vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:600;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.hero:focus-visible{outline:3px solid var(--gold);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;overflow:hidden}header{text-align:center}.hero{height:var(--slide);position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.hero:active{cursor:grabbing}.hero-track{height:100%;display:flex;width:max-content;transform:translateX(calc(50vw - var(--slide)*1.5))}.hero-slide{width:var(--slide);height:var(--slide);flex-shrink:0}.photo{background-image:url('assets/bakery-atlas.png');background-size:400% 400%;background-repeat:no-repeat;background-color:#e9ddc6}.tile-0{background-position:0% 0%}.tile-1{background-position:33.3333% 0%}.tile-2{background-position:66.6667% 0%}.tile-3{background-position:100% 0%}.tile-4{background-position:0% 33.3333%}.tile-5{background-position:33.3333% 33.3333%}.tile-6{background-position:66.6667% 33.3333%}.tile-7{background-position:100% 33.3333%}.tile-8{background-position:0% 66.6667%}.tile-9{background-position:33.3333% 66.6667%}.tile-10{background-position:66.6667% 66.6667%}.tile-11{background-position:100% 66.6667%}.tile-12{background-position:0% 100%}.tile-13{background-position:33.3333% 100%}.tile-14{background-position:66.6667% 100%}.tile-15{background-position:100% 100%}.slide-toggle{position:absolute;bottom:15px;right:18px;background:#19372c99;color:#fff;width:30px;height:30px;line-height:30px;padding:0;border-radius:50%;font-size:12px;z-index:2;opacity:.65}.slide-toggle:hover{opacity:1}.subnav{position:absolute;top:0;right:0;display:flex;padding:8px 12px;background:var(--dark);color:var(--paper);font-size:12px;gap:8px;z-index:4}.subnav button:hover{color:#e8bd7c}.brand{position:relative;width:30vw;min-width:260px;margin:-22vw auto 20px;z-index:3;line-height:0;pointer-events:none}.brand img{width:100%;height:auto;display:block}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;padding:20px 5px 40px;gap:0}.main-nav>a,.main-nav>button{display:block;width:20%;max-width:150px;margin-bottom:20px;padding:0;font-size:14px;font-weight:800}.main-nav svg{display:block;width:65px;height:65px;margin:0 auto 7px;transition:transform .2s}.main-nav a:hover svg,.main-nav button:hover svg{transform:scale(1.2) rotate(-3deg)}.badge{background:var(--green);color:white;border-radius:50%;font-size:11px;display:inline-block;width:20px;height:20px;line-height:20px;vertical-align:1px}.menu-toggle,.mobile-menu{display:none}.breads{padding-bottom:50px;text-align:center}.bread-grid{width:90%;max-width:1100px;margin:0 auto 50px;padding-top:40px;display:grid;grid-template-columns:repeat(3,1fr)}.bread-card{position:relative;padding:0 30px 60px;min-width:0;display:block;width:100%;text-align:center}.bread-card:nth-child(3n+2){top:40px}.bread-main{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#ede4d4}.bread-main .photo{width:100%;height:100%;transition:transform .65s;transform:scale(1.27)}.bread-card:hover .bread-main .photo{transform:scale(1.42) rotate(-4deg)}.bread-mini{position:relative;width:65%;aspect-ratio:1;margin:-20% auto 0;border-radius:50%;mix-blend-mode:multiply;transition:transform .3s}.bread-card:hover .bread-mini{transform:translateY(-6px) rotate(3deg)}.bread-name{font-size:20px;display:block;margin-top:0;letter-spacing:.07em}.hand-note{font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:900;line-height:1.3;letter-spacing:.06em;display:block;transform:rotate(-15deg);border-top:2px solid;border-bottom:2px solid;padding:7px 4px;font-size:18px}.bread-card:nth-child(3)::after{content:"HELLO,\A BREAD!";white-space:pre;position:absolute;right:-15%;top:-6%;font-family:"Segoe Print",cursive;line-height:1.2;border-bottom:2px solid;transform:rotate(-30deg);font-size:22px;color:var(--gold)}.bread-card:nth-child(4)::before{content:"FRESH\A EVERY DAY!";white-space:pre;position:absolute;left:-12%;top:-18%;font-family:"Segoe Print",cursive;line-height:1.2;transform:rotate(-33deg);font-size:21px;color:var(--gold);border-top:2px solid;border-bottom:2px solid;z-index:1}.circle{display:block;width:112px;height:112px;margin:0 auto;border:3px solid currentColor;border-radius:50%;font-size:16px;text-decoration:underline;text-underline-offset:3px;line-height:1.65;transition:transform .25s,background .25s,color .25s;padding:0;font-weight:800}.circle:hover{transform:scale(1.09) rotate(-5deg);background:var(--green);color:var(--paper)}.circle.light:hover{color:var(--green);background:var(--paper)}.torn{position:relative}.torn::before,.torn::after{content:"";position:absolute;left:0;right:0;height:8px;background:var(--dark);z-index:2;clip-path:polygon(0 40%,1% 20%,2% 60%,3% 30%,4% 70%,5% 10%,6% 30%,7% 60%,8% 20%,9% 40%,10% 20%,11% 70%,12% 20%,13% 40%,14% 10%,15% 65%,16% 20%,17% 50%,18% 10%,19% 60%,20% 20%,22% 60%,24% 10%,26% 50%,28% 20%,30% 50%,32% 10%,34% 50%,36% 20%,38% 60%,40% 10%,42% 50%,44% 20%,46% 60%,48% 10%,50% 50%,52% 20%,54% 60%,56% 10%,58% 50%,60% 20%,62% 60%,64% 10%,66% 50%,68% 20%,70% 60%,72% 10%,74% 50%,76% 20%,78% 60%,80% 10%,82% 50%,84% 20%,86% 60%,88% 10%,90% 50%,92% 20%,94% 60%,96% 10%,98% 50%,100% 20%,100% 100%,0 100%)}.torn::before{top:-6px}.torn::after{bottom:-6px;transform:rotate(180deg)}.story{background:var(--dark);color:var(--paper);padding:60px 0;text-align:center;isolation:isolate}.story h2{writing-mode:vertical-rl;font-size:28px;line-height:2.5;letter-spacing:.08em;margin:0 auto 20px;position:relative;z-index:3}.little{display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--green);width:60px;height:60px;writing-mode:vertical-rl;font-size:12px;border-radius:48% 52% 38% 40%;transform:rotate(-10deg);margin-bottom:8px}.story .circle{position:relative;z-index:3}.story-photos{position:absolute;inset:0;overflow:hidden;z-index:0}.story-photo{position:absolute;width:28vw;height:28vw;max-width:300px;max-height:300px;clip-path:path('M 0 0');clip-path:polygon(24% 5%,60% 0,89% 16%,100% 63%,87% 93%,49% 100%,13% 90%,0 59%,8% 25%);opacity:.85}.story-photo:nth-child(1){right:calc(50% + 36vw);top:30%;transform:rotate(6deg)}.story-photo:nth-child(2){right:calc(50% + 10vw);top:7%;transform:rotate(-8deg)}.story-photo:nth-child(3){left:calc(50% + 9vw);top:29%;transform:rotate(6deg)}.story-photo:nth-child(4){left:calc(50% + 36vw);top:13%;transform:rotate(-5deg)}.story-note{position:absolute;left:6%;bottom:12%;font-size:16px;opacity:.8}.craft{background:var(--paper) url('assets/pattern.svg') repeat;background-size:220px;padding:1px 0 100px;overflow:hidden}.craft-inner{width:90%;max-width:1100px;margin:100px auto 70px}.craft-row{display:flex;margin-top:80px}.craft-copy{width:45%;padding-right:5%}.eyebrow{font-size:16px}.eyebrow b{display:inline-block;width:25px;height:25px;line-height:25px;border-radius:50% 50% 30% 30%;background:var(--green);color:white;text-align:center}.craft h2{font-size:30px;line-height:1.5;letter-spacing:-.04em;margin:0 0 8px;font-weight:900}.craft p{font-size:14px;line-height:2.2;margin:0}.photo-pair{display:flex;width:55%;gap:4px}.photo-pair .photo{width:calc(50% - 2px);aspect-ratio:1}.craft-row:nth-child(2) .craft-copy{order:2;padding:0 0 0 5%}footer{background:var(--dark);color:var(--paper);padding-top:50px}.footer-inner{display:flex;max-width:1100px;margin:auto;position:relative}.footer-nav{width:25%;text-align:right}.footer-nav a,.footer-nav button{display:block;width:100%;padding:7px 0;font-size:14px;transition:transform .2s;transform-origin:right}.footer-nav a:hover,.footer-nav button:hover{transform:scale(1.12);color:#e8bd7c}.footer-nav button{text-align:right}.footer-brand{width:50%;text-align:center;padding-bottom:45px}.footer-brand img{width:260px;height:auto}.footer-brand small{display:block;font-size:10px;font-weight:400}.footer-message{font-size:16px;margin:24px 0 18px;letter-spacing:.2em}.footer-message svg{display:block;width:70px;height:70px;margin:16px auto}.footer-brand .sample-note{opacity:.55}.shops{width:25%;padding-top:5px;font-size:14px}.shops button{text-decoration:underline;padding:0;font-weight:800;transition:color .2s}.shops button:hover{color:#e8bd7c}.shops p{margin:0 0 30px;font-weight:400}.shops small{font-size:11px;opacity:.65}.shops .hand-note{font-size:16px;display:inline-block;margin-top:20px}.to-top{position:fixed;bottom:20px;right:20px;width:70px;text-align:center;z-index:8;transition:opacity .3s,transform .3s;opacity:0;pointer-events:none}.to-top.show{opacity:1;pointer-events:auto}.to-top svg{width:45px;height:45px;background:var(--paper);border-radius:50%;padding:4px}.to-top span{display:block;font-size:9px;background:var(--paper);border-radius:6px}.to-top:hover{transform:translateY(-6px)}dialog{border:0;border-radius:100px 100px 12px 12px;background:var(--paper);color:var(--ink);width:min(660px,90vw);padding:65px 45px 40px;max-height:85dvh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#10271fbd;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:20px;right:30px;font-size:30px;line-height:1}.dialog-content h2{font-family:"Yu Mincho",serif;font-size:28px;margin:0 0 20px}.dialog-content p{font-size:15px;line-height:2}.dialog-content .photo{width:100%;aspect-ratio:1.6;border-radius:12px;margin-bottom:24px}.dialog-content .price{color:var(--gold);font-size:24px}.dialog-content small{font-size:11px;color:#657164}.dialog-menu-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #284c3c20}.dialog-content .notice{padding:14px 0;border-bottom:1px solid #284c3c25}.dialog-content time{display:block;font-size:11px;color:var(--gold)}.reveal{animation:appear .9s both}.bread-card.reveal{animation:breadIn .9s both}@keyframes appear{from{opacity:0}to{opacity:.85}}@keyframes breadIn{0%{opacity:0;transform:scale(.8)}65%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@media(min-width:1280px){:root{--slide:40vw}.brand{width:360px;margin-top:-270px}.story{padding:130px 0}.story h2{font-size:32px}.story-photo{max-width:400px;max-height:400px}.craft h2{font-size:36px}.craft p{font-size:16px}.bread-name{font-size:24px}}
@media(min-width:1440px){:root{--slide:32vw}}
@media(min-width:960px) and (max-width:1279px){:root{--slide:44vw}}
@media(max-width:959px){:root{--slide:60vw}.subnav{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;right:12px;top:12px;border-radius:50%;width:50px;height:50px;background:var(--dark);color:var(--paper);z-index:31;line-height:1.1;padding:0;transition:transform .2s}.menu-toggle:hover{transform:scale(1.15)}.menu-lines{font-size:22px}.menu-toggle small{font-size:10px}.mobile-menu{display:block;position:fixed;inset:0;background:var(--dark);color:var(--paper);z-index:30;overflow:auto;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu nav{padding:85px 20px 35px;text-align:center}.mobile-menu nav>a,.mobile-menu nav>button{display:block;margin:0 auto;padding:9px;font-weight:800;font-size:16px}.menu-sign{text-align:center;font-family:"Segoe Print",cursive;font-size:22px;padding-bottom:30px}.menu-sign svg{display:block;width:80px;height:80px;margin:20px auto}.bread-grid{max-width:700px;grid-template-columns:repeat(2,1fr);margin-bottom:0}.bread-card{padding:0 30px 40px}.bread-card:nth-child(3n+2){top:0}.bread-card:nth-child(3)::after,.bread-card:nth-child(4)::before{display:none}.bread-card:first-child::after{content:"BAKED\A WITH LOVE!";white-space:pre;position:absolute;right:0;top:-13%;font-family:"Segoe Print",cursive;font-size:16px;line-height:1.3;transform:rotate(-25deg);color:var(--gold)}.bread-name{font-size:18px}.story{padding:40px 0}.story h2{font-size:24px}.story-photo{width:25vw;height:25vw;max-width:200px;max-height:200px}.story-photo:nth-child(1){right:calc(50% + 34vw)}.story-photo:nth-child(2){right:calc(50% + 13vw)}.story-photo:nth-child(3){left:calc(50% + 11vw)}.story-photo:nth-child(4){left:calc(50% + 34vw)}.story-note{font-size:12px;left:2%}.craft-inner{max-width:700px;margin:40px auto}.craft-row{display:block;margin-top:50px}.craft-copy{width:100%;padding:0!important}.craft h2{font-size:30px}.craft p{margin-bottom:12px}.photo-pair{width:100%}.footer-inner{flex-wrap:wrap;max-width:700px}.shops{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 7%;margin-bottom:35px}.shops button{text-align:left}.shops p{margin-bottom:15px}.shops .hand-note{display:none}.footer-nav{width:40%;padding-left:20px;order:2;text-align:left}.footer-nav button{text-align:left}.footer-brand{width:60%;order:3}.footer-brand img{width:200px}.footer-nav a,.footer-nav button{font-size:13px}}
@media(max-width:599px){:root{--slide:80vw}.brand{width:60vw;min-width:0;margin-top:-45vw;margin-bottom:20px}.main-nav{padding:40px 5px;row-gap:20px}.main-nav>a,.main-nav>button{width:33.3333%;max-width:150px;font-size:13px;margin-bottom:0}.main-nav>a:nth-child(4),.main-nav>button:nth-child(5){width:36%}.main-nav svg{width:58px;height:58px;margin-bottom:4px}.bread-grid{width:calc(100% - 10px);padding-top:40px}.bread-card{padding:0 5px 50px}.bread-mini{width:65%}.bread-name{font-size:15px;letter-spacing:0}.bread-card:first-child::after{right:-10%;top:-16%;font-size:14px}.breads{padding-bottom:50px}.circle{width:108px;height:108px;font-size:15px}.story{padding:100px 0 40px}.story h2{font-size:24px;margin-bottom:40px;line-height:2.5}.story-photo{width:45vw;height:45vw}.story-photo:nth-child(1){top:42%;right:calc(50% + 22vw)}.story-photo:nth-child(2){top:3%;right:calc(50% + 18vw)}.story-photo:nth-child(3){top:22%;left:calc(50% + 18vw)}.story-photo:nth-child(4){top:63%;left:calc(50% + 21vw)}.story-note{font-size:10px;left:-12px;bottom:8%;transform:rotate(-65deg)}.craft-inner{width:94%;margin:40px auto}.craft h2{font-size:27px}.craft p{font-size:13px;line-height:2.1}.craft{padding-bottom:100px}.eyebrow{font-size:14px}.to-top{right:12px;bottom:12px;width:58px}.to-top svg{width:36px;height:36px}.shops{display:block;padding:0 7%;width:100%;margin-bottom:30px}.shops p{margin:0 0 25px}.footer-inner{display:block}.footer-nav{width:100%;padding:0;text-align:center;margin:0 0 35px}.footer-nav button{text-align:center}.footer-brand{width:100%}.footer-brand img{width:220px}.footer-message{margin-top:20px}.dialog-content h2{font-size:24px}dialog{padding:65px 24px 30px}.dialog-content p{font-size:14px}.slide-toggle{bottom:auto;top:13px;left:12px;right:auto;width:26px;height:26px;line-height:26px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Adjusted after comparison at desktop and phone widths. */
.main-nav{padding-bottom:0}
.bread-mini{background-image:url('assets/bread-cutouts.png');background-size:300% 200%;background-color:transparent;border-radius:0;mix-blend-mode:normal;aspect-ratio:1.15}
.bread-mini.tile-4{background-position:0 0}.bread-mini.tile-5{background-position:50% 0}.bread-mini.tile-6{background-position:100% 0}.bread-mini.tile-7{background-position:0 100%}.bread-mini.tile-8{background-position:50% 100%}.bread-mini.tile-9{background-position:100% 100%}
@media(max-width:599px){.main-nav{padding-bottom:40px}}
@media(min-width:1280px){.story{padding:120px 0}}
.bearsnet-back{display:inline-block;margin-top:24px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.bearsnet-back:hover{color:#e8bd7c}