/* Look CK "Bakkerij": a bakery with several shops. The bread wall fills the first screen; the header carries the
   shops as numbered chips, and the first band is the shop finder (hours and today's specials per shop). The breads
   stand in wooden cubbies with paper price tags. Cardo (a Renaissance old-style serif with a true italic) for headlines,
   shop names and tag names, Figtree for text, hours and prices. */
@font-face{font-family:"Cardo CK";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cardo-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cardo CK";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cardo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cardo CK";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cardo-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cardo CK";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cardo-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree CK";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree CK";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/figtree-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* tokens (light palette loaf; design.ts lists every palette and checks each text pair) and type:
   --fd = Cardo, --ft = Figtree (Cardo in `book`), --flour/--shade = the words on photos and the warm shade under them */
:root{--bg:#f7f2ea;--tint:#ece2d3;--ink:#231a13;--mute:#5b4a3c;--line:#d8cab7;--acc:#8c3b1e;--onacc:#fff8ef;--wood:#7d5c3f;
  --field:#2a1f17;--onfield:#f6efe4;--mutef:#cdbca8;
  --flour:#fbf6ee;--shade:24,16,10;
  --w:1280px;--pad:clamp(20px,4vw,56px);--gap:clamp(80px,9vw,136px);--r:calc(3px*var(--tune-radius,1));
  --fd:"Cardo CK",Georgia,serif;--ft:"Figtree CK",system-ui,sans-serif;--fts:calc(17px*var(--tune-size,1));
  --m-accent:var(--acc);--m-header-bg:var(--bg);
  --g-max:calc(var(--w) + 2 * var(--pad));--g-pad:var(--pad);--g-bg:var(--bg);--g-paper:var(--bg);--g-surface:var(--tint);--g-ink:var(--ink);--g-muted:var(--mute);
  --g-line:var(--line);--g-accent:var(--acc);--g-on-accent:var(--onacc);--g-radius:var(--r);--g-fd:var(--fd);--g-ft:var(--ft);--g-top:24px}
.f-book{--ft:"Cardo CK",Georgia,serif;--fts:calc(19px*var(--tune-size,1))}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-wrap:anywhere;margin:0;background:var(--bg);color:var(--ink);font:400 var(--fts)/1.6 var(--ft);-webkit-font-smoothing:antialiased;overflow-x:clip;text-rendering:optimizeLegibility;font-synthesis:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
h1,h2,h3{overflow-wrap:break-word;margin:0;font-family:var(--fd);font-weight:400;letter-spacing:-.012em;line-height:1.02;text-wrap:balance}
h2{font-size:calc(clamp(40px,4.8vw,68px)*var(--tune-size,1))}
h3{font-size:calc(clamp(24px,2.1vw,30px)*var(--tune-size,1));line-height:1.1}
em{font-style:italic}
p,figure,blockquote,dl,dd{margin:0}
p{text-wrap:pretty}
ul,ol{list-style:none;margin:0;padding:0}
.ck-w{max-width:var(--w);margin-inline:auto;padding-inline:var(--pad);box-sizing:content-box}
.ck-shops>*,.ck-shop>*,.ck-shop-t>*,.ck-cubby>*,.ck-bread-list>*,.ck-plist a>*,.ck-rv-l>*,.ck-bake>*,.ck-grp>*,.ck-items>*,.ck-item-h>*,.ck-ppl>*,.ck-ppl li>*,.ck-ct-g>*,.ck-ct-m>*,.ck-foot-in>*,.ck-faq-open dl>*,.ck-end>.ck-w>*,.ck-find-h>*,.ck-bread-h>*{min-width:0}
.ck-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ck-nw{white-space:nowrap}
.ck-k{font:600 calc(15px*var(--tune-size,1))/1.4 var(--ft);color:var(--mute);margin-bottom:10px;letter-spacing:.02em}
.f-book .ck-k{font:italic 400 calc(17px*var(--tune-size,1))/1.4 var(--fd);letter-spacing:0}
.ck-skip{position:absolute;left:12px;top:-60px;background:var(--acc);color:var(--onacc);padding:10px 16px;z-index:40;border-radius:calc(3px*var(--tune-radius,1))}
.ck-skip:focus{top:12px}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ck-btn,.ck-pill{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:calc(3px*var(--tune-radius,1));font:600 16px/1 var(--ft);text-decoration:none;white-space:nowrap;letter-spacing:.01em}
.f-book .ck-btn,.f-book .ck-pill{font:400 calc(18px*var(--tune-size,1))/1 var(--ft)}
.ck-btn{background:var(--acc);color:var(--onacc)}
.ck-h-aisle .ck-pill{min-height:48px}
.ck-pill{color:rgb(var(--shade));border:1.5px solid var(--flour);background:var(--flour)}
@media (hover:hover){.ck-btn:hover{background:color-mix(in oklab,var(--acc) 86%,var(--ink))}.ck-pill:hover{background:var(--acc);border-color:var(--acc);color:var(--onacc);text-shadow:none}}

/* ---------- header: on the photo in flour white; the shops as chips ---------- */
.ck-top{position:absolute;inset:0 0 auto;z-index:20;color:var(--flour)}
.ck-plain .ck-top{position:relative;color:var(--ink)}
.ck-top-in{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);height:clamp(64px,6vw,78px);padding-inline:var(--pad);max-width:calc(var(--w) + 2 * var(--pad));margin-inline:auto}
.ck-name{font:400 clamp(25px,2.2vw,31px)/1 var(--fd);text-decoration:none;letter-spacing:-.01em;white-space:nowrap;margin-right:auto;min-width:0}
.ck-chips{display:none}
.ck-chips ol{display:flex;gap:8px}
.ck-chips a,.ck-chip-all{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid color-mix(in oklab,currentColor 46%,transparent);
  font:500 15px/1 var(--ft);text-decoration:none;white-space:nowrap}
