/* Low-contrast, MISH-owned architectural drawings. Sample brands are not targets. */
.mish-bg-host{isolation:isolate}
.mish-bg-host[data-mish-bg-position="relative"]{position:relative}
.mish-bg-host>.mish-background{--mish-bg-blue:#63d7e3;--mish-bg-orange:#ffb16b;--mish-bg-red:#ff777f;position:absolute;z-index:-1;inset:0;display:block;overflow:hidden;pointer-events:none!important;user-select:none;contain:paint;background:none}
.mish-bg-host>.mish-background::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#63d7e310 1px,transparent 1px),linear-gradient(90deg,#63d7e310 1px,transparent 1px);background-size:48px 48px;opacity:.3;mask-image:linear-gradient(100deg,transparent 10%,#000 100%)}
.mish-bg-host>.mish-background>.mish-bg-sketch{position:absolute;display:block;right:-3%;top:6%;width:min(70%,860px);height:auto;max-width:none;overflow:visible;opacity:.23;fill:none!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none!important}
.mish-bg-host>.mish-background>.mish-bg-sketch--secondary{width:min(51%,600px);left:-9%;right:auto;top:auto;bottom:1%;opacity:.14;transform:rotate(-8deg)}
.mish-bg-host>.mish-background .mish-bg-sketch path{fill:none!important;stroke:var(--mish-bg-blue);vector-effect:non-scaling-stroke}
.mish-bg-host>.mish-background .mish-bg-sketch .mish-bg-orange{stroke:var(--mish-bg-orange)}
.mish-bg-host>.mish-background .mish-bg-sketch .mish-bg-red{stroke:var(--mish-bg-red)}
/* A shared cycle builds each stage in order. No negative delays or finished ghost beneath it. */
.mish-bg-host>.mish-background .mish-bg-draw{stroke-dasharray:100;stroke-dashoffset:0;opacity:1;animation:none;--mish-build-animation:mish-build-0}
.mish-bg-host[data-mish-bg-active="true"]>.mish-background .mish-bg-draw{animation:var(--mish-build-animation) 14s linear infinite both}
.mish-bg-host>.mish-background [data-build-stage="1"]{--mish-build-animation:mish-build-1}
.mish-bg-host>.mish-background [data-build-stage="2"]{--mish-build-animation:mish-build-2}
.mish-bg-host>.mish-background [data-build-stage="3"]{--mish-build-animation:mish-build-3}
.mish-bg-host>.mish-background [data-build-stage="4"]{--mish-build-animation:mish-build-4}
.mish-bg-host>.mish-background [data-build-stage="5"]{--mish-build-animation:mish-build-5}
.mish-bg-host>.mish-background [data-build-stage="6"]{--mish-build-animation:mish-build-6}
.mish-bg-host>.mish-background [data-build-stage="7"]{--mish-build-animation:mish-build-7}
.mish-bg-host>.mish-background [data-build-stage="8"]{--mish-build-animation:mish-build-8}
/* Pause and reduced motion reveal the full completed outline immediately. */
.mish-bg-host[data-mish-bg-still="true"]>.mish-background .mish-bg-draw{animation:none;stroke-dashoffset:0;opacity:1}
.mish-bg-host[data-mish-bg-surface="paper"]>.mish-background{--mish-bg-blue:#63d7e3;--mish-bg-orange:#ffb16b;--mish-bg-red:#ff777f;background:none}
.mish-bg-host[data-mish-bg-surface="paper"]>.mish-background>.mish-bg-sketch{opacity:.18}
.mish-bg-host[data-mish-bg-surface="paper"]>.mish-background>.mish-bg-sketch--secondary{opacity:.1}
.mish-bg-host[data-mish-bg-surface="paper"]>.mish-background::before{opacity:.23}
.mish-bg-host[data-mish-bg-compact="true"]>.mish-background{background:none}
.mish-bg-host[data-mish-bg-compact="true"]>.mish-background>.mish-bg-sketch{width:460px;right:5%;top:50%;transform:translateY(-50%);opacity:.13}
.mish-bg-host[data-mish-bg-compact="true"]>.mish-background>.mish-bg-sketch--secondary{display:none}
@keyframes mish-build-0{0%{stroke-dashoffset:100;opacity:0}0.1%{stroke-dashoffset:100;opacity:1}10%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-1{0%,9%{stroke-dashoffset:100;opacity:0}9.1%{stroke-dashoffset:100;opacity:1}19%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-2{0%,18%{stroke-dashoffset:100;opacity:0}18.1%{stroke-dashoffset:100;opacity:1}28%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-3{0%,27%{stroke-dashoffset:100;opacity:0}27.1%{stroke-dashoffset:100;opacity:1}37%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-4{0%,36%{stroke-dashoffset:100;opacity:0}36.1%{stroke-dashoffset:100;opacity:1}46%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-5{0%,45%{stroke-dashoffset:100;opacity:0}45.1%{stroke-dashoffset:100;opacity:1}55%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-6{0%,54%{stroke-dashoffset:100;opacity:0}54.1%{stroke-dashoffset:100;opacity:1}64%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-7{0%,63%{stroke-dashoffset:100;opacity:0}63.1%{stroke-dashoffset:100;opacity:1}73%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mish-build-8{0%,72%{stroke-dashoffset:100;opacity:0}72.1%{stroke-dashoffset:100;opacity:1}82%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:700px){.mish-bg-host>.mish-background>.mish-bg-sketch{width:110%;right:-30%;top:4%;opacity:.2}.mish-bg-host>.mish-background>.mish-bg-sketch--secondary{width:95%;left:-30%;right:auto;top:auto;bottom:0;opacity:.1}.mish-bg-host[data-mish-bg-surface="paper"]>.mish-background>.mish-bg-sketch{opacity:.16}.mish-bg-host[data-mish-bg-compact="true"]>.mish-background>.mish-bg-sketch{width:370px;right:-35%;top:50%;opacity:.12}}
@media(prefers-reduced-motion:reduce){.mish-bg-host>.mish-background .mish-bg-draw{animation:none!important;stroke-dashoffset:0;opacity:1}}
html[data-motion="paused"] .mish-bg-host>.mish-background .mish-bg-draw{animation:none!important;stroke-dashoffset:0;opacity:1}
@media(forced-colors:active){.mish-bg-host>.mish-background{display:none}}

/* The lineup uses this drawing instead of layering its older colour canvas over it. */
#channels.mish-bg-host>.cm-field{display:none}