:root{--paper:#fcf9f2;--brush-mask:url('../assets/brush-edge-soft.svg')}
.warm-beige{--paper:#fef2df}
.header:after{height:18px;bottom:-16px}
.story-band:before,.story-band:after,.story-statement:before,.story-statement:after,.wholesale:before,.wholesale:after,.catering-banner:before,footer:before,.visit-film:before{height:18px}
.story-band:before,.story-statement:before,.wholesale:before,.catering-banner:before,footer:before{top:-16px}
.story-band:after,.story-statement:after,.wholesale:after{bottom:-16px}
.hero-slide-frame{height:610px;position:relative;overflow:hidden;border-radius:48% 48% 0 0;isolation:isolate}
.hero-photo .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:0;transition:opacity .7s ease;transform:scale(1.035)}
.hero-photo .hero-slide.is-active{opacity:1;z-index:1;animation:photo-drift 4s ease-out both}
.hero-slide-controls{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#32291fd9;color:#fffdf8;padding:3px 6px;z-index:3;white-space:nowrap}
.hero-slide-controls button{font:500 13px var(--sans);color:inherit;background:none;border:0;min-width:44px;min-height:44px;cursor:pointer}.hero-slide-controls span{font:12px var(--sans);padding:0 6px}
.hero-photo figcaption,.round-stamp{z-index:4}
.launch-heading span{display:block;animation:line-arrive .9s cubic-bezier(.2,.65,.25,1) both}
.launch-heading>span:nth-child(2){animation-delay:.12s}.launch-heading em span:first-child{animation-delay:.24s}.launch-heading em span:last-child{animation-delay:.36s}
.hero-slide-frame{animation:photo-arrive 1.3s cubic-bezier(.2,.65,.25,1) both}
.hero .round-stamp{animation:stamp-arrive 1.25s .35s cubic-bezier(.2,.65,.25,1) both}
.hero-copy>.eyebrow{animation:line-arrive .7s both}.hero-copy>.actions{animation:line-arrive .85s .45s both}
@keyframes line-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-arrive{from{clip-path:inset(12% 0 0 0);opacity:.25;transform:translateY(18px)}to{clip-path:inset(0);opacity:1;transform:none}}
@keyframes stamp-arrive{from{opacity:0;transform:rotate(-18deg) scale(.85)}to{opacity:1;transform:rotate(12deg) scale(1)}}
@keyframes photo-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
.catalog-heading>img{display:block!important}
@media(min-width:1500px){.hero-slide-frame{height:680px}}
@media(max-width:1100px){.catalog-heading>img{max-width:540px;max-height:330px;object-fit:cover}}
@media(max-width:850px){.hero-slide-frame{height:540px}}
@media(max-width:600px){.hero-slide-frame{height:440px}.hero-photo figcaption{font-size:10px;padding:10px 12px}.hero-slide-controls{bottom:76px}.catalog-heading>img{max-height:260px;margin:20px 0 24px}}
@media(prefers-reduced-motion:reduce){.launch-heading span,.hero-slide-frame,.hero .round-stamp,.hero-copy>.eyebrow,.hero-copy>.actions,.hero-photo .hero-slide.is-active{animation:none!important}.hero-photo .hero-slide{transition:none;transform:none}}
/* September refinements: brand beige and a welcoming shop-door opening. */
:root{--cream:#fce3b9}
.story-band,footer{background-color:#fce3b9}
.story-counter{position:relative;isolation:isolate;background:#463e35 url('../assets/traditional.png') center 52%/cover no-repeat;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffdf8;padding:80px 6%}
.story-counter:before{content:'';position:absolute;inset:0;background:rgba(30,23,17,.66);z-index:-1}
.story-counter h2{max-width:780px;text-wrap:balance;text-shadow:0 2px 20px #0008}
.story-counter p:not(.eyebrow){color:#fffdf8}.story-counter .button{background:#fce3b9;color:#463e35;border-color:#fce3b9}
.hero-photo .hero-slide{transition:opacity .45s ease}.hero-photo .hero-slide.is-active{animation-duration:2.2s}
.topbar-phone{white-space:nowrap;letter-spacing:1px;text-decoration:underline;text-underline-offset:3px}
.bakery-opening{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;perspective:1300px;animation:opening-away 2.15s forwards}
.opening-door{position:absolute;top:0;bottom:0;width:50.1%;background:#fce3b9 url('/brand-assets/grunge.png') center/900px auto;background-blend-mode:multiply;border:1px solid #463e35;box-shadow:0 0 30px #0003;will-change:transform}
.opening-door:before{content:'';position:absolute;inset:5% 7%;border:2px solid #463e35;box-shadow:inset 0 0 0 7px #fce3b9,inset 0 0 0 8px #463e3570;border-radius:42% 42% 0 0}
.opening-door:after{content:'';position:absolute;top:58%;height:70px;width:9px;border-radius:8px;background:#463e35;box-shadow:3px 3px 5px #463e3540}
.door-left{left:0;transform-origin:left center;animation:door-left-open 1.45s .3s cubic-bezier(.65,0,.2,1) forwards}.door-left:after{right:7%}
.door-right{right:0;transform-origin:right center;animation:door-right-open 1.45s .3s cubic-bezier(.65,0,.2,1) forwards}.door-right:after{left:7%}
.opening-sign{position:absolute;top:43%;left:50%;width:min(340px,65vw);transform:translate(-50%,-50%);background:#fce3b9;border:1px solid #463e35;outline:7px solid #fce3b9;padding:28px;text-align:center;animation:sign-away .45s .3s both}
.opening-sign img{width:100%;mix-blend-mode:multiply}.opening-sign span{display:block;font:12px var(--sans);letter-spacing:4px;margin-top:20px;color:#463e35}
@keyframes door-left-open{to{transform:translateX(-100%) rotateY(-20deg)}}
@keyframes door-right-open{to{transform:translateX(100%) rotateY(20deg)}}
@keyframes sign-away{to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}
@keyframes opening-away{0%,85%{visibility:visible}100%{visibility:hidden}}
.launch-heading span,.hero-slide-frame,.hero-copy>.eyebrow{animation-delay:.9s}.launch-heading>span:nth-child(2){animation-delay:1.02s}.launch-heading em span:first-child{animation-delay:1.14s}.launch-heading em span:last-child{animation-delay:1.26s}.hero-copy>.actions{animation-delay:1.25s}.hero .round-stamp{animation-delay:1.3s}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:4px 16px}.topbar-phone{font-size:12px}.story-counter{min-height:430px;padding:65px 7%}.opening-door:after{height:52px;width:7px}}
@media(prefers-reduced-motion:reduce){.bakery-opening{display:none}.hero-photo .hero-slide{transition:none}}