.ck-plain .ck-chip-all{padding:0 15px}
@media (hover:hover){.ck-chips a:hover,.ck-chip-all:hover{border-color:currentColor}}
.ck-menu-b{position:relative}
.ck-menu-b summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500}
.ck-menu-b summary::-webkit-details-marker{display:none}
.ck-menu-b summary::after{content:"";width:18px;height:7px;border-block:1.5px solid currentColor}
.ck-menu-b[open] summary::after{height:0;border-bottom:0;transform:translateY(.5px)}
.ck-drop{position:absolute;right:0;top:calc(100% + 10px);min-width:260px;background:var(--bg);color:var(--ink);border-radius:var(--r);padding:22px 24px;
  box-shadow:0 1px 2px rgba(var(--shade),.08),0 6px 14px rgba(var(--shade),.08),0 22px 48px rgba(var(--shade),.16)}
.ck-drop ul{display:grid;gap:2px}
.ck-drop li a{display:block;padding:7px 0;font:400 calc(25px*var(--tune-size,1))/1.15 var(--fd);text-decoration:none}
.ck-drop li a[aria-current]{text-decoration:underline;text-decoration-thickness:1px}
.ck-drop-t{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.ck-drop-t a{text-decoration:none;font-variant-numeric:tabular-nums}
.ck-drop .langs{margin-top:12px;font-size:calc(15px*var(--tune-size,1))}
@media (min-width:1000px){.ck-chips{display:block}.ck-chip-all{display:none}}
@media (max-width:540px){.ck-menu-b summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ck-menu-b summary{min-width:44px;justify-content:center}}
@media (max-width:420px){.ck-name{font-size:calc(22px*var(--tune-size,1));white-space:normal;line-height:1.02;text-wrap:balance}.ck-top-in{gap:10px}.ck-chip-all{padding:0 12px;font-size:calc(14px*var(--tune-size,1))}}

/* ---------- photo heads: the hero and the inner pages ---------- */
.ck-hero,.ck-page{position:relative;isolation:isolate;overflow:hidden;color:var(--flour);background:#3a2a1e;display:flex;flex-direction:column;justify-content:flex-end}
.ck-hero{min-height:max(580px,100svh)}
.ck-page{min-height:clamp(420px,58svh,600px)}
.ck-ph{position:absolute;inset:0;z-index:-2}
.ck-ph img{width:100%;height:100%;object-fit:cover}
.ck-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to top,rgba(var(--shade),.8) 0%,rgba(var(--shade),.56) 36%,rgba(var(--shade),.22) 70%,rgba(var(--shade),0) 90%),
  linear-gradient(to bottom,rgba(var(--shade),.5) 0,rgba(var(--shade),0) 150px)}
