.ns .hero-art[data-art=mailboxes]{container-type:inline-size}.ns .hero-art[data-art=mailboxes] .mb-wrap{position:relative;box-sizing:border-box;height:100%;padding:clamp(16px,4cqw,26px);display:flex;flex-direction:column;gap:clamp(12px,3cqw,18px);font-family:"Geist NS",var(--font-geist),system-ui,sans-serif;color:var(--text)}.ns .hero-art[data-art=mailboxes] .mb-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 11.5px/1.2 Geist Mono NS,var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ns .hero-art[data-art=mailboxes] .mb-key{display:inline-flex;align-items:center;gap:7px;text-transform:none;letter-spacing:.02em;white-space:nowrap}.ns .hero-art[data-art=mailboxes] .mb-key i{width:9px;height:9px;border-radius:50%;background:var(--text2)}.ns .hero-art[data-art=mailboxes] .mb-band{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px clamp(12px,3cqw,16px);border-radius:18px;border:1px solid var(--line2);background:var(--panel2);opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n) * .16s)}.ns .hero-art[data-art=mailboxes] .mb-band.us{border-color:color-mix(in srgb,var(--ember) 38%,var(--line2));box-shadow:0 18px 40px -28px color-mix(in srgb,var(--ember) 70%,transparent)}.ns .hero-art[data-art=mailboxes] .mb-band.them{border-color:color-mix(in srgb,var(--them) 34%,var(--line2));box-shadow:0 18px 40px -28px color-mix(in srgb,var(--them) 70%,transparent);overflow:hidden}.ns .hero-art[data-art=mailboxes].is-in .mb-band{opacity:1;transform:none}.ns .hero-art[data-art=mailboxes] .mb-logo{display:flex;align-items:center;gap:8px;height:24px;font-weight:600;font-size:15px;color:var(--text)}.ns .hero-art[data-art=mailboxes] .mb-logo svg{height:20px;width:auto;display:block}.ns .hero-art[data-art=mailboxes] .mb-logo .lg-them,.ns .hero-art[data-art=mailboxes] .mb-logo .lg-us{display:inline-flex;align-items:center;gap:8px}.ns .hero-art[data-art=mailboxes] .mb-logo .lg-us svg{height:22px}.ns .hero-art[data-art=mailboxes] .mb-row{display:flex;align-items:center;gap:0}.ns .hero-art[data-art=mailboxes] .mb-field{position:relative;flex:0 0 74.07%;min-width:0}.ns .hero-art[data-art=mailboxes] .mb-field.wide{flex:1 1 100%;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 84%);mask-image:linear-gradient(90deg,#000 55%,transparent 84%)}.ns .hero-art[data-art=mailboxes] .mb-dots{width:100%;height:auto;display:block;overflow:visible}.ns .hero-art[data-art=mailboxes] .mb-dot{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .45s ease calc(.35s + var(--c) * 32ms),transform .5s cubic-bezier(.3,1.5,.5,1) calc(.35s + var(--c) * 32ms),fill .4s ease calc(var(--i) * 9ms)}.ns .hero-art[data-art=mailboxes].is-in .mb-dot{opacity:1;transform:none}.ns .hero-art[data-art=mailboxes] .us .mb-dot{fill:color-mix(in srgb,var(--ember) 22%,var(--line2))}.ns .hero-art[data-art=mailboxes] .us .mb-dot.on{fill:var(--ember)}.ns .hero-art[data-art=mailboxes] .them .mb-dot{fill:var(--them)}.ns .hero-art[data-art=mailboxes] .them .mb-dot.over{fill:color-mix(in srgb,var(--them) 70%,transparent)}.ns .hero-art[data-art=mailboxes].is-in .them .mb-dot.over{opacity:.8}.ns .hero-art[data-art=mailboxes].is-done:not(.is-paused) .them .mb-dot.over{animation:mb-grow 3.6s ease-in-out infinite;animation-delay:calc(var(--c) * 90ms)}@keyframes mb-grow{0%,to{opacity:.85}50%{opacity:.3}}.ns .hero-art[data-art=mailboxes] .mb-limit{position:absolute;top:-6px;bottom:-6px;left:74.07%;width:0;border-left:1.5px dashed var(--text2);opacity:.75}.ns .hero-art[data-art=mailboxes] .mb-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ns .hero-art[data-art=mailboxes] .mb-side.over{position:absolute;right:clamp(8px,2cqw,14px);top:50%;transform:translateY(-50%);flex:none;width:22%;color:var(--them);z-index:1}.ns .hero-art[data-art=mailboxes] .mb-band.them .mb-row{position:relative}.ns .hero-art[data-art=mailboxes] .mb-num{line-height:.9;font-weight:600;letter-spacing:-.05em;font-size:clamp(48px,15cqw,78px);color:var(--ember);font-variant-numeric:tabular-nums}.ns .hero-art[data-art=mailboxes] .mb-num.long{font-size:clamp(40px,12.5cqw,64px)}.ns .hero-art[data-art=mailboxes] .mb-plan{font:500 11.5px/1.2 Geist Mono NS,var(--font-geist-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);text-align:center}.ns .hero-art[data-art=mailboxes] .mb-inf{width:clamp(46px,13cqw,66px);height:auto;display:block;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--them) 45%,transparent))}.ns .hero-art[data-art=mailboxes] .mb-inf path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.5s cubic-bezier(.5,0,.2,1) 1.1s}.ns .hero-art[data-art=mailboxes].is-in .mb-inf path{stroke-dashoffset:0}.ns .hero-art[data-art=mailboxes] .mb-side.over .mb-plan{color:var(--them)}.ns .hero-art[data-art=mailboxes] .mb-chips{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.ns .hero-art[data-art=mailboxes] .mb-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;color:var(--muted);transition:color .3s,border-color .3s,background .3s}.ns .hero-art[data-art=mailboxes] .mb-chip b{font-weight:600;font-variant-numeric:tabular-nums}.ns .hero-art[data-art=mailboxes] .mb-chip.act{color:var(--text);border-color:color-mix(in srgb,var(--ember) 65%,var(--line2));background:color-mix(in srgb,var(--ember) 12%,var(--panel2))}.ns .hero-art[data-art=mailboxes] .mb-chip.act b{color:var(--ember)}.ns .hero-art[data-art=mailboxes] .mb-cav{margin:0;display:flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 10px;border-radius:10px;border:1px dashed var(--line2);font:500 11.5px/1.35 Geist Mono NS,var(--font-geist-mono),monospace;color:var(--text2)}.ns .hero-art[data-art=mailboxes] .mb-cav i{flex:none;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--text2)}@media (max-width:480px){.ns .hero-art[data-art=mailboxes] .mb-top{font-size:11px}.ns .hero-art[data-art=mailboxes] .mb-chip{font-size:12px;padding:3px 8px}.ns .hero-art[data-art=mailboxes] .mb-cav{font-size:11px}}@media (prefers-reduced-motion:reduce){.ns .hero-art[data-art=mailboxes] *{transition:none!important;animation:none!important}.ns .hero-art[data-art=mailboxes] .mb-band,.ns .hero-art[data-art=mailboxes] .mb-dot{opacity:1!important;transform:none!important}.ns .hero-art[data-art=mailboxes] .mb-inf path{stroke-dashoffset:0}}