*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#191919;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #3975ff;outline-offset:5px}img{display:block;max-width:100%;height:auto}p{line-height:1.5}button:disabled{cursor:default}::selection{background:#1d1d1d;color:#fff}.mono{font-family:'Courier New',monospace}.preview-nav{min-height:48px;background:#fff;color:#1d1d1d;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 3vw;border-bottom:1px solid #ccc;font:13px 'Courier New',monospace;position:relative;z-index:3}.preview-nav a{text-decoration:none}.preview-nav nav{display:flex;gap:24px;align-items:center}.preview-nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}.preview-nav .local{color:#666}.brand-nav{display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;gap:24px}.brand-nav a{text-decoration:none}.wordmark{font-weight:900;font-size:25px;letter-spacing:-1px}.brand-links{display:flex;gap:26px;align-items:center;font-size:14px}.pill{border:1px solid currentColor;padding:9px 14px;border-radius:50%;font:13px 'Courier New',monospace}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 23px;font-weight:700;text-decoration:none;border:2px solid currentColor;background:transparent;min-height:52px;font-size:15px}.button.solid{background:#171717;color:#fff;border-color:#171717}.button:hover{filter:brightness(.88)}.eyebrow{font:14px 'Courier New',monospace;letter-spacing:.04em;text-transform:uppercase}.foot{display:flex;justify-content:space-between;gap:30px;padding:27px 5vw;font:13px/1.5 'Courier New',monospace;border-top:1px solid currentColor}.foot p{margin:0;max-width:650px}.foot a{white-space:nowrap}.pair-note{font:14px/1.6 'Courier New',monospace;max-width:660px}.pair-note strong{font-weight:700}.small{font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap}.concept-number{font:14px 'Courier New',monospace}.no-wrap{white-space:nowrap}
/* A pink packing label, one ridiculous hole. */
.hole{background:#f5a9c7}.hole .brand-nav{border-bottom:2px solid #191919}.hole-hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:680px;align-items:center;padding:35px 5vw 48px;gap:30px;overflow:hidden}.hole h1{font-size:clamp(100px,15.5vw,260px);letter-spacing:-.105em;line-height:.84;margin:26px 0 32px;font-family:Arial Black,Arial,sans-serif;font-weight:900;margin-left:-.045em}.hole-copy>p:not(.eyebrow){font-size:21px;max-width:330px;margin:0 0 32px}.hole-art{position:relative}.hole-art img{width:100%;border:2px solid #191919;transform:rotate(-3deg)}.hole-art figure{margin:0}.hole-art figcaption{margin-top:22px;text-align:center;font:13px 'Courier New',monospace}.hole-stamp{position:absolute;z-index:1;right:0;top:0;border:2px solid;padding:16px 18px;transform:rotate(9deg);font:15px/1.15 'Courier New',monospace;background:#f5a9c7}.hole-strip{display:flex;justify-content:space-around;gap:20px;padding:20px 4vw;border-block:2px solid;font-size:17px;font-weight:900;letter-spacing:-.04em;background:#191919;color:#f5a9c7}.hole-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:65px 5vw 80px}.hole-bottom h2{font:900 clamp(38px,5vw,70px)/.98 Arial,sans-serif;letter-spacing:-.06em;margin:0}.hole-bottom p{margin-top:0}.hole .foot{border-top:2px solid}.hole-status{min-height:24px;margin-top:18px;font:14px 'Courier New',monospace}
/* A very unproductive neighbourhood doughnut shop. */
.dough{background:#f2edab;color:#3b2920}.dough .brand-nav{padding:23px 5vw}.dough .wordmark{font-family:Georgia,serif;font-style:italic;letter-spacing:-1px;font-size:27px}.dough-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:34px 6vw 70px;align-items:center}.dough h1{font:italic 400 clamp(72px,9.7vw,145px)/.87 Georgia,serif;letter-spacing:-.065em;margin:30px 0}.dough h1 span{display:block;margin-left:14%}.dough .intro{font:19px/1.5 'Courier New',monospace;max-width:400px;margin:28px 0}.dough .button{border-radius:999px;background:#3b2920;color:#f2edab;border-color:#3b2920;padding-inline:25px;font-family:'Courier New',monospace;font-size:14px}.dough-art img{width:100%;border-radius:48%}.dough-art{position:relative}.closed-sign{width:175px;border:1.5px solid;text-align:center;padding:13px;transform:rotate(7deg);position:absolute;right:0;top:0;background:#f2edab;font:14px 'Courier New',monospace}.closed-sign strong{display:block;font:900 35px/1.1 Arial,sans-serif;letter-spacing:-2px}.dough-art figcaption{text-align:center;font:13px 'Courier New',monospace;margin-top:15px}.dough-separator{border-top:1px solid;margin:0 5vw}.dough-bottom{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:70px 9vw;align-items:start}.dough-bottom h2{font:italic 48px/1.05 Georgia,serif;letter-spacing:-2px;margin:10px 0 22px;max-width:330px}.receipt{background:#fffef4;color:#3b2920;padding:30px;transform:rotate(-3deg);font:14px/1.8 'Courier New',monospace;box-shadow:6px 8px 0 #3b292012;max-width:390px;justify-self:center;width:100%;border-top:4px double}.receipt h3{text-align:center;font:700 21px/1.2 'Courier New',monospace;letter-spacing:-1px;margin:8px 0 5px}.receipt .center{text-align:center}.receipt .row{display:flex;justify-content:space-between;gap:20px}.receipt hr{border:0;border-top:1px dashed;margin:20px 0}.receipt p{margin:0}.dough-status{min-height:42px;font:14px/1.5 'Courier New',monospace;max-width:360px}.dough .foot{background:#3b2920;color:#f2edab}
/* A xerox gig poster for the last donut in the box. */
.bite{background:#181818;color:#e8ff3b}.bite .wordmark{font-family:Arial Black,Arial,sans-serif;letter-spacing:-2px;font-size:31px}.bite .brand-nav{border-bottom:1px solid #e8ff3b66}.bite-hero{padding:42px 5vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;overflow:hidden}.bite h1{font:900 clamp(95px,13.1vw,200px)/.88 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;position:relative;z-index:1;margin:30px -60px 35px 0}.bite h1 span{display:block;color:#fff;font-style:italic}.bite-hero .intro{font:17px/1.5 'Courier New',monospace;max-width:370px;margin:28px 0}.bite .button{background:#e8ff3b;color:#181818;border-color:#e8ff3b;text-transform:uppercase;font-family:'Courier New',monospace}.bite-photo{transform:rotate(4deg);border:10px solid #e8ff3b;margin:8px 10px 24px 25px;background:#e8ff3b;position:relative}.bite-photo img{width:100%}.bite-photo figcaption{background:#e8ff3b;color:#181818;font:700 14px/1.3 'Courier New',monospace;text-transform:uppercase;padding:14px 4px 5px;text-align:center}.bite-index{position:absolute;top:14px;left:13px;color:#181818;font:14px 'Courier New',monospace}.bite-sticker{position:absolute;bottom:50px;right:-30px;background:#fff;color:#181818;transform:rotate(-12deg);padding:13px 17px;font:900 19px Arial,sans-serif;border:2px solid #181818}.bite-strip{border-block:2px solid;padding:18px 5vw;font:900 clamp(19px,3vw,40px)/1 Arial,sans-serif;letter-spacing:-1px;text-align:center;word-spacing:15px;background:#e8ff3b;color:#181818}.bite-bottom{padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:60px}.bite-bottom h2{font:900 55px/.96 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;margin:0;letter-spacing:-1px}.bite-bottom p{margin-top:0}.bite .foot{color:#aaa;border-color:#555}.bite .pair-note{color:#ddd}.bite-status{min-height:26px;font:14px 'Courier New',monospace;color:#fff;margin:18px 0 0}
/* Private comparison shelf. */
.gallery{background:#f7f7f2;color:#1b1b1b}.gallery-header{padding:50px 4vw 35px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.gallery-header h1{font:900 clamp(45px,6vw,88px)/.96 Arial,sans-serif;letter-spacing:-.065em;margin:15px 0 0}.gallery-header p{font-size:16px;max-width:310px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:15px 4vw 55px}.concept{border:1px solid #222;background:#fff;min-width:0}.concept>a:first-child{display:block;text-decoration:none}.concept-image{aspect-ratio:1;overflow:hidden;position:relative}.concept-image img{width:100%;height:100%;object-fit:cover}.concept-image .number{position:absolute;top:15px;left:15px;font:14px 'Courier New',monospace;color:#171717;border:1px solid;padding:6px 9px;background:#ffffffaa}.concept-content{padding:23px}.concept h2{font-size:clamp(23px,2.7vw,39px);line-height:1;letter-spacing:-1.8px;margin:0 0 15px}.concept p{font-size:15px;margin:0 0 20px;min-height:66px}.concept-links{display:flex;justify-content:space-between;gap:12px;font:14px 'Courier New',monospace}.gallery .foot{padding-inline:4vw}.gallery-tip{margin:0 4vw 40px;font:14px/1.5 'Courier New',monospace;max-width:850px}
@media(min-width:1600px){.hole-hero,.dough-hero,.bite-hero{max-width:1700px;margin:auto}.hole-hero{min-height:740px}}@media(max-width:800px){.preview-nav{flex-direction:column;align-items:flex-start;padding:12px 5vw;gap:10px}.preview-nav nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.preview-nav .local{display:none}.brand-nav{padding:22px 6vw}.brand-links{gap:14px}.brand-links .optional{display:none}.hole-hero,.dough-hero,.bite-hero{grid-template-columns:1fr;gap:10px;padding:35px 6vw 40px;min-height:0}.hole h1{font-size:32vw;margin:20px 0 28px}.hole-copy>p:not(.eyebrow){font-size:19px;max-width:360px}.hole-art{max-width:500px;width:100%;margin:auto}.hole-art img{max-height:430px;object-fit:contain}.hole-stamp{top:25px;font-size:13px}.hole-strip{font-size:13px;gap:12px;flex-wrap:wrap}.hole-bottom,.dough-bottom,.bite-bottom{grid-template-columns:1fr;gap:32px;padding:43px 6vw}.hole-bottom h2{font-size:44px}.dough h1{font-size:clamp(73px,15vw,120px)}.dough-hero{gap:35px}.dough-art{margin:0 auto;width:100%;max-width:460px}.dough-bottom{gap:42px}.dough-bottom h2{font-size:42px}.receipt{max-width:420px}.bite h1{font-size:24vw;margin-right:0}.bite-photo{max-width:460px;margin:30px auto 15px;width:90%}.bite-sticker{right:-12px;font-size:16px}.bite-strip{font-size:22px;line-height:1.3;word-spacing:4px}.bite-bottom h2{font-size:44px}.foot{flex-direction:column;gap:18px;padding:25px 6vw}.gallery-header{display:block;padding:35px 5vw 20px}.gallery-header p{margin-top:22px;max-width:500px}.gallery-grid{grid-template-columns:1fr;padding:15px 5vw 30px;gap:25px}.concept-image{aspect-ratio:1.2}.concept h2{font-size:36px}.concept p{min-height:0}.gallery-tip{margin-inline:5vw}.gallery-header h1{font-size:52px}.gallery-grid .concept{max-width:620px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}