.snap{margin:0;padding:10px 10px 12px;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink)}.snap img{width:100%;border-radius:4px;object-fit:cover}.ab-head h1{max-width:11ch}.ab-head .lede strong{color:var(--ink);font-weight:600}.ab-aside{display:inline-flex;align-items:flex-start;gap:6px;margin:30px 0 0 6px;font-size:27px;color:var(--red-deep);transform:rotate(-3deg);transform-origin:0 50%}.ab-aside svg{width:22px;height:30px;margin-top:10px}.ab-art{aspect-ratio:1 / 1.08}.ab-art .s-back{position:absolute;right:0;top:9%;width:56%;transform:rotate(6deg)}.ab-art .s-back img{aspect-ratio:1}.ab-art .s-front{position:absolute;left:3%;bottom:0;width:60%;transform:rotate(-4deg)}.ab-art .s-front img:not(.peek){aspect-ratio:4 / 5}.ab-art figcaption{padding:10px 4px 0;font-size:25px;color:var(--ink-2)}.ab-art .peek{position:absolute;left:12%;bottom:calc(100% - 22px);width:76%;border-radius:0;z-index:1;animation:peek 1.1s .5s var(--ease) both}@keyframes peek{0%{transform:translateY(46%);opacity:0}}.ab-one .one{max-width:22ch;margin:0 auto;text-align:center;font:800 clamp(34px,4.7vw,70px)/1.12 var(--f-head);letter-spacing:-.035em;font-variation-settings:"opsz" 96;text-wrap:balance}.chip{display:inline-block;width:1.55em;height:.98em;margin:0 .1em 0 .16em;vertical-align:-.1em;border:2px solid var(--ink);border-radius:99px;overflow:hidden;box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg)}.nw{white-space:nowrap}.nw:nth-of-type(2) .chip{transform:rotate(3deg)}.chip img{width:100%;height:100%;object-fit:cover}.one .that{color:var(--red-deep)}.ab-mission{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(28px,5vw,64px);background:var(--blush)}.ab-mission h2{font-size:clamp(36px,3.8vw,58px)}.letter{margin:0;padding:30px 30px 24px;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);transform:rotate(1.5deg)}.letter blockquote{margin:0 0 24px}.letter blockquote p{margin:0;font-size:20px;line-height:1.55;color:var(--ink)}.letter blockquote p:before{content:"\201c";display:block;height:.5em;margin:0 0 6px;font:800 72px/1 var(--f-head);color:var(--red-deep)}.letter figcaption{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:2px dashed var(--line)}.letter figcaption img{width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);object-fit:cover}.letter figcaption span{display:grid;gap:2px;font-size:14px;color:var(--muted)}.letter figcaption b{font-size:16px;color:var(--ink)}.flag{width:24px;height:auto;flex:none;border:1.5px solid var(--ink);border-radius:3px}.letter .flag{margin-left:auto}.ab-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}.ab-why h2{position:sticky;top:120px}.why-body{padding-top:10px;font-size:19px;line-height:1.7;color:var(--ink-2)}.why-body p{margin:0 0 24px}.why-body p:last-child{margin:0}.why-body b{color:var(--ink)}.why-body .mark{color:var(--ink);font-weight:600}.route{--p: 1;position:relative;padding-top:96px}.js .route{--p: 0}.js .route.go{--p: 1}.route .track{position:absolute;left:0;right:0;top:96px;height:6px;margin-top:-3px;border-radius:99px;background:repeating-linear-gradient(90deg,#e3d7c7 0 16px,transparent 16px 28px)}.route .track i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 100%);border-radius:99px;background:var(--red-deep);transition:width 2.6s cubic-bezier(.45,.05,.25,1)}.route .rider{position:absolute;bottom:2px;left:calc(var(--p) * (100% - 104px));width:104px;transition:left 2.6s cubic-bezier(.45,.05,.25,1)}.route.go .rider{animation:bob .5s ease-in-out 5 alternate}@keyframes bob{to{translate:0 -3px}}.stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}.stops li{position:relative;padding-top:44px}.stops .pin{position:absolute;left:0;top:-14px;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:background .35s,transform .45s var(--ease)}.stops li.lit .pin{background:var(--red-deep);transform:scale(1.12)}.stops .when{margin:0 0 8px;font-size:28px;color:var(--red-deep)}.stops h3{margin:0 0 10px;font:800 clamp(23px,2vw,28px)/1.08 var(--f-head);letter-spacing:-.025em}.stops p:not(.when){margin:0;font-size:16px;color:var(--ink-2)}.stops h3 .flag{display:inline-block;width:22px;margin-left:4px;vertical-align:1px}.stops .link{margin-top:14px}.ab-time .sec-hd{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)}.beliefs{list-style:none;margin:0;padding:0;border-bottom:2px dashed var(--line)}.beliefs li{display:grid;grid-template-columns:clamp(110px,13vw,190px) minmax(0,1fr) minmax(0,300px);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(30px,4vw,48px) 0;border-top:2px dashed var(--line)}.beliefs .n{font-size:clamp(76px,9vw,136px);color:var(--red-deep);text-shadow:4px 4px 0 var(--ink)}.beliefs h3{margin:0 0 12px;font:800 clamp(30px,3.4vw,50px)/1 var(--f-head);letter-spacing:-.035em}.beliefs p{margin:0;font-size:18px;color:var(--ink-2);max-width:40ch}.beliefs .snap{transform:rotate(-3deg)}.beliefs li:nth-child(2) .snap{transform:rotate(2.5deg)}.beliefs .snap img{aspect-ratio:4 / 3}.ab-bakers{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(28px,5vw,60px);background:var(--cream)}.ab-bakers h2{margin:0 0 16px}.ab-bakers .copy>p{margin:0 0 28px;font-size:18px;color:var(--ink-2);max-width:46ch}.shops{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:12px}.shops li{display:grid;place-items:center;height:62px;padding:0 18px;background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:2px 2px 0 var(--ink)}.shops li:nth-child(odd){transform:rotate(-1.5deg)}.shops li:nth-child(3n){transform:rotate(1.5deg)}.shops img{height:30px;max-width:128px;width:auto;object-fit:contain}.shops li.dark{padding:0;overflow:hidden;background:var(--ink)}.shops li.dark img{max-height:none;height:58px;max-width:132px;object-fit:cover}.oven{margin:0;padding:10px 10px 0;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);transform:rotate(2deg)}.oven img{width:100%;aspect-ratio:4 / 3.4;object-fit:cover;border-radius:4px}.oven figcaption{padding:10px 4px 12px;font-size:25px;color:var(--ink-2)}@media(max-width:900px){.ab-art{width:min(420px,92%);margin-top:40px}.ab-mission,.ab-why,.ab-bakers{grid-template-columns:minmax(0,1fr)}.ab-why h2{position:static}.ab-time .sec-hd{grid-template-columns:minmax(0,1fr)}.route{padding-top:0}.route .track{inset:6px auto 6px 11px;width:6px;height:auto;margin:0;background:repeating-linear-gradient(180deg,#e3d7c7 0 14px,transparent 14px 26px)}.route .track i{width:auto;right:0;height:calc(var(--p) * 100%);transition-property:height}.route .rider{display:none}.stops{grid-template-columns:minmax(0,1fr);gap:40px}.stops li{padding:0 0 0 52px}.stops .pin{top:2px}.beliefs li{grid-template-columns:auto minmax(0,1fr);row-gap:22px}.beliefs .snap{grid-column:2;width:min(320px,100%)}}@media(max-width:640px){.ab-aside{font-size:24px}.letter{padding:24px 22px 20px;transform:none}.letter blockquote p{font-size:18px}.why-body{font-size:17px}.beliefs li{grid-template-columns:minmax(0,1fr)}.beliefs .n{font-size:64px;text-shadow:3px 3px 0 var(--ink)}.beliefs .snap{grid-column:1;width:78%}.beliefs li:nth-child(2) .snap{justify-self:end}.ab-art figcaption{font-size:22px}.shops li{height:54px;padding:0 14px}.shops img{height:26px;max-width:104px}.shops li.dark img{height:50px;max-width:110px}}@media(prefers-reduced-motion:reduce){.js .route{--p: 1}.ab-art .peek{animation:none}}