@property --pxl-t{syntax:"<color>";inherits:true;initial-value:#ecebe5}.pxl [data-l=parking]{--pxl-t:var(--tint-stone)}.pxl [data-l=safety]{--pxl-t:var(--tint-lilac)}.pxl [data-l=upkeep]{--pxl-t:var(--tint-clay)}.pxl [data-l=grounds]{--pxl-t:var(--tint-sage)}.pxl{--pxl-lab:clamp(256px, 23vw, 336px);--pxl-art:clamp(372px, 31vw, 446px);--pxl-cards:clamp(214px, 17vw, 248px);--pxl-gap:clamp(20px, 2vw, 32px);margin:0}.pxl p{margin:0}.pxl-layers,.pxl-moments{margin:0;padding:0;list-style:none}.pxl-art{--pxl-lead:color-mix(in oklch, var(--ink) 40%, var(--ground));--pxl-cyan:var(--cyan-deep);position:relative}.pxl-svg{--pxl-ink-q:color-mix(in oklch, var(--ink) 40%, var(--ground));block-size:auto;inline-size:100%;display:block;overflow:visible}.pxl-svg :is(polygon,rect,line,polyline,circle,ellipse,path){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.pxl-plane{--pxl-t:color-mix(in oklch, var(--ink) 6%, var(--ground))}.pxl-face{fill:var(--pxl-t);stroke:var(--ink);stroke-width:1.25px}.pxl-edge{fill:oklch(from var(--pxl-t) calc(l - .06) calc(c * 1.4) h);stroke:var(--ink);stroke-width:1.25px}.pxl-edge-r{fill:oklch(from var(--pxl-t) calc(l - .12) calc(c * 1.6) h)}.pxl-plan,.pxl-plan-d{fill:none;stroke:var(--ink);stroke-width:1px}.pxl-plan-d{stroke-opacity:.4}.pxl-ghost{fill:none;stroke:var(--ink);stroke-width:1px;stroke-opacity:.13}.pxl-letter{font-family:var(--font-display);fill:oklch(from var(--pxl-t) calc(l - .15) calc(c * 3) h);font-size:90px;font-weight:600}.pxl-ink{fill:none;stroke:var(--ink);stroke-width:1.25px}.pxl-foot{fill:oklch(from var(--pxl-t) calc(l - .16) calc(c * 1.8) h)}.pxl-lot{fill:oklch(from var(--pxl-t) calc(l - .045) c h)}.pxl-stall{stroke:var(--ink);stroke-width:1px;stroke-opacity:.55}.pxl-car{fill:var(--ground);stroke:var(--ink);stroke-width:1.1px}.pxl-car-sh{fill:color-mix(in oklch, var(--ink) 16%, transparent)}.pxl-roof{fill:color-mix(in oklch, var(--ground) 90%, var(--ink))}.pxl-glass{fill:color-mix(in oklch, var(--ground) 38%, var(--ink))}.pxl-board{fill:var(--ground);stroke:var(--ink);stroke-width:1.15px}.pxl-band{fill:var(--ink)}.pxl-qr{fill:none;stroke:var(--ink);stroke-width:1px}.pxl-scan-line,.pxl-scan-halo{stroke:var(--pxl-cyan);stroke-linecap:round}.pxl-scan-line{stroke-width:2.5px}.pxl-scan-halo{stroke-width:9px;stroke-opacity:.22}.pxl-pin{fill:var(--ink)}.pxl-tick{fill:none;stroke:var(--ground);stroke-width:1.6px}.pxl-at{font:500 12px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;fill:var(--ink);stroke:var(--pxl-t);stroke-width:4px;stroke-linejoin:round;paint-order:stroke}.pxl-lit{fill:var(--ground);stroke:var(--ink);stroke-width:1.15px}.pxl-out{fill:var(--ink);stroke:var(--ink);stroke-width:1.15px}.pxl-lawn{fill:oklch(from var(--pxl-t) calc(l - .05) calc(c * 2) h);stroke:var(--ink);stroke-width:1px;stroke-opacity:.3}.pxl-canopy{fill:oklch(from var(--pxl-t) calc(l - .14) calc(c * 3) h);stroke:var(--ink);stroke-width:1.15px}.pxl-water{fill:var(--tint-mist);stroke:var(--ink);stroke-width:1.15px}.pxl-coping{fill:none;stroke:var(--ink);stroke-width:1px;stroke-opacity:.35}.pxl-picket{fill:none;stroke:var(--ink);stroke-width:1px;stroke-opacity:.7}.pxl-gate{fill:var(--ground);stroke:var(--ink);stroke-width:1.75px}.pxl-lead :is(polyline,line){fill:none;stroke:var(--pxl-lead);stroke-width:1px}.pxl-lead circle{fill:var(--ink)}.pxl-base{gap:var(--space-2);display:grid}.pxl-base-k,.pxl-base-t{font:500 var(--type-kicker) / 1.4 var(--font-mono);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase;color:var(--meta)}.pxl-base-t{margin-block-start:var(--space-1)}.pxl-nw{white-space:nowrap}.pxl-base-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,2.5vw,40px);line-height:1.02;display:grid}.pxl-base-name strong{font-weight:600}.pxl-base-name span{font-family:var(--font-body);letter-spacing:-.03em;font-weight:400}.pxl-name{align-items:center;gap:var(--space-3);font:600 clamp(22px, 1.8vw, 26px) / 1.1 var(--font-display);letter-spacing:-.01em;display:flex}.pxl-mark{background:var(--pxl-t);block-size:28px;inline-size:28px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink) 20%, transparent);font:600 16px / 1 var(--font-display);color:var(--brand-navy);border-radius:8px;flex:none;place-items:center;display:inline-grid}.pxl-team{font-size:var(--type-small);color:var(--ink-2);margin-block-start:var(--space-2);line-height:1.35}.pxl-says{font-size:var(--type-small);color:var(--ink-2);text-wrap:balance;margin-block-start:var(--space-2);line-height:1.4}.pxl-says a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-ink);text-underline-offset:.15em;transition:color var(--dur-micro) var(--ease-out);font-weight:500;text-decoration-thickness:from-font}@media (pointer:fine){.pxl-says a:hover{color:var(--accent-ink)}}.pxl-says a:focus-visible,.pxl-says a:active{color:var(--accent-ink)}.pxl .pxl-m{inline-size:max-content;max-inline-size:var(--pxl-cards);border-radius:var(--radius-md);background:var(--ground-3);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);gap:3px;padding:7px 10px 8px;font-size:13px;line-height:1.3;display:grid;overflow:hidden}.pxl-m-row{align-items:center;gap:var(--space-2);display:flex}.pxl-m-title{font-weight:600}.pxl-m-sub{color:var(--ink-2)}.pxl-time,.pxl-num{font:500 12px / 1.2 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}.pxl-num{color:var(--ink);font-size:13px;font-weight:600}.pxl-m[data-m=pass]{padding-block-start:0}.pxl-m-band{background:var(--ink);color:var(--ground);margin-inline:-10px;padding:5px 10px;font-size:12px;font-weight:600}.pxl-lp{padding:1px 5px;font-size:12px}.pxl-ok{border-radius:var(--radius-pill);background:var(--tint-ok-soft);color:var(--tint-ok);padding:2px 7px;font-size:12px;font-weight:600}.pxl [data-quiet]{--ink:var(--pxl-ink-q);--pxl-t:color-mix(in oklch, var(--brand-navy) 4%, var(--ground));--tint-mist:var(--pxl-t)}.pxl-marks{flex:none;gap:4px;display:inline-flex}.pxl [data-l=beyond] .pxl-mark{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink) 35%, transparent);color:var(--ink-2);background:0 0}.pxl [data-l=beyond] .pxl-name{color:var(--ink-2);font-size:clamp(18px,1.4vw,21px)}@media (width<=1199px){.pxl-lead{display:none}.pxl-art{max-inline-size:470px;margin-inline:auto}.pxl-art.ground-night{max-inline-size:none;margin-inline:calc(-1 * var(--gutter));padding:var(--space-6) var(--gutter)}.pxl-art.ground-night>*{max-inline-size:470px;margin-inline:auto}.pxl-base{margin-block:var(--space-4) 0;text-align:center;justify-items:center}.pxl-base-name{display:block}.pxl-layer{gap:var(--space-3);padding-block:var(--space-4) var(--space-5);border-block-start:1px solid var(--hairline);display:grid}.pxl-says{max-inline-size:46ch}.pxl-moments{gap:var(--space-2);flex-wrap:wrap;display:flex}.pxl .pxl-m{max-inline-size:100%}.pxl-layers{margin-block-start:var(--space-6)}}@media (width>=760px) and (width<=1199px){.pxl-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:clamp(32px,5vw,64px);max-inline-size:1000px;margin-inline:auto;display:grid}.pxl-layers{margin-block-start:0}.pxl-layer:first-child{border-block-start:0;padding-block-start:0}.pxl-layer:last-child{padding-block-end:0}}@media (width>=1200px){.pxl{grid-template-columns:var(--pxl-lab) var(--pxl-art) var(--pxl-cards);column-gap:var(--pxl-gap);justify-content:center;display:grid}.pxl-stage{grid-column:2;position:relative}.pxl[data-ground-mode=seam]{--pxl-art:clamp(320px, 27vw, 400px);grid-template-columns:1fr 1fr;column-gap:0}.pxl[data-ground-mode=seam] .pxl-stage{inline-size:var(--pxl-art);margin-inline-start:var(--pxl-gap)}.pxl-base,.pxl-label{inline-size:var(--pxl-lab);text-align:end;position:absolute;inset-block-start:var(--y);inset-inline-end:calc(100% + var(--pxl-gap));translate:0 -50%}.pxl[data-ground-mode=seam] :is(.pxl-base,.pxl-label){inset-inline-end:calc(100% + var(--pxl-gap) * 3)}.pxl-base{justify-items:end;translate:0 -18%}.pxl-name{flex-direction:row-reverse}.pxl-m{position:absolute;inset-block-start:var(--y);inset-inline-start:calc(100% + 2px);translate:0 -50%}}@media (prefers-reduced-motion:no-preference){html[data-js]:not([data-motion=off]) .pxl-sheet{transition:transform var(--spring-trail-dur) var(--spring-trail), opacity var(--dur-reveal) var(--ease-out), --pxl-t var(--dur-reveal) var(--ease-out) calc(.5s + var(--i) * .2s)}html[data-js]:not([data-motion=off]) .pxl-check{transition:opacity var(--dur-reveal) var(--ease-out) calc(.56s + var(--i) * .2s)}html[data-js]:not([data-motion=off]) .pxl-scan{transition:transform calc(var(--dur-media) * 2) var(--ease-morph) 1.4s, opacity var(--dur-micro) linear 1.4s}html[data-js]:not([data-motion=off]) :is(.pxl-label,.pxl-m,.pxl-lead){transition:opacity var(--dur-reveal) var(--ease-out) calc(.56s + var(--i) * .2s), transform var(--spring-state-dur) var(--spring-state) calc(.56s + var(--i) * .2s)}html[data-js]:not([data-motion=off]) .pxl-m[data-m=verdict]{transition-delay:2.5s}html[data-js]:not([data-motion=off]) .pxl:not([data-revealed]) .pxl-sheet{--pxl-t:color-mix(in oklch, var(--ink) 3%, var(--ground));transform:translateY(calc(var(--n) * 104px));opacity:0}html[data-js]:not([data-motion=off]) .pxl:not([data-revealed]) :is(.pxl-check,.pxl-label,.pxl-m,.pxl-lead){opacity:0}html[data-js]:not([data-motion=off]) .pxl:not([data-revealed]) .pxl-scan{transform:translate(var(--pxl-scan-from));opacity:0}html[data-js]:not([data-motion=off]) .pxl:not([data-revealed]) .pxl-m{transform:translate(-8px)}}