.ck-hero-t,.ck-page-t{text-shadow:0 1px 14px rgba(var(--shade),.35);width:calc(100% - 2 * var(--pad));padding-bottom:calc(clamp(40px,7vh,88px)*var(--tune-space,1))}
.ck-page-t{padding-bottom:calc(clamp(36px,5vw,64px)*var(--tune-space,1))}
.ck-kicker{font:500 calc(17px*var(--tune-size,1))/1.4 var(--ft);letter-spacing:.02em;margin-bottom:clamp(14px,1.6vw,22px);opacity:.95}
.ck-h1{font-size:calc(clamp(50px,8.6vw,132px)*var(--tune-size,1));line-height:1.05;letter-spacing:-.02em;max-width:16ch;text-wrap:balance}
.ck-h1 em{font-style:inherit}
.ck-l{display:inline-block}
.ck-h1-s{font-size:calc(clamp(48px,6.4vw,96px)*var(--tune-size,1));max-width:16ch}
.ck-lede{font-size:calc(clamp(18px,1.45vw,21px)*var(--tune-size,1));line-height:1.5;max-width:38ch;margin-top:clamp(16px,1.8vw,26px)}
.ck-hero-a{margin-top:clamp(24px,2.6vw,36px)}
/* wall: the bread wall over the top of the screen, untouched, and the words below it on the flour-white counter */
.ck-h-wall{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(300px,1fr) auto;justify-content:stretch;background:var(--bg);color:var(--ink)}
.ck-h-wall .ck-ph{position:relative;inset:auto;grid-row:1;overflow:hidden;translate:none!important}
.ck-h-wall .ck-ph img{position:absolute;inset:0;object-position:50% 24%}
.ck-h-wall .ck-shade{inset:0 0 auto;height:170px;background:linear-gradient(to bottom,rgba(var(--shade),.55),rgba(var(--shade),0))}
.ck-h-wall .ck-hero-t{grid-row:2;text-shadow:none;padding-top:calc(clamp(26px,3.4vw,48px)*var(--tune-space,1));padding-bottom:calc(clamp(30px,4.6vh,56px)*var(--tune-space,1))}
.ck-h-wall .ck-kicker{color:var(--acc);font-weight:600;opacity:1}
.ck-h-wall .ck-lede{color:var(--mute)}
.ck-h-wall .ck-pill{color:var(--onacc);background:var(--acc);border-color:var(--acc)}
@media (hover:hover){.ck-h-wall .ck-pill:hover{background:color-mix(in oklab,var(--acc) 86%,var(--ink));color:var(--onacc)}}
@media (min-width:900px){
  .ck-h-wall .ck-hero-t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32ch);column-gap:clamp(40px,5vw,96px);align-items:end}
  .ck-h-wall .ck-kicker{grid-column:1/-1}
  .ck-h-wall .ck-h1{grid-column:1;grid-row:2}
  .ck-h-wall .ck-lede{grid-column:2;grid-row:2;margin:0 0 .35em;align-self:end}
  .ck-h-wall .ck-hero-a{grid-column:2;grid-row:3;margin:clamp(18px,2vw,26px) 0 0}
}
/* aisle: the headline high on a top shade, the lede and the action at the foot */
.ck-h-aisle{justify-content:space-between}
.ck-h-aisle .ck-shade{background:
  linear-gradient(to bottom,rgba(var(--shade),.74) 0%,rgba(var(--shade),.42) 40%,rgba(var(--shade),0) 62%),
  linear-gradient(to top,rgba(var(--shade),.86) 0,rgba(var(--shade),.7) 24%,rgba(var(--shade),0) 56%)}
.ck-h-aisle .ck-hero-t{box-sizing:border-box;display:grid;grid-template-rows:auto auto 1fr auto auto;min-height:max(580px,100svh);padding-top:calc(clamp(100px,14vh,150px)*var(--tune-space,1))}
.ck-h-aisle .ck-lede{grid-row:4;text-shadow:0 1px 14px rgba(var(--shade),.7)}
.ck-h-aisle .ck-hero-a{grid-row:5}
.ck-h-aisle .ck-hero-t>.proof{grid-row:6;grid-column:1/-1}
.ck-h-wall .ck-hero-t>.proof{grid-column:2;grid-row:4}
@media (min-width:900px){
  .ck-h-aisle .ck-hero-t{grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto auto;column-gap:48px}
  .ck-h-aisle .ck-kicker,.ck-h-aisle .ck-h1{grid-column:1/-1}
  .ck-h-aisle .ck-lede{grid-row:4;grid-column:1;margin:0}
  .ck-h-aisle .ck-hero-a{grid-row:5;grid-column:1;margin:clamp(20px,2vw,28px) 0 0;align-self:start}
}

