/* Vector artwork for the brand and monitor; existing state classes drive animation. */
.brand-mark .farm-brand-art { display:block; width:82%; height:82%; object-fit:contain; }
/* Show the selected emblem while the existing heading supplies the wordmark. */
.brand-mark.brand-mark-selected {
  position:relative; overflow:hidden; flex:0 0 72px;
  width:72px; height:72px; border-radius:16px;
  background:#faf8f1; border:1px solid #e6e8df;
  box-shadow:0 5px 14px rgba(16,37,30,.10);
}
.brand-mark-selected .farm-brand-art {
  position:absolute; width:185%; max-width:none; height:auto;
  left:-43%; top:-40%; clip-path:inset(0 0 32% 0);
}
@media(max-width:600px) {
  .brand-mark.brand-mark-selected { flex-basis:56px; width:56px; height:56px; border-radius:12px; }
}
.monitor-chickens { gap:clamp(2px,1vw,9px); }
.monitor-chickens span { line-height:0; transform-origin:50% 95%; }
.monitor-chickens img { display:block; width:49px; height:45px; object-fit:contain; }
.monitor-chickens span:nth-child(2) img { width:54px; height:50px; transform:scaleX(-1); }
.monitor-chickens span:nth-child(3) img { width:43px; height:40px; }
.monitor-chickens span:nth-child(4) img { transform:scaleX(-1); }
.monitor-fan i img { display:block; width:32px; height:32px; }
.monitor-control-btn > span { display:flex; align-items:center; justify-content:center; }
.monitor-control-btn > span img { display:block; width:24px; height:24px; }
.monitor-control-btn:focus-visible { outline:3px solid #f5d887; outline-offset:2px; }
.pour-hand img { display:block; width:52px; height:43px; }
@media(max-width:420px) {
  .monitor-chickens img { width:39px; height:36px; }
  .monitor-chickens span:nth-child(2) img { width:43px; height:40px; }
  .monitor-chickens span:nth-child(3) img { width:35px; height:32px; }
}
@media(prefers-reduced-motion:reduce) {
  .monitor-chickens span { animation:none; }
  .monitor-screen.fan-on .monitor-fan i { animation-duration:3s; }
}