/* Only genuine pending photographs carry this site's loading emblem. */
:root{--photo-loader-paper:var(--pale);--photo-loader-ink:var(--olive);}
.brand-image-status{position:absolute;inset:0;max-width:none;margin:0;border:0;border-radius:inherit;display:grid;place-content:center;justify-items:center;gap:12px;padding:16px;background:var(--photo-loader-paper);color:var(--photo-loader-ink);text-align:center;pointer-events:none;z-index:3;isolation:isolate;font:inherit;font-size:13px;line-height:1.4}
.brand-image-status[hidden]{display:none!important}
.brand-loading-mark{display:block;width:62px;height:62px;max-width:100%;flex:none}
.brand-loading-mark svg{display:block;width:100%;height:100%;overflow:visible}
.brand-loading-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.brand-image-status button,.brand-image-status a{pointer-events:auto}
.brand-loading-error{max-width:24ch}
.brand-photo-status{inset:auto;transform:translate(-50%,-50%);width:88px;height:88px;max-width:80%;padding:8px;background:transparent;z-index:3}
.brand-photo-status[data-brand-state=error]{width:220px;height:auto;background:var(--photo-loader-paper)}
.brand-photo-pending{visibility:hidden!important}
.loader-river{stroke-dasharray:22 38;animation:riverside-line 1.8s ease-in-out infinite}@keyframes riverside-line{0%,100%{stroke-dashoffset:20;opacity:.55}55%{stroke-dashoffset:-18;opacity:1}}.workshop-photo .photo-status.brand-image-status{inset:12px 12px 76px}.service-image-status.brand-image-status{background:#efe2ca}.hero>.brand-photo-status{z-index:1}
html.reduce-motion .brand-loading-mark *,html[data-motion=off] .brand-loading-mark *,body.is-paused .brand-loading-mark *,body.motion-paused .brand-loading-mark *,body.motion-off .brand-loading-mark *,body.page-away .brand-loading-mark *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.brand-loading-mark *{animation:none!important}}
@media(forced-colors:active){.brand-image-status{background:Canvas;color:CanvasText}.brand-loading-mark svg *{stroke:CanvasText;fill:Canvas}.brand-loading-mark .loader-accent{fill:Highlight}}