/* ---------- the shop finder: the look's signature ---------- */
.ck-find{background:var(--tint);padding-block:var(--gap);scroll-margin-top:0}
.ck-find-h{display:grid;gap:10px 40px;align-items:end;margin-bottom:calc(clamp(36px,4vw,56px)*var(--tune-space,1))}
.ck-find-day{font:600 calc(16px*var(--tune-size,1))/1.3 var(--ft);color:var(--acc);display:flex;align-items:center;gap:10px}
.ck-find-day::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.ck-find-x{color:var(--mute);max-width:52ch}
@media (min-width:900px){.ck-find-h{grid-template-columns:1fr auto}.ck-find-h h2{grid-row:1/3}.ck-find-day{justify-self:end}.ck-find-x{grid-column:2;text-align:right;justify-self:end;max-width:40ch}}
.ck-shops{display:grid;gap:0}
.ck-shop{scroll-margin-top:24px;padding-block:28px;border-top:1px solid var(--line)}
.ck-shop:first-child{border-top:0;padding-top:0}
.ck-shop-ph{aspect-ratio:2/1;overflow:hidden;border-radius:var(--r);background:var(--line)}
.ck-shop-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:760px){.ck-shop-ph{aspect-ratio:3/2}}
.ck-shop-t{padding-top:22px}
.ck-shop h3{font-size:calc(clamp(32px,2.8vw,40px)*var(--tune-size,1));hyphens:auto}
.ck-shop-a{margin-top:6px}
.ck-shop-x{color:var(--mute);font-size:calc(16px*var(--tune-size,1));margin-top:4px}
.ck-now{display:none;font:600 calc(16px*var(--tune-size,1))/1.3 var(--ft);margin-top:14px;align-items:center;gap:9px}
.ck-js .ck-now{display:flex}
.ck-now::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor}
.ck-now.ck-open{color:var(--acc)}
.ck-now.ck-open::before{background:currentColor}
.ck-hrs{display:grid;gap:4px;margin-top:16px;font-variant-numeric:tabular-nums}
.ck-hrs div{display:flex;justify-content:space-between;gap:16px;padding-bottom:4px;border-bottom:1px dotted var(--line)}
.ck-hrs dd{white-space:nowrap}
.ck-shut{color:var(--mute)}
.ck-sp{margin-top:22px}
.ck-sp .ck-k{margin-bottom:6px}
.ck-sp-t{display:none}
.ck-js .ck-sp-w{display:none}.ck-js .ck-sp-t{display:inline}
.ck-js .ck-wk .ck-sp-w{display:inline}.ck-js .ck-wk .ck-sp-t{display:none}
.ck-sp li{padding:5px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px}
.ck-sp-i{font:400 calc(21px*var(--tune-size,1))/1.25 var(--fd)}
.ck-sp-d{color:var(--mute);font-size:15px;white-space:nowrap}
.ck-js .ck-sp li.ck-off{display:none}
.ck-js .ck-shop:not(.ck-wk) .ck-sp-d{display:none}
.ck-shop-l{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-weight:600;font-size:calc(16px*var(--tune-size,1))}
.ck-shop-l a{text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent)}
.ck-shop-l a:first-child::after{content:" ↗";font-weight:400}
@media (min-width:760px){
  .ck-find-board .ck-shops{grid-template-columns:repeat(2,1fr);column-gap:clamp(36px,4vw,64px);row-gap:48px}
  .ck-find-board .ck-shop{position:relative;padding:0;border-top:0}
  .ck-find-board .ck-shop:nth-child(2n)::before{content:"";position:absolute;top:0;bottom:0;left:calc(clamp(36px,4vw,64px) / -2);border-left:1px solid var(--line)}
  /* an odd last shop takes the whole row, photo beside its text, so no column stays empty */
  .ck-find-board .ck-shop:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(36px,4vw,64px);align-items:start}
  .ck-find-board .ck-shop:last-child:nth-child(odd) .ck-shop-t{padding-top:0}
}
@media (min-width:1100px){
  .ck-find-board .ck-c3{grid-template-columns:repeat(3,1fr)}
  .ck-find-board .ck-c3 .ck-shop:last-child:nth-child(odd){grid-column:auto;display:block}
  .ck-find-board .ck-c3 .ck-shop:last-child:nth-child(odd) .ck-shop-t{padding-top:22px}
  .ck-find-board .ck-c4{grid-template-columns:repeat(4,1fr);column-gap:48px}
  .ck-find-board .ck-c3 .ck-shop:not(:first-child)::before,.ck-find-board .ck-c4 .ck-shop:not(:first-child)::before{content:"";position:absolute;top:0;bottom:0;left:calc(clamp(36px,4vw,64px) / -2);border-left:1px solid var(--line)}
  .ck-find-board .ck-c4 .ck-shop:not(:first-child)::before{left:-24px}
  .ck-find-board .ck-c4 .ck-shop h3{font-size:calc(30px*var(--tune-size,1))}
}
/* week: one row per shop, a seven-day strip of its hours */
.ck-strip{display:grid;grid-template-columns:repeat(7,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.ck-strip span{display:grid;gap:2px;padding:8px 1px 9px;letter-spacing:-.01em;text-align:center;font-size:calc(14px*var(--tune-size,1));line-height:1.2;border-left:1px solid var(--line)}
.ck-strip span:first-child{border-left:0}
.ck-strip span{white-space:nowrap}
@media (max-width:520px){.ck-strip span{font-size:calc(12px*var(--tune-size,1));letter-spacing:-.03em;padding-inline:0}}
.ck-strip-d{font-weight:600;font-size:calc(13px*var(--tune-size,1));color:var(--mute);letter-spacing:.03em}
.ck-strip .ck-strip-x{color:var(--mute)}
.ck-strip .ck-on{background:var(--acc);color:var(--onacc)}
.ck-strip .ck-on .ck-strip-d{color:var(--onacc)}
@media (min-width:900px){
  .ck-find-week .ck-shop{display:grid;grid-template-columns:4fr 8fr;gap:clamp(28px,3.4vw,56px);align-items:start;padding-block:calc(40px*var(--tune-space,1))}
  .ck-find-week .ck-shop:first-child{padding-top:0}
  .ck-find-week .ck-shop-t{padding-top:0;display:grid;grid-template-columns:7fr 5fr;column-gap:clamp(24px,3vw,48px);align-content:start}
  .ck-find-week .ck-shop-t>*{grid-column:1}
  .ck-find-week .ck-sp,.ck-find-week .ck-shop-l{grid-column:2}
  .ck-find-week .ck-sp{grid-row:1/span 5;margin-top:0}
  .ck-find-week .ck-shop-l{grid-row:6;align-self:end}
  .ck-find-week .ck-strip span{font-size:calc(15px*var(--tune-size,1))}
}

/* ---------- the bread wall ---------- */
.ck-bread{padding-block:var(--gap)}
.ck-bread-h{display:grid;gap:14px 40px;align-items:end;margin-bottom:calc(clamp(32px,3.6vw,52px)*var(--tune-space,1))}
.ck-bread-x{color:var(--mute);max-width:48ch}
@media (min-width:900px){.ck-bread-h{grid-template-columns:1fr auto}.ck-bread-h h2{grid-column:1}.ck-bread-x{grid-column:1}.ck-bread-h .ck-more{grid-column:2;grid-row:1/3;align-self:end}}
.ck-cubby{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:clamp(170px,46vw,260px);gap:8px;padding:8px;background:var(--wood);border-radius:var(--r);
  box-shadow:inset 0 0 0 1px rgba(var(--shade),.18),0 18px 40px -24px rgba(var(--shade),.5)}
.ck-cub{position:relative;overflow:hidden;background:color-mix(in oklab,var(--wood) 70%,#000);border-radius:calc(2px*var(--tune-radius,1))}
.ck-cub::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 10px 18px -8px rgba(var(--shade),.55)}
.ck-cub a{display:block;height:100%;text-decoration:none;color:var(--ink)}
.ck-cub img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ck-cub-lead{grid-column:span 2}
.ck-n4 .ck-cub:last-child,.ck-n6 .ck-cub:last-child{grid-column:span 2}
.ck-tag{position:absolute;left:12px;bottom:12px;z-index:1;display:grid;gap:2px;max-width:calc(100% - 24px);padding:9px 13px 10px;background:var(--bg);border-radius:calc(3px*var(--tune-radius,1));
  box-shadow:0 1px 2px rgba(var(--shade),.2),0 8px 18px -8px rgba(var(--shade),.45)}
.ck-tag-n{font:400 calc(19px*var(--tune-size,1))/1.15 var(--fd)}
.ck-tag-p{font:600 15px/1.2 var(--ft);color:var(--acc);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:759px){.ck-tag{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:7px 10px 8px}.ck-tag-n{font-size:calc(17px*var(--tune-size,1))}.ck-tag-p{font-size:calc(14px*var(--tune-size,1))}}
.ck-cub-lead .ck-tag{left:16px;bottom:16px;padding:12px 18px 13px}
.ck-cub-lead .ck-tag-n{font-size:calc(clamp(22px,2vw,30px)*var(--tune-size,1))}
.ck-cub-lead .ck-tag-p{font-size:calc(16px*var(--tune-size,1))}
@media (min-width:900px){
  .ck-cubby{gap:10px;padding:10px;grid-auto-rows:clamp(200px,17vw,250px)}
  .ck-n3{grid-template-columns:repeat(3,1fr)}
  .ck-n5{grid-template-columns:repeat(4,1fr)}
  .ck-n6{grid-template-columns:repeat(3,1fr)}
  .ck-n7{grid-template-columns:repeat(5,1fr)}
  .ck-n3 .ck-cub-lead,.ck-n5 .ck-cub-lead,.ck-n6 .ck-cub-lead,.ck-n7 .ck-cub-lead{grid-row:span 2}
  .ck-n4{grid-template-columns:repeat(3,1fr)}.ck-n4 .ck-cub-lead{grid-column:1/-1}
  .ck-n4 .ck-cub:last-child,.ck-n6 .ck-cub:last-child{grid-column:auto}
}
/* list: a ruled price list beside the lead loaf */
.ck-bread-list{display:grid;gap:clamp(32px,4vw,64px)}
.ck-bread-ph{aspect-ratio:3/2;overflow:hidden;border-radius:var(--r)}
.ck-bread-ph img{width:100%;height:100%;object-fit:cover}
.ck-bread-t h2{margin-bottom:14px}
.ck-plist{margin-top:clamp(24px,2.6vw,36px);border-top:1px solid var(--line)}
.ck-plist a{display:grid;grid-template-columns:minmax(0,max-content) minmax(12px,1fr) auto;align-items:baseline;gap:4px 12px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}
.ck-plist-n{font:400 calc(clamp(23px,2vw,28px)*var(--tune-size,1))/1.15 var(--fd)}
.ck-plist-d{border-bottom:1.5px dotted color-mix(in oklab,var(--mute) 60%,transparent);transform:translateY(-.3em);min-width:16px}
.ck-plist-p{font:600 17px/1.2 var(--ft);color:var(--acc);font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-plist-s{grid-column:1/-1;color:var(--mute);font-size:calc(16px*var(--tune-size,1))}
.ck-more{margin-top:clamp(24px,2.6vw,36px)}
.ck-bread-h .ck-more{margin:0}
@media (min-width:900px){.ck-bread-list{grid-template-columns:5fr 7fr;align-items:start}.ck-bread-ph{position:sticky;top:32px;aspect-ratio:4/5}}

/* ---------- the bakehouse band ---------- */
.ck-band{position:relative;isolation:isolate;overflow:hidden;height:clamp(380px,50vw,660px);display:flex;align-items:flex-end;color:var(--flour)}
.ck-band-ph{position:absolute;inset:0;z-index:-2}
.ck-band-ph img{width:100%;height:100%;object-fit:cover}
.ck-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(var(--shade),.72),rgba(var(--shade),0) 55%)}
.ck-band figcaption{width:100%;padding-bottom:calc(clamp(28px,4vw,56px)*var(--tune-space,1))}
.ck-band figcaption span{display:block;max-width:24ch;font:italic 400 calc(clamp(28px,3.2vw,46px)*var(--tune-size,1))/1.12 var(--fd)}

/* ---------- reviews (a quiet list; the shared review band replaces it when switched on) ---------- */
.ck-rv{padding-block:var(--gap)}
.ck-rv-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;margin-bottom:calc(clamp(28px,3vw,44px)*var(--tune-space,1))}
.ck-rv-s{color:var(--mute)}
.ck-rv-n{font:400 calc(40px*var(--tune-size,1))/1 var(--fd);color:var(--ink);margin-right:6px}
.ck-rv-l{display:grid;gap:28px}
.ck-rv-l li{border-top:1px solid var(--line);padding-top:20px}
.ck-rv-l blockquote p{font:400 calc(clamp(21px,1.7vw,24px)*var(--tune-size,1))/1.4 var(--fd)}
.ck-rv-l figcaption{margin-top:12px;color:var(--mute);font-size:calc(15px*var(--tune-size,1))}
@media (min-width:900px){.ck-rv-l{grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,3vw,48px)}.ck-n2,.ck-n4{grid-template-columns:repeat(2,1fr)}}
.ck-gal{padding-bottom:var(--gap)}

