/* The title is a responsive lockup with its own wheat and circuit components. */
.brand{container-type:inline-size;container-name:brand;min-width:0;display:grid;grid-template-columns:minmax(25px,.2fr) minmax(0,1fr) minmax(25px,.2fr);align-items:center;gap:3px}
.brand:after{display:none}
.brand-copy{min-width:0}
.brand .brand-copy h1{font-size:clamp(18px,6.8cqw,61px);letter-spacing:1px;line-height:1.25;white-space:nowrap}
.brand .brand-copy p{font-size:clamp(10px,3cqw,25px);margin:5px 0 0;letter-spacing:1.5px;font-weight:500;color:#18543e;white-space:nowrap}
.brand-ornament{display:block;width:100%;height:clamp(38px,12cqw,94px);object-fit:contain;pointer-events:none}
.brand-ornament-right{transform:scaleX(-1)}
/* Keep the gold/brown lettering steady while a polished highlight travels across it. */
.clock span{
  background-image:linear-gradient(110deg,transparent 42%,#ffe7a0 48%,#fffbe5 50%,#ffe7a0 52%,transparent 58%),linear-gradient(135deg,#875222 0%,#d9a13d 38%,#9f6728 70%,#73451e 100%);
  background-size:300% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:100% 0,0 0;
  animation:grain-motto-sheen 4.8s linear infinite;
}
@keyframes grain-motto-sheen{
  0%,12%{background-position:100% 0,0 0}
  78%,100%{background-position:0% 0,0 0}
}
@container screen (max-width:740px){.brand{padding-bottom:8px}.brand .brand-copy p{letter-spacing:.5px}.brand .brand-copy h1{letter-spacing:0}}