{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\nconst numbers = [\n  {n: \"01\", label: \"Hydration\", line: \"What 58%, 65% and 75% actually do to handling, spring and crumb.\", href: \"/blog/pizza-dough-hydration-explained\"},\n  {n: \"02\", label: \"Dough temperature\", line: \"The control number almost no pizza recipe gives you.\", href: \"/blog/desired-dough-temperature\"},\n  {n: \"03\", label: \"Fermentation\", line: \"Time and temperature, read together. Never just time.\", href: \"/blog/fermentation-is-time-and-temperature\"},\n  {n: \"04\", label: \"The bake\", line: \"Deck and dome: two temperatures doing two different jobs.\", href: \"/blog/deck-temp-vs-dome-temp\"}\n];\n\nconst arguments_ = [\n  {claim: \"“Authentic” is the least useful word in pizza.\", why: \"Every style people call traditional was an innovation that annoyed someone.\", href: \"/blog/why-authentic-is-the-least-useful-word-in-pizza\"},\n  {claim: \"Put the rolling pin away.\", why: \"It fixes the symptom and flattens what two days of fermentation built.\", href: \"/blog/rolling-pin-pizza-dough\"},\n  {claim: \"Prosciutto goes on after the bake.\", why: \"Heat destroys the thing you paid for. Two exceptions, explained.\", href: \"/blog/why-prosciutto-goes-on-after-the-bake\"},\n  {claim: \"“00” is not a grade.\", why: \"It describes how fine the flour is milled, not how strong it is.\", href: \"/blog/pizza-flour-protein-w-value-00\"},\n  {claim: \"Longer is not automatically better.\", why: \"Where the 24, 48 and 72-hour cold-retard curve flattens, and turns.\", href: \"/blog/cold-retard-24-48-72-hours\"},\n  {claim: \"Buy a peel before you buy an oven.\", why: \"The cheapest equipment on the list fixes the most failures.\", href: \"/blog/pizza-peels-and-turning-peels\"},\n  {claim: \"Your infrared reading is probably wrong.\", why: \"Emissivity, angle and spot size, and how to read an oven properly.\", href: \"/blog/infrared-thermometer-pizza-oven\"},\n  {claim: \"Leoparding is not a quality score.\", why: \"Those charred spots have a specific cause, and sometimes they are beside the point.\", href: \"/blog/leoparding-explained\"}\n];\n\nconst styles = [\n  {name: \"Neapolitan\", line: \"Soft centre, puffy rim, and what the AVPN rules actually require.\", href: \"/blog/neapolitan-pizza-reference\"},\n  {name: \"New York\", line: \"Strong flour, a little oil, a hot deck and the fold.\", href: \"/blog/new-york-pizza-reference\"},\n  {name: \"Detroit\", line: \"Pan-baked, cheese to the edge, nothing like a round pie.\", href: \"/blog/detroit-style-pizza-reference\"},\n  {name: \"New Haven\", line: \"Coal-fired, charred, oblong and often white.\", href: \"/blog/new-haven-apizza-reference\"},\n  {name: \"Sicilian\", line: \"Sicilian and sfincione: two pan pizzas, routinely confused.\", href: \"/blog/sicilian-and-sfincione-reference\"},\n  {name: \"Roman\", line: \"Teglia and tonda share a city and almost nothing else.\", href: \"/blog/roman-teglia-vs-tonda\"},\n  {name: \"Chicago\", line: \"Deep dish, and the thin tavern pie locals actually eat.\", href: \"/blog/chicago-deep-dish-vs-tavern\"},\n  {name: \"Tavern\", line: \"Thin, crisp, square-cut and built for the bar.\", href: \"/blog/tavern-style-and-the-midwest-bar\"}\n];\n\nconst menu = [\n  {title: \"Dough & fermentation\", href: \"/dough\", links: [[\"Baker’s percentages, read and scaled\", \"/blog/bakers-percentages-for-pizza\"], [\"Poolish, biga or direct dough?\", \"/blog/poolish-biga-direct-dough\"], [\"Same recipe, different pizza every week\", \"/blog/same-recipe-different-results\"]]},\n  {title: \"Technique\", href: \"/technique\", links: [[\"Stretching without tearing\", \"/blog/how-to-stretch-pizza-dough\"], [\"Balling and proofing for a clean stretch\", \"/blog/balling-and-proofing-dough\"], [\"The peel technique that fixes most launches\", \"/blog/pizza-launch-failures\"]]},\n  {title: \"Troubleshooting\", href: \"/troubleshooting\", links: [[\"Five causes of a gum line\", \"/blog/pizza-gum-line-causes\"], [\"A pale, floppy base\", \"/blog/pale-floppy-pizza-base\"], [\"Burnt rim, raw middle\", \"/blog/burnt-rim-raw-middle\"]]},\n  {title: \"Ovens & equipment\", href: \"/equipment\", links: [[\"What your home oven can and cannot do\", \"/blog/what-your-home-oven-can-and-cannot-do\"], [\"Baking steel or pizza stone?\", \"/blog/baking-steel-vs-pizza-stone\"], [\"Portable gas ovens and their limits\", \"/blog/portable-gas-pizza-ovens\"]]},\n  {title: \"Ingredients\", href: \"/ingredients\", links: [[\"What “San Marzano DOP” guarantees\", \"/blog/san-marzano-dop-canned-tomatoes\"], [\"Fior di latte or low-moisture mozzarella?\", \"/blog/fior-di-latte-vs-low-moisture-mozzarella\"], [\"Salt, oil and sugar in the dough\", \"/blog/salt-oil-sugar-in-pizza-dough\"]]},\n  {title: \"Toppings\", href: \"/toppings\", links: [[\"Why pepperoni cups\", \"/blog/why-pepperoni-cups\"], [\"Wet vegetables, four fixes\", \"/blog/wet-vegetables-on-pizza\"], [\"’Nduja, guanciale and friends under a high bake\", \"/blog/cured-meats-under-a-high-bake\"]]},\n  {title: \"History & culture\", href: \"/history\", links: [[\"How New York pizza actually happened\", \"/blog/how-new-york-pizza-happened\"], [\"Why Detroit style came back\", \"/blog/why-detroit-style-came-back\"], [\"What the AVPN, DOC and STG rules require\", \"/blog/avpn-doc-stg-rules-explained\"]]},\n  {title: \"Scenes & discovery\", href: \"/scenes\", links: [[\"How to judge a pizzeria in one slice\", \"/blog/how-to-judge-a-pizzeria-in-one-slice\"], [\"New Haven, for people who haven’t been\", \"/blog/new-haven-pizza-explained\"], [\"What to order at an unfamiliar style\", \"/blog/what-to-order-at-an-unfamiliar-style\"]]}\n];\n\nconst tools = [\n  [\"Formula worksheet\", \"/formulas\"],\n  [\"Bake log\", \"/blog/how-to-log-a-bake\"],\n  [\"Troubleshoot by symptom\", \"/troubleshooting\"],\n  [\"Pizzeria scorecard\", \"/pizzerias\"],\n  [\"Glossary\", \"/glossary\"]\n];\n\n function BoccaloneHome() {\n  return _react2.default.createElement('div', { className: \"bz\",}\n    , _react2.default.createElement('style', null, `\n      .bz{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:clip;color:var(--c1fflz6z-runtime-text,#17120f);background:var(--c1fflz6z-runtime-bg,#fff6e4);font-family:var(--c1fflz6z-font-body,Archivo,Arial,sans-serif);font-size:17px;line-height:1.6}\n      .bz *{box-sizing:border-box}.bz a{color:inherit;text-decoration:none}.bz a:focus-visible{outline:3px solid currentColor;outline-offset:4px}\n      .bz .bz-wrap{max-width:var(--c1fflz6z-container-wide,76rem);margin:0 auto;padding:0 40px}\n      .bz .bz-kicker{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 26px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}\n      .bz .bz-kicker span+span::before{content:\"/\";margin-right:14px;opacity:.45}\n      .bz h1,.bz h2,.bz h3{font-family:var(--c1fflz6z-font-heading,\"Bricolage Grotesque\",Arial,sans-serif);font-weight:800;margin:0}\n      .bz .bz-cover{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center;padding:64px 0 84px}\n      .bz h1{font-size:clamp(58px,6.9vw,104px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 30px}\n      .bz h1 mark{color:#17120f;background:#f4b728;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n      .bz .bz-intro{font-size:19px;line-height:1.55;max-width:31em;margin:0 0 32px}\n      .bz .bz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}\n      .bz .bz-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 22px;border:2px solid var(--c1fflz6z-runtime-text,#17120f);border-radius:0;background:var(--c1fflz6z-runtime-action-bg,#d3261c);color:var(--c1fflz6z-runtime-action-fg,#fff6e4);font-family:var(--c1fflz6z-font-body,Archivo,Arial,sans-serif);font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:4px 4px 0 var(--c1fflz6z-runtime-text,#17120f);transition:transform .15s ease,box-shadow .15s ease}\n      .bz .bz-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c1fflz6z-runtime-text,#17120f)}\n      .bz .bz-button:focus-visible{outline:3px solid var(--c1fflz6z-runtime-text,#17120f);outline-offset:4px}\n      .bz .bz-button--secondary{background:transparent;color:inherit;border-color:currentColor;box-shadow:none}\n      .bz .bz-button--secondary:hover{transform:none;box-shadow:none;background:color-mix(in srgb,currentColor 10%,transparent)}\n      .bz .bz-button--secondary:focus-visible{outline-color:currentColor}\n      .bz .bz-arg a:hover h3,.bz .bz-menu a:hover,.bz .bz-tools a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}\n      .bz .bz-figure{position:relative;margin:0 0 0 24px}\n      .bz .bz-photo{display:block;position:relative;border:2px solid var(--c1fflz6z-runtime-text,#17120f);box-shadow:14px 14px 0 var(--c1fflz6z-runtime-action-bg,#d3261c)}\n      .bz .bz-photo img{display:block;width:100%;height:540px;object-fit:cover;object-position:62% center}\n      .bz .bz-sticker{position:absolute;z-index:1;left:-78px;top:-58px;width:178px;height:auto;transform:rotate(-10deg);filter:drop-shadow(3px 0 0 #fff6e4) drop-shadow(-3px 0 0 #fff6e4) drop-shadow(0 3px 0 #fff6e4) drop-shadow(0 -3px 0 #fff6e4) drop-shadow(0 10px 12px rgb(23 18 15 / 28%))}\n      .bz .bz-credit{margin:22px 0 0;text-align:right;font-size:12px;color:var(--c1fflz6z-runtime-muted,#6b5142)}.bz .bz-credit a{text-decoration:underline;text-underline-offset:3px}\n      .bz .bz-numbers{background:var(--c1fflz6z-runtime-action-bg,#d3261c);color:var(--c1fflz6z-runtime-action-fg,#fff6e4);border-block:2px solid var(--c1fflz6z-runtime-text,#17120f);padding:46px 0 52px}\n      .bz .bz-numbers-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px}\n      .bz .bz-numbers h2{font-size:clamp(30px,3.2vw,44px);line-height:1;letter-spacing:-.02em;text-transform:uppercase}\n      .bz .bz-numbers-head .bz-button{white-space:nowrap}\n      .bz .bz-numbers ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid currentColor}\n      .bz .bz-numbers li{min-width:0}.bz .bz-numbers li+li{border-left:2px solid currentColor}\n      .bz .bz-numbers li a{display:block;height:100%;padding:22px 24px 8px}.bz .bz-numbers li:first-child a{padding-left:0}\n      .bz .bz-num{display:block;font-family:var(--c1fflz6z-font-heading,\"Bricolage Grotesque\",Arial,sans-serif);font-weight:800;font-size:76px;line-height:.9;letter-spacing:-.04em;margin-bottom:16px}\n      .bz .bz-numbers strong{display:block;font-family:var(--c1fflz6z-font-heading,\"Bricolage Grotesque\",Arial,sans-serif);font-weight:800;font-size:23px;line-height:1.1;margin-bottom:8px}\n      .bz .bz-numbers li a:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}\n      .bz .bz-numbers li span:last-child{display:block;font-size:15px;line-height:1.5}\n      .bz .bz-section{padding:88px 0 20px}\n      .bz .bz-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:40px;align-items:end;margin-bottom:34px}\n      .bz .bz-head h2{font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase}\n      .bz .bz-head p{margin:0;font-size:16px;line-height:1.6;color:var(--c1fflz6z-runtime-muted,#6b5142)}\n      .bz .bz-args{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;border-top:3px solid var(--c1fflz6z-runtime-text,#17120f);counter-reset:arg}\n      .bz .bz-arg{border-bottom:1px solid var(--c1fflz6z-runtime-border,#d9c3a0);counter-increment:arg}\n      .bz .bz-arg a{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 8px;padding:24px 0 26px}\n      .bz .bz-arg a::before{content:counter(arg,decimal-leading-zero);font-family:var(--c1fflz6z-font-heading,\"Bricolage Grotesque\",Arial,sans-serif);font-weight:800;font-size:20px;line-height:1.35;color:var(--c1fflz6z-runtime-accent,#b71f17)}\n      .bz .bz-arg h3{font-size:clamp(23px,2.25vw,31px);line-height:1.08;letter-spacing:-.02em;margin:0 0 9px}\n      .bz .bz-arg p{grid-column:2;margin:0;font-size:15px;line-height:1.55;color:var(--c1fflz6z-runtime-muted,#6b5142)}\n      .bz .bz-styles{margin-top:88px;background:var(--c1fflz6z-runtime-text,#17120f);color:var(--c1fflz6z-runtime-bg,#fff6e4);padding:72px 0 76px}\n      .c1fflz6z-dark .bz .bz-styles{background:var(--c1fflz6z-runtime-panel,#2a211b);color:var(--c1fflz6z-runtime-text,#fff1d6);border-block:1px solid var(--c1fflz6z-runtime-border,#4a3b30)}\n      .bz .bz-styles-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px}\n      .bz .bz-styles h2{font-size:clamp(46px,5.4vw,78px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:26px}\n      .bz .bz-styles-copy p{font-size:17px;line-height:1.6;max-width:24em;margin:0 0 26px;opacity:.88}\n      .bz .bz-styles-copy .bz-actions{margin-top:4px}\n      .bz .bz-style-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;border-top:2px solid currentColor}\n      .bz .bz-style-list li{border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent);min-width:0}\n      .bz .bz-style-list a{display:block;padding:18px 0 19px}\n      .bz .bz-style-list strong{display:flex;justify-content:space-between;gap:12px;font-family:var(--c1fflz6z-font-heading,\"Bricolage Grotesque\",Arial,sans-serif);font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:6px}\n      .bz .bz-style-list strong span{transition:transform .15s ease}.bz .bz-style-list a:hover strong span{transform:translateX(4px)}\n      .bz .bz-style-list small{display:block;font-size:14px;line-height:1.5;opacity:.82}\n      .bz .bz-menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 34px}\n      .bz .bz-menu>li{border-top:3px solid var(--c1fflz6z-runtime-text,#17120f);padding:16px 0 34px;min-width:0}\n      .bz .bz-menu h3{font-size:22px;line-height:1.1;letter-spacing:-.015em;margin:0 0 10px}\n      .bz .bz-menu h3 a{display:inline-flex;align-items:center;gap:8px;min-height:44px}\n      .bz .bz-menu ul{list-style:none;margin:0;padding:0}\n      .bz .bz-menu ul li{border-top:1px solid var(--c1fflz6z-runtime-border,#d9c3a0)}\n      .bz .bz-menu ul a{display:flex;align-items:center;min-height:48px;padding:8px 0;font-size:15px;line-height:1.4}\n      .bz .bz-tools{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:24px 40px;align-items:center;margin:40px 0 0;padding:26px 0;border-block:3px solid var(--c1fflz6z-runtime-text,#17120f)}\n      .bz .bz-tools h2{font-size:22px;line-height:1.1;letter-spacing:-.015em}\n      .bz .bz-tools h2 small{display:block;margin-top:6px;font-family:var(--c1fflz6z-font-body,Archivo,Arial,sans-serif);font-weight:400;font-size:14px;letter-spacing:0;color:var(--c1fflz6z-runtime-muted,#6b5142)}\n      .bz .bz-tools ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}\n      .bz .bz-tools ul .bz-button{white-space:nowrap}\n      .bz .bz-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding:26px 0 46px;font-size:14px;color:var(--c1fflz6z-runtime-muted,#6b5142)}\n      .bz .bz-note p{margin:0}.bz .bz-note a{text-decoration:underline;text-underline-offset:4px;font-weight:600;color:var(--c1fflz6z-runtime-text,#17120f)}\n      @media (prefers-reduced-motion:reduce){.bz .bz-button,.bz .bz-style-list strong span{transition:none}}\n      @media(max-width:1080px){.bz .bz-cover{gap:52px}.bz .bz-photo img{height:480px}.bz .bz-sticker{width:150px;left:-46px;top:-50px}.bz .bz-numbers ol{grid-template-columns:repeat(2,minmax(0,1fr))}.bz .bz-numbers li:nth-child(3){border-left:0}.bz .bz-numbers li:nth-child(3) a{padding-left:0}.bz .bz-numbers li:nth-child(n+3){border-top:2px solid currentColor}.bz .bz-styles-inner{grid-template-columns:1fr;gap:40px}.bz .bz-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}\n      @media(max-width:820px){.bz .bz-wrap{padding:0 26px}.bz .bz-cover{grid-template-columns:1fr;gap:56px;padding:44px 0 64px}.bz .bz-figure{margin:0 14px 0 0}.bz .bz-photo img{height:420px}.bz .bz-sticker{left:auto;right:-10px;top:-58px;width:132px;transform:rotate(9deg)}.bz .bz-head{grid-template-columns:1fr;gap:16px}.bz .bz-args{grid-template-columns:1fr}.bz .bz-tools{grid-template-columns:1fr}}\n      @media(max-width:560px){.bz{font-size:16px}.bz .bz-wrap{padding:0 20px}.bz .bz-kicker{font-size:11px;gap:4px 10px;margin-bottom:20px}.bz .bz-kicker span+span::before{margin-right:10px}.bz h1{font-size:clamp(44px,14vw,60px);margin-bottom:22px}.bz .bz-intro{font-size:17px;margin-bottom:26px}.bz .bz-cover .bz-actions .bz-button{width:100%}.bz .bz-photo img{height:300px}.bz .bz-sticker{width:104px;top:-44px;right:-6px}.bz .bz-numbers{padding:34px 0 36px}.bz .bz-numbers-head{display:block}.bz .bz-numbers-head .bz-button{margin-top:14px}.bz .bz-numbers ol{grid-template-columns:1fr}.bz .bz-numbers li+li{border-left:0;border-top:2px solid currentColor}.bz .bz-numbers li a,.bz .bz-numbers li:nth-child(3) a{display:grid;grid-template-columns:64px minmax(0,1fr);padding:18px 0 16px}.bz .bz-num{font-size:44px;grid-row:span 2;margin:0}.bz .bz-numbers strong{font-size:21px}.bz .bz-section{padding-top:64px}.bz .bz-head h2{font-size:clamp(38px,11vw,48px)}.bz .bz-arg a{grid-template-columns:40px minmax(0,1fr);padding:20px 0 22px}.bz .bz-arg a::before{font-size:16px;line-height:1.45}.bz .bz-arg h3{font-size:22px}.bz .bz-styles{margin-top:64px;padding:52px 0 56px}.bz .bz-styles h2{font-size:clamp(40px,12vw,52px)}.bz .bz-style-list{grid-template-columns:1fr}.bz .bz-style-list strong{font-size:24px}.bz .bz-menu{grid-template-columns:1fr}.bz .bz-menu>li{padding-bottom:22px}}\n    `)\n\n    , _react2.default.createElement('div', { className: \"bz-wrap\",}\n      , _react2.default.createElement('section', { className: \"bz-cover\", 'aria-labelledby': \"bz-title\",}\n        , _react2.default.createElement('div', null\n          , _react2.default.createElement('p', { className: \"bz-kicker\",}, _react2.default.createElement('span', null, \"Dough\"), _react2.default.createElement('span', null, \"Ovens\"), _react2.default.createElement('span', null, \"Styles\"), _react2.default.createElement('span', null, \"Toppings\"))\n          , _react2.default.createElement('h1', { id: \"bz-title\",}, \"Every pizza is \"   , _react2.default.createElement('mark', null, \"four numbers.\" ))\n          , _react2.default.createElement('p', { className: \"bz-intro\",}, \"Hydration, dough temperature, fermentation and the bake decide almost everything about a crust. Boccalone is an independent pizza publication about those numbers, and the ovens, toppings and styles built on top of them.\"                                )\n          , _react2.default.createElement('div', { className: \"bz-actions\",}\n            , _react2.default.createElement('a', { className: \"bz-button\", href: \"/blog/four-numbers-that-decide-your-pizza-crust\",}, \"Learn the four numbers \"    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\"))\n            , _react2.default.createElement('a', { className: \"bz-button bz-button--secondary\" , href: \"/start-here\",}, \"New here? Start here\"   )\n          )\n        )\n        , _react2.default.createElement('figure', { className: \"bz-figure\",}\n          , _react2.default.createElement('img', { className: \"bz-sticker\", src: \"/media/objects/32128d0483dacb567aa678e0fc4dd973d1604844be0b93b62ce3c3a8dc19d9b2/retained/67e585cf-2436-4a67-affa-5a0c64a0fa7f/assets/c374d777-d2e8-4122-adcd-9767deade0eb/generations/67e585cf-2436-4a67-affa-5a0c64a0fa7f/original_webp.webp\", width: \"1254\", height: \"1254\", alt: \"\", 'aria-hidden': \"true\",})\n          , _react2.default.createElement('div', { className: \"bz-photo\",}, _react2.default.createElement('img', { src: \"/media/objects/32128d0483dacb567aa678e0fc4dd973d1604844be0b93b62ce3c3a8dc19d9b2/retained/2d0af6df-6995-4ba5-91d8-7eaca8adbd5f/assets/df8d98d8-406d-4eb8-ad1d-0bdf237b6e46/generations/2d0af6df-6995-4ba5-91d8-7eaca8adbd5f/original_webp.webp\", width: \"1600\", height: \"1067\", fetchPriority: \"high\", alt: \"Sliced cheese pizza with tomatoes and rosemary on a wooden board.\"          ,}))\n          , _react2.default.createElement('figcaption', { className: \"bz-credit\",}, \"Photograph: \" , _react2.default.createElement('a', { href: \"https://unsplash.com/photos/MQUqbmszGGM\", rel: \"noopener noreferrer\" ,}, \"Ivan Torres / Unsplash\"   ))\n        )\n      )\n    )\n\n    , _react2.default.createElement('section', { className: \"bz-numbers\", 'aria-labelledby': \"bz-numbers-title\",}\n      , _react2.default.createElement('div', { className: \"bz-wrap\",}\n        , _react2.default.createElement('div', { className: \"bz-numbers-head\",}, _react2.default.createElement('h2', { id: \"bz-numbers-title\",}, \"The four numbers\"  ), _react2.default.createElement('a', { className: \"bz-button bz-button--secondary\" , href: \"/dough\",}, \"The dough desk \"   , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")))\n        , _react2.default.createElement('ol', null, numbers.map(item => _react2.default.createElement('li', { key: item.href,}, _react2.default.createElement('a', { href: item.href,}, _react2.default.createElement('span', { className: \"bz-num\", 'aria-hidden': \"true\",}, item.n), _react2.default.createElement('strong', null, item.label), _react2.default.createElement('span', null, item.line)))))\n      )\n    )\n\n    , _react2.default.createElement('div', { className: \"bz-wrap\",}\n      , _react2.default.createElement('section', { className: \"bz-section\", 'aria-labelledby': \"bz-args-title\",}\n        , _react2.default.createElement('div', { className: \"bz-head\",}, _react2.default.createElement('h2', { id: \"bz-args-title\",}, \"Worth arguing about.\"  ), _react2.default.createElement('p', null, \"Strong positions, each argued in full. Read the reasoning before you take a side.\"             ))\n        , _react2.default.createElement('ol', { className: \"bz-args\",}, arguments_.map(item => _react2.default.createElement('li', { className: \"bz-arg\", key: item.href,}, _react2.default.createElement('a', { href: item.href,}, _react2.default.createElement('h3', null, item.claim), _react2.default.createElement('p', null, item.why)))))\n      )\n    )\n\n    , _react2.default.createElement('section', { className: \"bz-styles\", 'aria-labelledby': \"bz-styles-title\",}\n      , _react2.default.createElement('div', { className: \"bz-wrap bz-styles-inner\" ,}\n        , _react2.default.createElement('div', { className: \"bz-styles-copy\",}\n          , _react2.default.createElement('h2', { id: \"bz-styles-title\",}, \"Thin. Thick. Round. Square.\"   )\n          , _react2.default.createElement('p', null, \"There is no single way a pizza should be. Start from the oven you own, not the style you admire, then learn what makes each one what it is.\"                            )\n          , _react2.default.createElement('div', { className: \"bz-actions\",}, _react2.default.createElement('a', { className: \"bz-button bz-button--secondary\" , href: \"/blog/which-pizza-style-to-learn-first\",}, \"Which style to learn first\"    ), _react2.default.createElement('a', { className: \"bz-button bz-button--secondary\" , href: \"/styles\",}, \"All styles\" ))\n        )\n        , _react2.default.createElement('ul', { className: \"bz-style-list\",}, styles.map(style => _react2.default.createElement('li', { key: style.href,}, _react2.default.createElement('a', { href: style.href,}, _react2.default.createElement('strong', null, style.name, _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")), _react2.default.createElement('small', null, style.line)))))\n      )\n    )\n\n    , _react2.default.createElement('div', { className: \"bz-wrap\",}\n      , _react2.default.createElement('section', { className: \"bz-section\", 'aria-labelledby': \"bz-menu-title\",}\n        , _react2.default.createElement('div', { className: \"bz-head\",}, _react2.default.createElement('h2', { id: \"bz-menu-title\",}, \"The whole menu.\"  ), _react2.default.createElement('p', null, \"Eight departments, from the bench to the pizzeria. Open a department for its guide, or go straight to the reading.\"                   ))\n        , _react2.default.createElement('ul', { className: \"bz-menu\",}, menu.map(group => _react2.default.createElement('li', { key: group.href,}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: group.href,}, group.title, \" \" , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\"))), _react2.default.createElement('ul', null, group.links.map(([label, href]) => _react2.default.createElement('li', { key: href,}, _react2.default.createElement('a', { href: href,}, label)))))))\n        , _react2.default.createElement('div', { className: \"bz-tools\",}\n          , _react2.default.createElement('h2', null, \"Tools for your own bakes\"    , _react2.default.createElement('small', null, \"Worksheets you fill in yourself.\"    ))\n          , _react2.default.createElement('ul', null, tools.map(([label, href]) => _react2.default.createElement('li', { key: href,}, _react2.default.createElement('a', { className: \"bz-button bz-button--secondary\" , href: href,}, label))))\n        )\n      )\n      , _react2.default.createElement('aside', { className: \"bz-note\",}, _react2.default.createElement('p', null, \"An independent pizza publication. No connection to the former Boccalone Salumeria in San Francisco.\"             ), _react2.default.createElement('a', { href: \"/sources\",}, \"Our sources & standards →\"    ))\n    )\n  );\n} exports.default = BoccaloneHome;"}