/* The Museum of Very Normal Business, inside the website's own pages. MADE BY site/build.mjs FROM site/src/museum.css:
   change that file, never this one. Every rule is scoped to the wrapper <div class="museum" id="museum"> (site/lib/embed.mjs). */
@font-face{font-family:'Museum Barlow Condensed';font-style:normal;font-weight:800;font-display:block;src:url(fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Museum DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/dm-sans.woff2) format('woff2')}
/* the reset: inside the wrapper, every rule of the site's gives way to the browser's own defaults (an id outranks
   every selector the site has; the museum's own rules below are all scoped by the same id, and come after) */
#museum{all:initial;display:block}
#museum *{all:revert}
#museum{--ink:#161314;--paper:#f2f0ed;--accent:#ff4545;--red:#b71c2c;--ivory:#eadbc9;--rule:#bcbcbc;--dim:#55524c;--wall:#ff4545;--on-wall:#161314;--display:'Museum Barlow Condensed','Arial Narrow',Impact,sans-serif;--mono:'Courier New',monospace;--sans:'Museum DM Sans',Arial,sans-serif}
#museum,#museum *{box-sizing:border-box}
#museum [hidden]{display:none!important}
html:not(.museum-js) #museum .mu-js-only{display:none!important}
html.museum-js #museum .plain-only{display:none!important}
html.museum-js #museum [data-start-hidden]{display:none!important}
html:not(.museum-plain) #museum .plain-off,html:not(.museum-js) #museum .plain-on{display:none}
#museum{margin:0;background:var(--wall);color:var(--on-wall);font:16px/1.5 var(--sans)}
#museum a{color:inherit}
#museum :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 7px var(--ink)}
#museum h2:focus-visible,#museum [tabindex="-1"]:focus-visible{outline:0;box-shadow:none}
#museum .banner{margin:0;padding:6px 16px;background:var(--ink);color:#fff;font:700 12px/1.4 var(--mono);letter-spacing:.03em}
#museum .chip{display:inline-block;font:700 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px 3px;border:1.5px solid currentColor;border-radius:2px;vertical-align:middle;white-space:nowrap}
#museum .chip.s-pending,#museum .chip.s-estimated,#museum .chip.s-proposed,#museum .chip.s-alleged,#museum .chip.s-forecast{border-style:dashed}
#museum .mu-receipt{font-size:clamp(15px,4.6vw,17px);width:min(100%,18.75em);background:#f6f3ef;color:#252525;padding:1.625em 1.56em 1.8em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),97% 100%,94% calc(100% - 8px),91% 100%,88% calc(100% - 8px),85% 100%,82% calc(100% - 8px),79% 100%,76% calc(100% - 8px),73% 100%,70% calc(100% - 8px),67% 100%,64% calc(100% - 8px),61% 100%,58% calc(100% - 8px),55% 100%,52% calc(100% - 8px),49% 100%,46% calc(100% - 8px),43% 100%,40% calc(100% - 8px),37% 100%,34% calc(100% - 8px),31% 100%,28% calc(100% - 8px),25% 100%,22% calc(100% - 8px),19% 100%,16% calc(100% - 8px),13% 100%,10% calc(100% - 8px),7% 100%,4% calc(100% - 8px),0 100%)}
#museum .mu-receipt-top{display:flex;gap:.65em;align-items:center;font:800 1.15em/.9 var(--display);letter-spacing:-.025em}
#museum .mu-receipt-logo{font-size:3.2em;letter-spacing:-.06em}
#museum .mu-receipt-ref{font:400 .56em/1.4 var(--mono);letter-spacing:.09em;margin:1.3em 0 1.9em;padding-bottom:1.45em;border-bottom:1px dashed #9b9b9b}
#museum .mu-receipt-bill small{display:block;font:400 .56em/1.5 var(--mono)}
#museum .mu-receipt-bill strong{font:800 1.4em/1 var(--display)}
#museum .mu-receipt-columns{display:flex;justify-content:space-between;font:400 .53em/1 var(--mono);margin-top:2.2em;padding:1.05em 0;border-block:1px dashed #a7a7a7}
#museum .mu-receipt-lines>*{display:flex;justify-content:space-between;align-items:center;gap:.5em;min-height:2.9em;border-bottom:1px dotted var(--rule);font:700 .71em/1.2 var(--mono);color:inherit;text-decoration:none}
#museum .mu-receipt-lines>*>span:first-child{margin-right:auto}
#museum .mu-receipt-lines a:hover,#museum .mu-receipt-lines a:focus-visible{background:var(--accent);padding-inline:5px}
#museum .mu-receipt-lines .shut{color:#6c6964}
#museum .stamped{font:800 1.05em/1 var(--display);color:var(--red);text-transform:uppercase;letter-spacing:.02em;transform:rotate(-6deg)}
#museum .stamped:not(:empty){border:2px solid var(--red);padding:2px 5px}
#museum .mu-receipt-total{padding-top:1.35em;margin-top:1.04em;border-top:1px dashed #8f8f8f;display:flex;justify-content:space-between;align-items:baseline;font:700 .6em/1.2 var(--mono)}
#museum .mu-receipt-total strong{font:800 2em/1 var(--display)}
#museum .mu-receipt-note{max-width:17em;font:400 .56em/1.5 var(--mono);margin:1.3em 0 1.5em}
#museum .mu-receipt-barcode{height:1.8em;width:7.4em;background:repeating-linear-gradient(90deg,#2b2b2b 0 2px,transparent 2px 4px,#2b2b2b 4px 5px,transparent 5px 8px,#2b2b2b 8px 12px,transparent 12px 14px)}
#museum .hall{max-width:1240px;margin:0 auto;padding:22px 16px 10px}
#museum .hall-head h1,#museum .hall-head h2{font:800 clamp(38px,7.2vw,84px)/.9 var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:0 0 8px}
#museum .kicker{font:800 clamp(20px,2.6vw,28px)/1 var(--display);text-transform:uppercase;margin:0 0 8px}
#museum .hall-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
#museum .hall-sub .kicker{margin:0}
html.museum-js #museum .hall-sub{min-height:36px}
#museum .hall-hold{margin:0}
@media (prefers-reduced-motion:reduce){
#museum .hall-hold{display:none}
}
#museum .lede{max-width:62ch;margin:0 0 22px}
#museum .hall-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:30px;align-items:start}
#museum .ticket-note{font:400 12px/1.4 var(--mono);margin:12px 0 0}
#museum .wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}
#museum .door{display:block;color:inherit;text-decoration:none}
#museum .niche{position:relative;display:block;aspect-ratio:1/1;background:var(--ivory);border-radius:20% 20% 1% 1%;overflow:hidden;box-shadow:0 6px 0 rgba(0,0,0,.22)}
#museum .niche img{display:block;width:100%;height:100%;object-fit:cover}
#museum .niche img+img{position:absolute;inset:0}
#museum .niche[data-pose] img{visibility:hidden}
#museum .niche[data-pose="1"] img[data-n="1"],#museum .niche[data-pose="2"] img[data-n="2"],#museum .niche[data-pose="3"] img[data-n="3"],#museum .niche[data-pose="4"] img[data-n="4"],#museum .niche[data-pose="5"] img[data-n="5"],#museum .niche[data-pose="6"] img[data-n="6"],#museum .niche[data-pose="7"] img[data-n="7"],#museum .niche[data-pose="8"] img[data-n="8"]{visibility:visible}
#museum a.door:hover .niche,#museum a.door:focus-visible .niche{box-shadow:0 6px 0 rgba(0,0,0,.22),0 0 0 4px var(--on-wall)}
#museum .cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:12px;font:700 15px/1.2 var(--sans)}
#museum .cap b{font:700 12px/1 var(--mono)}
#museum .cap small{flex-basis:100%;font:400 11.5px/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase}
#museum a.door .cap small{font-weight:700;text-decoration:underline}
#museum .bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;padding:9px 16px;background:var(--paper);color:var(--ink);font:600 14px/1.3 var(--sans)}
#museum .bar .where{font:800 20px/1 var(--display);text-transform:uppercase;margin:0 auto 0 0}
#museum .bar .where b{font:700 12px/1 var(--mono);margin-right:4px}
#museum .room{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:28px;align-items:start;align-content:start;max-width:1240px;margin:0 auto;padding:22px 16px 26px;min-height:calc(100vh - 40px);min-height:calc(100svh - 40px)}
#museum .mu-stage{position:sticky;top:calc(var(--museum-frame-top,0px) + 12px)}
#museum .exhibit{margin:0;width:min(100%,calc(100vh - 176px));width:min(100%,calc(100svh - 176px));min-width:220px}
#museum .poses{position:relative;aspect-ratio:1/1;background:var(--ivory);border-radius:20% 20% 1% 1%;overflow:hidden;box-shadow:0 8px 0 rgba(0,0,0,.22)}
#museum .poses img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;visibility:hidden}
#museum .poses[data-pose="1"] img:nth-child(1),#museum .poses[data-pose="2"] img:nth-child(2),#museum .poses[data-pose="3"] img:nth-child(3),#museum .poses[data-pose="4"] img:nth-child(4),#museum .poses[data-pose="5"] img:nth-child(5),#museum .poses[data-pose="6"] img:nth-child(6),#museum .poses[data-pose="7"] img:nth-child(7),#museum .poses[data-pose="8"] img:nth-child(8){visibility:visible}
#museum .exhibit figcaption{display:flex;align-items:center;gap:8px;min-height:40px;margin-top:14px;font:700 16px/1.2 var(--sans)}
#museum .exhibit figcaption b{font:700 12px/1 var(--mono)}
#museum .hold{margin-left:auto;font:800 15px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;min-height:36px;padding:6px 12px;border:2px solid currentColor;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
#museum .arriving{font:400 12px/1.4 var(--mono);margin:8px 0 0}
#museum .beats{display:flex;flex-direction:column;gap:14px;min-width:0}
#museum .rail{display:flex;flex-wrap:wrap;gap:8px}
#museum .rail button{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;font:800 18px/1 var(--display);cursor:pointer}
#museum .rail button[aria-current="step"]{background:var(--on-wall);color:var(--wall);border-color:var(--on-wall)}
#museum .rail button[disabled]{opacity:.45;cursor:default}
#museum .beat{background:var(--paper);color:var(--ink);padding:18px 20px 18px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
#museum .beat h2{font:800 32px/1 var(--display);text-transform:uppercase;margin:0 0 12px}
#museum .beat h2 small{font:400 11px/1 var(--mono);letter-spacing:.1em;margin-right:8px;vertical-align:middle;text-transform:uppercase}
#museum .beat p{margin:0 0 10px}
#museum .line{font:800 clamp(24px,3vw,34px)/1.05 var(--display)}
#museum .lead,#museum .prompt{max-width:60ch}
#museum .prompt{font:800 24px/1.1 var(--display)}
#museum .act{display:inline-block;font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;min-height:44px;padding:12px 18px;margin:6px 8px 0 0;background:var(--ink);color:#fff;border:0;border-radius:4px;cursor:pointer}
#museum .act:focus-visible,#museum .stampbtn:focus-visible,#museum .way:focus-visible,#museum summary:focus-visible,#museum .beat a:focus-visible,#museum .beat input:focus-visible,#museum .again:focus-visible{outline:3px solid #0b57d0;outline-offset:2px;box-shadow:none}
#museum .label-no{font:800 15px/1 var(--display);letter-spacing:.08em;margin:0 0 2px}
#museum .label-item{font:800 44px/.92 var(--display);text-transform:uppercase;margin:0 0 8px!important}
#museum .label-book{font-size:15px}
#museum .label-hook{font:400 13px/1.5 var(--mono);padding-bottom:12px;border-bottom:1px dashed #9b9b9b}
#museum .begins{font:700 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px!important}
#museum .opening .fact{border-top:0;padding-top:4px}
#museum .said{font:800 21px/1.18 var(--display);margin:0 0 8px!important;max-width:44em}
#museum .said .chip{margin-right:6px;position:relative;top:-2px}
#museum .label-back{outline:0}
#museum .label-back .lead{margin-top:12px}
#museum .q{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;border-top:1px dashed #9b9b9b;padding:12px 0 4px}
#museum .q h3{font:800 24px/1 var(--display);text-transform:uppercase;margin:4px 0 0}
#museum .q .fact{border-top:0;padding:0 0 6px}
#museum .fact{border-top:1px dotted var(--rule);padding:12px 0 8px}
#museum .head{font:800 25px/1.12 var(--display);margin:0 0 6px!important}
#museum .head.also{font-size:20px}
#museum .head .chip{margin-right:6px;position:relative;top:-2px}
#museum details.fine{margin:2px 0 0}
#museum details.fine>summary{display:inline-block;cursor:pointer;font:700 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red);padding:6px 0;list-style:none}
#museum details.fine>summary::-webkit-details-marker{display:none}
#museum details.fine>summary::before{content:"+ "}
#museum details.fine[open]>summary::before{content:"\2212  "}
#museum .sentence{border-top:1px dotted #d3cdc4;padding:10px 0 4px}
#museum .sentence>p:first-child:not(.source){font-size:15.5px;line-height:1.5;max-width:68ch}
#museum .source{font:400 12px/1.5 var(--mono);color:var(--dim)}
#museum .source a{color:var(--ink)}
#museum .source .chip{font-size:9.5px;margin-right:4px;color:var(--ink)}
#museum .source .no{font-weight:700;color:var(--ink);margin-right:4px}
#museum .working{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;padding:8px 10px;background:#e9e5df;font:400 12.5px/1.45 var(--mono)}
#museum .working-h{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
#museum .working code{font:inherit;padding-left:1.4em;text-indent:-1.4em}
#museum .waiting-mark{display:inline-block;font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--red);padding:3px 5px 2px;border-radius:2px;vertical-align:middle;position:relative;top:-2px}
#museum .waiting-note{font:700 11px/1.4 var(--mono);letter-spacing:.03em;color:var(--red)}
#museum .foot .waiting-note{color:inherit}
#museum .guess{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font:700 12px/1 var(--mono)}
#museum .guess input{flex:1;min-width:0;accent-color:var(--red);height:32px}
#museum .guessed{font:800 24px/1 var(--display)}
#museum .stamps{display:flex;flex-wrap:wrap;gap:18px 20px;margin:14px 0 6px}
#museum .stampbtn{width:5.4em;font:800 21px/.95 var(--display);color:var(--red);border:2px solid var(--red);background:transparent;padding:7px 6px;text-transform:uppercase;cursor:pointer}
#museum .stampbtn:nth-child(1){transform:rotate(-7deg)}
#museum .stampbtn:nth-child(2){transform:rotate(4deg)}
#museum .stampbtn:nth-child(3){transform:rotate(-3deg)}
#museum .stampbtn:nth-child(4){transform:rotate(6deg)}
#museum .stampbtn:nth-child(5){transform:rotate(-5deg)}
#museum .stampbtn[aria-pressed="true"]{background:var(--red);color:#fff}
#museum .strip{display:flex;align-items:center;gap:10px;min-height:54px;border-block:1px dashed #9b9b9b;margin:16px 0 10px;font:700 14px/1 var(--mono)}
#museum .strip>span:first-child{margin-right:auto}
#museum .mark{font:800 17px/1 var(--display);color:var(--red);text-transform:uppercase;transform:rotate(-7deg)}
#museum .mark:not(:empty){border:2px solid var(--red);padding:3px 6px}
#museum .kept{font:400 12px/1.5 var(--mono);color:var(--dim)}
#museum .linkish{font:inherit;color:var(--ink);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
#museum .doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0}
#museum .way{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 8px 14px;border:2px solid var(--ink);border-radius:46% 46% 3px 3px / 30% 30% 3px 3px;color:var(--ink);text-decoration:none}
#museum .way b{font:800 22px/1 var(--display);text-transform:uppercase}
#museum .way span{font:400 12px/1.4 var(--mono)}
#museum .way:hover{background:var(--ink);color:#fff}
#museum .clip{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding-top:14px;border-top:1px dashed #9b9b9b}
#museum .clip img{width:88px;height:88px;flex:none;mix-blend-mode:multiply}
#museum .clip p{margin:0;font:400 13px/1.5 var(--mono)}
#museum .clip b{display:block;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
#museum .ends{display:flex;align-items:center;gap:14px;margin:2px 0 0;font:400 13px/1 var(--mono)}
#museum .again{font:800 16px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;min-height:40px;padding:8px 14px;border:2px solid currentColor;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
#museum .again:focus-visible{outline-color:#fff}
#museum .wall .eleventh{grid-column:1/-1}
#museum .wall .eleventh .door{display:grid;grid-template-columns:minmax(0,calc((100% - 56px)/5)) minmax(0,1fr);gap:0 18px;align-items:center}
#museum .wall .eleventh .cap{margin-top:0;font-size:22px;font-family:var(--display);text-transform:uppercase}
#museum .wall .eleventh .cap b{font-size:14px}
#museum .wall .eleventh .cap small{text-transform:none;font:400 14px/1.4 var(--sans);letter-spacing:0;margin-top:4px}
#museum .tm .exhibit .niche{box-shadow:0 8px 0 rgba(0,0,0,.22)}
#museum .tm .beats .kicker{margin:4px 0 0}
#museum .tm .beats .lede{margin:0 0 4px}
#museum .tm-beat h2{font:800 30px/1 var(--display);text-transform:uppercase;margin:0 0 10px}
#museum .tm-beat .fact{margin:0 0 10px}
#museum .tm .foot{padding-inline:0}
#museum .foot{max-width:1240px;margin:0 auto;padding:6px 16px 44px;font-size:14px;line-height:1.5}
#museum .foot p{margin:0 0 8px;max-width:86ch}
#museum .hall .foot{padding-inline:0;padding-top:26px}
#museum .legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6px 18px;margin:10px 0 12px}
#museum .legend div{display:flex;gap:8px;align-items:baseline}
#museum .legend dd{margin:0;font-size:13px}
#museum .foot-links{font:700 13px/1.5 var(--mono)}
@media (max-width:900px){
#museum .hall-grid{grid-template-columns:minmax(0,1fr)}
#museum .hall-ticket{order:2}
#museum .wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}
#museum .wall .eleventh .door{grid-template-columns:minmax(0,calc((100% - 8px)/2)) minmax(0,1fr);gap:0 12px}
#museum .wall .eleventh .cap{font-size:18px}
#museum .hall{padding-inline:12px}
#museum .room{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 12px 20px}
#museum .mu-stage{position:sticky;top:var(--museum-frame-top,0px);z-index:2;background:var(--wall);margin:0 -12px;padding:10px 12px 6px}
#museum .exhibit{width:min(100%,36vh);width:min(100%,36svh);min-width:200px;margin:0 auto}
#museum .poses{box-shadow:0 5px 0 rgba(0,0,0,.22)}
#museum .exhibit figcaption{min-height:36px;margin-top:9px;font-size:14px}
#museum .hold{min-height:34px;font-size:14px;padding:5px 10px}
#museum .arriving{margin:4px 0 0}
html:not(.museum-js) #museum .mu-stage{position:static}
html:not(.museum-js) #museum .exhibit{width:min(100%,300px)}
#museum .beat{padding:16px 14px}
#museum .beat h2{font-size:27px}
#museum .label-item{font-size:36px}
#museum .q{grid-template-columns:minmax(0,1fr)}
#museum .doors{grid-template-columns:minmax(0,1fr)}
#museum .way{border-radius:3px;padding:14px 8px;flex-direction:row;justify-content:space-between;text-align:left}
}