@container site (min-width:1100px){.ph-art.is-dw:has(.hb){top:40px;bottom:auto;right:calc(var(--edge) - min(40px, var(--edge) * .4));width:min(55cqw, (max(100svh, 860px) - var(--gd-hdh) - 100px) * 1.136)}}@container site (max-width:1099.98px){.ph-art.is-dw:has(.hb){width:min(100%,760px)}}.hb{--ink:var(--gd-ink);--brass:var(--gd-brass);--paper:var(--gd-bone);--out:cubic-bezier(.16, 1, .3, 1);--inout:cubic-bezier(.65, 0, .35, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);aspect-ratio:1000/880;margin:0;position:relative}.hb-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hb-ln{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:square;stroke-dasharray:1;animation:hb-draw var(--u) var(--inout) var(--t) both}.hb-m-up{transform-box:fill-box;transform-origin:50% 100%;animation:hb-up var(--u) var(--out) var(--t) both}.hb-m-pour{transform-box:fill-box;transform-origin:0;animation:hb-pour var(--u) var(--inout) var(--t) both}.hb-m-fade{animation:hb-fade var(--u) ease var(--t) both}.hb-m-pop{transform-box:fill-box;transform-origin:50%;animation:hb-pop var(--u) var(--pop) var(--t) both}@keyframes hb-draw{0%{stroke-dashoffset:1px}}@keyframes hb-up{0%{transform:scaleY(0)}}@keyframes hb-pour{0%{transform:scaleX(0)}}@keyframes hb-fade{0%{opacity:0}}@keyframes hb-pop{0%{transform:scale(0)}}.ph .hb,.ph .hb *{animation-play-state:paused}html:not([class*=gd-hold]) .ph .hb,html:not([class*=gd-hold]) .ph .hb *{animation-play-state:running}.hb-k-h{stroke-width:2.8px}.hb-k-l{stroke-width:1px}.hb-k-ax{stroke-width:1px;stroke:color-mix(in srgb, var(--ink) 16%, transparent)}.hb-below .hb-k-c{stroke-width:1px;stroke:color-mix(in srgb, var(--ink) 38%, transparent)}.hb-ld .hb-ln{stroke-width:1.3px}.hb-bubble circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.3px}.hb-bubble text,.hb-lv,.hb-dim{fill:var(--ink);letter-spacing:.05em;font-size:15px}.hb-lv{fill:color-mix(in srgb, var(--ink) 62%, var(--paper));font-size:12.5px}.hb-lv-v{fill:var(--ink);font-size:15px;font-weight:700}.hb-tri{fill:none;stroke:var(--ink);stroke-width:1.2px}.hb-ground{fill:url(#hb-gr)}.hb-pat-ground{stroke:color-mix(in srgb, var(--ink) 34%, transparent);stroke-width:1px}.hb-pencil{fill:none;stroke:color-mix(in srgb, var(--ink) 55%, var(--paper));stroke-width:.9px;stroke-dasharray:1;opacity:0;animation:hb-pencil var(--u) linear var(--t) both}@keyframes hb-pencil{0%{stroke-dashoffset:1px;opacity:.75}15%{stroke-dashoffset:0;opacity:.75}80%{opacity:.6}to{stroke-dashoffset:0;opacity:0}}.hb-col,.hb-plaster,.hb-glass,.hb-hatch,.hb-wood{stroke:var(--ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hb-col{fill:color-mix(in srgb, var(--ink) 11%, var(--paper))}.hb-slab,.hb-chajja,.hb-fig{fill:var(--ink)}.hb-hatch{fill:url(#hb-hx)}.hb-pat-ink{fill:color-mix(in srgb, var(--ink) 55%, transparent)}.hb-pat-paper{fill:color-mix(in srgb, var(--gd-cloud) 55%, var(--paper))}.hb-pat-clay{fill:color-mix(in srgb, var(--brass) 24%, var(--paper))}.hb-rail{fill:none;stroke:var(--ink);stroke-width:1.2px}.hb-brick{fill:url(#hb-br);stroke:var(--ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hb-pat-brick{fill:none;stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:.8px}#hb-br{overflow:visible}.hb-plaster{fill:color-mix(in srgb, var(--gd-cloud) 72%, var(--paper))}.hb-glass{fill:color-mix(in srgb, var(--ink) 8%, var(--paper))}.hb-mull{fill:none;stroke:var(--ink);stroke-width:1px}.hb-wood{fill:var(--ink)}.hb-slat{fill:none;stroke:color-mix(in srgb, var(--paper) 28%, transparent);stroke-width:1px}.hb-knob{fill:var(--brass)}.hb-tank{fill:var(--ink)}.hb-tank-rib{fill:none;stroke:color-mix(in srgb, var(--paper) 55%, transparent);stroke-width:1px}.hb-svc .hb-ln{stroke:var(--brass);stroke-width:3px;stroke-linecap:round}.hb-box{fill:var(--brass);stroke:var(--ink);stroke-width:1px}.hb-glow{fill:var(--brass);opacity:.55;animation:hb-fade var(--u) ease var(--t) both}.hb-zone{fill:url(#hb-hy);opacity:0;animation:hb-flash var(--u) ease-out var(--t) both}.hb-pat-brass{fill:var(--brass)}.hb-pat-brass-lo{fill:color-mix(in srgb, var(--brass) 40%, transparent)}@keyframes hb-flash{0%{opacity:0}18%{opacity:.95}to{opacity:0}}.hb-mk rect{fill:var(--brass);stroke:var(--ink);stroke-width:1.6px}.hb-mk text{fill:var(--ink);font-size:16px;font-weight:800}.hb-tick circle{fill:var(--ink)}.hb-tick path{fill:none;stroke:var(--paper);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.hb-dot{fill:var(--ink)}.hb-card{background:var(--gd-cloud);width:28%;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 11%, transparent), 0 22px 44px -26px color-mix(in srgb, var(--gd-night) 55%, transparent);color:var(--ink);animation:hb-card var(--u) var(--out) var(--t) backwards;border-radius:6px;padding:clamp(9px,1.15cqw,14px) clamp(10px,1.3cqw,16px) clamp(10px,1.2cqw,15px);position:absolute}@keyframes hb-card{0%{opacity:0;translate:0 16px}}.hb-cn{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 62%, var(--paper));align-items:center;gap:10px;margin:0;font-size:10px;display:flex}.hb-cn b{background:var(--brass);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);letter-spacing:0;place-items:center;font-size:12px;display:grid}.hb-ch{font-size:clamp(14px,1.9cqw,21px);line-height:.98;font-weight:var(--gd-font-dw,800);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;margin:clamp(6px,.8cqw,9px) 0 0}.hb-cp{color:color-mix(in srgb, var(--ink) 74%, var(--paper));text-wrap:pretty;margin:clamp(4px,.6cqw,7px) 0 0;font-size:clamp(11px,1.2cqw,13px);line-height:1.4}.hb-meter{white-space:nowrap;border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 62%, var(--paper));align-items:center;gap:6px;margin:clamp(7px,.9cqw,10px) 0 0;padding-top:clamp(7px,.9cqw,10px);font-size:9.5px;display:flex}.hb-sq{gap:3px;margin-right:4px;display:flex}.hb-sq i{background:var(--brass);width:9px;height:9px;box-shadow:inset 0 0 0 1.2px var(--ink);animation:hb-sq var(--u) ease var(--t) both}@keyframes hb-sq{0%{background:0 0}}@property --hbn{syntax:"<integer>";inherits:false;initial-value:6}.hb-n{color:var(--ink);letter-spacing:0;counter-reset:hbn var(--hbn);font-size:16px;animation:4.56s linear both hb-count}.hb-n:before{content:counter(hbn)}@keyframes hb-count{0%,37.4%{--hbn:0}37.5%,45.3%{--hbn:1}45.4%,57.8%{--hbn:2}57.9%,67.7%{--hbn:3}67.8%,86.7%{--hbn:4}86.8%,94.6%{--hbn:5}94.7%,to{--hbn:6}}@media (hover:hover){.hb-card{transition:transform .5s cubic-bezier(.3,1.4,.5,1),box-shadow .35s,opacity .35s}.hb-card:hover{box-shadow:inset 0 0 0 2px var(--ink), 0 30px 44px -30px color-mix(in srgb, var(--gd-black) 60%, transparent);transform:translateY(-6px)}.hb:has(.hb-card:hover) .hb-card:not(:hover){opacity:.55}.hb-ld .hb-ln{transition:stroke-width .3s}.hb-ld .hb-dot{transition:r .3s}:is(.hb:has(.hb-card[data-card="0"]:hover) .hb-ld[data-card="0"] .hb-ln,.hb:has(.hb-card[data-card="1"]:hover) .hb-ld[data-card="1"] .hb-ln,.hb:has(.hb-card[data-card="2"]:hover) .hb-ld[data-card="2"] .hb-ln){stroke-width:2.6px}:is(.hb:has(.hb-card[data-card="0"]:hover) .hb-ld[data-card="0"] .hb-dot,.hb:has(.hb-card[data-card="1"]:hover) .hb-ld[data-card="1"] .hb-dot,.hb:has(.hb-card[data-card="2"]:hover) .hb-ld[data-card="2"] .hb-dot){r:5px}.hb-mk :is(rect,text){transition:fill .3s}.hb:has(.hb-card[data-card="1"]:hover) .hb-mk rect{fill:var(--ink)}.hb:has(.hb-card[data-card="1"]:hover) .hb-mk text{fill:var(--brass)}}@container (max-width:700px){.hb-cp{display:none}.hb-card{width:30%}.hb-meter{letter-spacing:.06em;gap:6px;font-size:9.5px}.hb-sq i{width:9px;height:9px}}@container (max-width:599.98px){.hb{aspect-ratio:auto;overflow:hidden}.hb-svg{width:156.25%;height:auto;margin-top:-39%;position:static}.hb-ld{display:none}.hb-card{width:auto;margin-top:10px;position:static}.hb-cp{display:block}.hb-ch{font-size:22px}.hb-cp{font-size:14px}}