/* Painted edges shared by the two colourways. */
:root{--brush-mask:url('../assets/brush-edge.svg')}
.header{position:relative;border-bottom:0;isolation:isolate;z-index:2}
.header:after{content:'';position:absolute;left:-5.56%;width:111.12%;height:27px;bottom:-23px;background:var(--paper);mask:var(--brush-mask) center/100% 100% no-repeat;-webkit-mask:var(--brush-mask) center/100% 100% no-repeat;pointer-events:none;z-index:-1}
.story-band,.story-statement,.wholesale,.catering-banner,footer,.visit-film{position:relative;border:0}
.story-band:before,.story-band:after,.story-statement:before,.story-statement:after,.wholesale:before,.wholesale:after,.catering-banner:before,footer:before,.visit-film:before{content:'';position:absolute;left:0;right:0;height:26px;pointer-events:none;background:inherit;mask:var(--brush-mask) center/100% 100% no-repeat;-webkit-mask:var(--brush-mask) center/100% 100% no-repeat;z-index:1}
.story-band:before,.story-statement:before,.wholesale:before,.catering-banner:before,footer:before{top:-24px;transform:rotate(180deg)}
.story-band:after,.story-statement:after,.wholesale:after{bottom:-24px}
.wholesale:before,.wholesale:after{background:var(--brown)}
.story-opening figure img{object-position:50% 50%;height:auto;max-height:690px;aspect-ratio:4/5;object-fit:cover}
.moving-ribbon{position:relative;display:block;padding:24px 0;overflow:hidden}
.ribbon-window{overflow:hidden;width:100%}
.ribbon-track{display:flex;width:max-content;animation:bakery-right 65s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;gap:32px;flex:none;padding-right:32px;white-space:nowrap}
.moving-ribbon .ribbon-group span{display:inline;font-size:25px}.moving-ribbon .ribbon-group .ribbon-star{font-size:20px}
@keyframes bakery-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.moving-ribbon.is-paused .ribbon-track,.moving-ribbon:hover .ribbon-track,.moving-ribbon:focus-within .ribbon-track{animation-play-state:paused}
.motion-control{min-height:44px;padding:9px 15px;border:1px solid currentColor;border-radius:0;cursor:pointer;font:500 13px var(--sans);color:var(--brown);background:var(--cream)}
.ribbon-control{position:absolute;right:10px;top:50%;transform:translateY(-50%);box-shadow:0 0 18px 12px var(--cream)}
.visit-film{isolation:isolate;overflow:hidden;min-height:550px;display:grid;align-content:center;padding:100px 6%;color:#fffdf8;background:var(--brown)}
.bakery-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.visit-film:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,17,13,.73),rgba(22,17,13,.42),rgba(22,17,13,.65))}
.visit-film:before{top:0;background:var(--paper)}
.visit-film .eyebrow,.visit-film p:not(.eyebrow){color:#fffdf8}.visit-film h2{max-width:800px;margin-left:auto;margin-right:auto;text-wrap:balance;text-shadow:0 2px 24px #0008}
.visit-film .button{background:var(--cream);color:var(--brown);border-color:var(--cream)}
.film-control{position:absolute;bottom:24px;right:5%;background:#241b1599;color:#fffdf8}
.colour-review{display:flex;justify-content:space-between;gap:20px;padding:18px 5%;font-size:13px;background:var(--brown);color:var(--cream)}.colour-review a{text-decoration:underline;text-underline-offset:4px}
.brand-palette{--paper:#fce3b9;--cream:#fce3b9;--brown:#463e35;--ink:#463e35;--muted:#463e35;--line:#463e3545;--white:#fce3b9;background-color:var(--paper)}
.brand-palette h1 em,.brand-palette h2 em{color:inherit}
.brand-palette .story-band,.brand-palette .story-statement,.brand-palette footer,.brand-palette .visit-card{background:#fce3b9}
.brand-palette .story-band,.brand-palette .story-statement{background:#463e35;color:#fce3b9}
.brand-palette .story-band p:not(.eyebrow),.brand-palette .story-statement>p:not(.eyebrow),.brand-palette .wholesale-copy>p:not(.eyebrow){color:#fce3b9}
.brand-palette .story-mark{background:#fce3b9;padding:25px}
.brand-palette .header,.brand-palette .section,.brand-palette .page-intro,.brand-palette footer{background-image:url('/brand-assets/grunge.png');background-size:1100px auto;background-blend-mode:multiply}
.brand-palette .button:hover{background:#463e35;color:#fce3b9;opacity:.9}
.brand-palette .category-nav a:hover,.brand-palette .category-nav a[aria-current],.brand-palette .values span{color:var(--brown)}
@media(max-width:600px){.header:after{left:-6.82%;width:113.64%;height:20px;bottom:-18px}.moving-ribbon{padding:20px 0}.moving-ribbon .ribbon-group span{font-size:22px}.ribbon-group{gap:24px;padding-right:24px}.visit-film{min-height:500px;padding:80px 6%}.visit-film h2{font-size:44px}.bakery-film{object-position:52% center}.colour-review{font-size:12px;flex-wrap:wrap}.story-opening figure img{height:auto;aspect-ratio:4/5;max-height:520px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;transform:none}.ribbon-window{overflow-x:auto}.ribbon-group[aria-hidden]{display:none}.ribbon-control{display:none}.moving-ribbon{padding-right:0}}
.header{margin:0;padding-left:5%;padding-right:5%;background:var(--cream)}
.header:after{left:0;width:100%;background:var(--cream)}
.brand-palette .header{background-color:#463e35;background-image:none;color:#fce3b9}
.brand-palette .header:after{background:#463e35}
.brand-palette .header .brand{background:#fce3b9;padding:10px}
.brand-palette .header>.button,.brand-palette .menu-toggle{background:#fce3b9;color:#463e35}
.brand-palette .header nav a:hover,.brand-palette .header nav a[aria-current]{border-color:#fce3b9}
@media(max-width:600px){.header{padding-left:6%;padding-right:6%}.header:after{left:0;width:100%}.brand-palette .category-nav a[aria-current]{color:#fce3b9}}

.visit-photo{position:relative;min-height:560px;overflow:hidden}.visit-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}@media(max-width:600px){.visit-photo{min-height:430px}.visit-photo>img{height:100%;object-position:50% 43%}}