/* ---------- orders and the bakehouse ---------- */
.ck-bake{display:grid;gap:clamp(28px,4vw,64px);padding-block:var(--gap);align-items:center}
[data-part=reviews] + .ck-bake,[data-part=reviews] + .ck-ct,.ck-gal + .ck-bake{padding-top:0}
.ck-bake-ph{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r)}
.ck-bake-ph img{width:100%;height:100%;object-fit:cover}
.ck-bake-x{margin-top:18px;max-width:52ch}
.ck-bake-l{margin-top:20px;border-top:1px solid var(--line)}
.ck-bake-l li{padding:10px 0;border-bottom:1px solid var(--line);font:400 calc(21px*var(--tune-size,1))/1.3 var(--fd)}
.ck-bake-c{display:flex;flex-wrap:wrap;gap:6px 24px;margin:22px 0 26px;font-variant-numeric:tabular-nums}
.ck-bake-c a{text-decoration:none;font-weight:600}
@media (min-width:900px){.ck-bake{grid-template-columns:6fr 6fr}}

/* ---------- closing ---------- */
.ck-end{padding-block:calc(clamp(72px,8vw,120px)*var(--tune-space,1))}
.ck-end h2{max-width:16ch}
.ck-end-x{margin-top:16px;max-width:48ch}
.ck-end-a{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:calc(clamp(26px,3vw,40px)*var(--tune-space,1))}
.ck-end-tel{font:400 clamp(30px,3vw,44px)/1 var(--fd);text-decoration:none;font-variant-numeric:lining-nums;white-space:nowrap}
.ck-end-o{background:var(--field);color:var(--onfield)}
.ck-end-o .ck-end-x{color:var(--mutef)}
.ck-end-o .ck-pill{background:var(--onfield);color:var(--field);border-color:var(--onfield)}
.ck-end-q{border-top:1px solid var(--line)}

/* ---------- services page ---------- */
.ck-grp{padding-top:var(--gap)}
.ck-grp + .ck-grp{padding-top:calc(clamp(56px,6vw,96px)*var(--tune-space,1))}
.ck-grp-h{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:calc(clamp(24px,3vw,40px)*var(--tune-space,1))}
.ck-grp-n{font:600 calc(15px*var(--tune-size,1))/1 var(--ft);color:var(--acc);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.ck-grp-h p:last-child{color:var(--mute);max-width:56ch}
.ck-items{display:grid;border-top:1px solid var(--line)}
.ck-items li{padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.ck-item-h{display:grid;grid-template-columns:minmax(0,max-content) minmax(12px,1fr) auto;align-items:baseline;gap:12px}
.ck-item-h h3{font-size:calc(clamp(24px,2vw,28px)*var(--tune-size,1))}
.ck-item-p{font:600 17px/1.2 var(--ft);color:var(--acc);font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-items p:not(.ck-item-p){margin-top:6px;color:var(--mute);max-width:62ch}
.ck-item-b span{font-weight:600;color:var(--ink)}
@media (min-width:900px){.ck-items{grid-template-columns:1fr 1fr;column-gap:clamp(32px,4vw,64px)}}
.ck-prices{padding-top:var(--gap)}
.ck-prices h2,.ck-faq h2{margin-bottom:clamp(20px,2.4vw,32px)}
.ck-pl{border-top:1px solid var(--line);max-width:760px}
.ck-pl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.ck-pl dd{font-weight:600;color:var(--acc);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-faq{padding-top:var(--gap)}
.ck-faq details{border-bottom:1px solid var(--line)}
.ck-faq details:first-child{border-top:1px solid var(--line)}
.ck-faq summary{cursor:pointer;padding:18px 36px 18px 0;font:400 calc(clamp(21px,1.8vw,25px)*var(--tune-size,1))/1.3 var(--fd);list-style:none;position:relative}
.ck-faq summary::-webkit-details-marker{display:none}
.ck-faq summary::after{content:"+";position:absolute;right:4px;top:16px;font:300 calc(26px*var(--tune-size,1))/1 var(--ft)}
.ck-faq details[open] summary::after{content:"–"}
.ck-faq details p{padding-bottom:20px;max-width:64ch;color:var(--mute)}
.ck-faq-open dl{display:grid;gap:28px}
.ck-faq-open dt{font:400 calc(23px*var(--tune-size,1))/1.3 var(--fd);margin-bottom:6px}
.ck-faq-open dd{color:var(--mute)}
@media (min-width:900px){.ck-faq-open dl{grid-template-columns:1fr 1fr;column-gap:56px}}
.ck-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-block:var(--gap);font:400 calc(clamp(22px,2vw,28px)*var(--tune-size,1))/1.3 var(--fd)}

/* ---------- team and contact ---------- */
.ck-crew{padding-top:var(--gap)}
.ck-crew h2{margin-bottom:calc(clamp(24px,3vw,40px)*var(--tune-space,1))}
.ck-ppl{display:grid;border-top:1px solid var(--line)}
.ck-ppl li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.ck-mono{font:italic 400 calc(clamp(52px,5vw,72px)*var(--tune-size,1))/.9 var(--fd);color:var(--acc);width:1.1em}
.ck-ppl-r{color:var(--acc);font-weight:600;margin-top:4px}
.ck-ppl-b{color:var(--mute);margin-top:6px;max-width:48ch}
@media (min-width:900px){.ck-ppl{grid-template-columns:1fr 1fr;column-gap:clamp(32px,4vw,64px)}}
.ck-ct{padding-block:var(--gap);scroll-margin-top:0}
.ck-ct-h{margin-bottom:calc(clamp(28px,3vw,44px)*var(--tune-space,1))}
.ck-ct-h p{margin-top:12px;color:var(--mute);max-width:56ch}
.ck-ct-g{display:grid;gap:40px}
.ck-ct-d{display:grid;gap:16px}
.ck-ct-d dt{font-weight:600;font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.ck-ct-d dd{font:400 calc(23px*var(--tune-size,1))/1.3 var(--fd)}
.ck-ct-d a{text-decoration:none}
.ck-ct-h2{margin-top:28px}
.ck-ct-s{margin-top:20px;font-weight:600}
.ck-form{display:grid;gap:16px;align-content:start}
.ck-form label{display:grid;gap:6px;font-weight:600;font-size:calc(15px*var(--tune-size,1))}
.ck-form input,.ck-form textarea{font:inherit;font-weight:400;font-size:calc(17px*var(--tune-size,1));color:var(--ink);background:var(--bg);border:1px solid color-mix(in oklab,var(--mute) 60%,transparent);border-radius:var(--r);padding:12px 14px}
.ck-form .ck-btn{justify-self:start;border:0;cursor:pointer;margin-top:4px}
.ck-form-n{color:var(--mute);font-size:calc(15px*var(--tune-size,1))}
@media (min-width:900px){.ck-ct-g{grid-template-columns:5fr 7fr;gap:clamp(40px,5vw,80px)}.ck-ct-nf{grid-template-columns:1fr}}
.ck-ct-m{display:grid;gap:12px}
.ck-ct-m li{background:var(--tint);border-radius:var(--r);padding:26px 28px}
.ck-ct-v{display:block;font:400 calc(clamp(23px,2vw,30px)*var(--tune-size,1))/1.25 var(--fd);text-decoration:none}
@media (min-width:900px){.ck-ct-m{grid-template-columns:repeat(3,1fr)}}
.ck-reg{padding-bottom:calc(clamp(56px,6vw,88px)*var(--tune-space,1));color:var(--mute);font-size:calc(15px*var(--tune-size,1))}
.ck-legal{padding-block:calc(clamp(40px,5vw,80px)*var(--tune-space,1))}
.ck-legal :is(h1,h2,h3,dt,th){hyphens:auto}

/* ---------- footer: the rye-dark sheet with every shop ---------- */
.ck-foot{background:var(--field);color:var(--onfield);padding-block:calc(clamp(56px,6vw,88px)*var(--tune-space,1));border-top:1px solid color-mix(in oklab,var(--onfield) 14%,var(--field))}
.ck-foot a{text-decoration:none}
.ck-foot-in{display:grid;gap:36px;font-size:calc(16px*var(--tune-size,1))}
.ck-foot .ck-k{color:var(--mutef)}
.ck-foot-n{font:400 calc(30px*var(--tune-size,1))/1.1 var(--fd);margin-bottom:10px}
.ck-foot-s ol{display:grid;gap:10px}
.ck-foot-s li span:last-child{color:var(--mutef)}
.ck-legal-l{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:12px}
.ck-foot .langs{margin-bottom:12px}
.ck-foot-f{color:var(--mutef);font-size:calc(15px*var(--tune-size,1))}
@media (min-width:900px){.ck-foot-in{grid-template-columns:4fr 5fr 3fr}}

/* ---------- Advanced hero moment: "the shutters go up" ----------
   Six in the morning: the bread wall slowly comes forward as the lights come up, the headline's lines rise, the lede
   and the action follow, and the shops' chips light up one by one in the header. Transform and opacity only. */
@media (prefers-reduced-motion:no-preference){
  .m-js .ck-hero .ck-ph img{animation:ck-push 1.6s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .ck-hero .ck-shade{animation:ck-fade 1.2s ease-out backwards}
  .m-js .ck-hero .ck-kicker{animation:ck-fade .7s .15s ease-out backwards}
  .m-js .ck-hero .ck-l{animation:ck-rise .9s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .ck-hero .ck-l:nth-child(1){animation-delay:.25s}
  .m-js .ck-hero .ck-l:nth-child(2){animation-delay:.4s}
  .m-js .ck-hero .ck-l:nth-child(3){animation-delay:.55s}
  .m-js .ck-hero .ck-lede{animation:ck-rise .8s .6s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .ck-hero .ck-hero-a{animation:ck-rise .8s .75s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .ck-pg-home .ck-chips li{animation:ck-chip .6s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .ck-pg-home .ck-chips li:nth-child(1){animation-delay:.8s}
  .m-js .ck-pg-home .ck-chips li:nth-child(2){animation-delay:.9s}
  .m-js .ck-pg-home .ck-chips li:nth-child(3){animation-delay:1s}
  .m-js .ck-pg-home .ck-chips li:nth-child(4){animation-delay:1.1s}
  .m-js .ck-pg-home .ck-chips li:nth-child(n+5){animation-delay:1.2s}
}
@keyframes ck-push{from{transform:scale(1.08)}}
@keyframes ck-fade{from{opacity:0}}
@keyframes ck-rise{from{opacity:0;transform:translateY(.4em)}}
@keyframes ck-chip{from{opacity:0;transform:translateY(-8px)}}
.ck-x .bd-score>*{min-width:0}.ck-x .bd-sinfo{min-width:var(--bd-sw)}

@media (min-width:900px){.bd-v-rows .bd-rrow{padding-block:calc(clamp(36px,4.2vw,58px)*var(--tune-space,1))}.bd-v-rows .bd-rrow .bd-q p{line-height:1.5}.bd-v-rows .bd-hrow{margin-bottom:calc(clamp(48px,5.8vw,84px)*var(--tune-space,1))}}
@media(max-width:480px){.ck-h1{font-size:calc(clamp(34px,9.6vw,46px)*var(--tune-size,1))}}

/* sales step 4 (photo-slice): on phones the first photo keeps more of the picture; the main button and the phone bar stay on the first screen */
@media (max-width:760px){.ck-hero,.ck-h-aisle .ck-hero-t{min-height:max(540px,70svh)}}