/* Spacious monochrome masthead based on the supplied reference. */
.brand-clock{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:62px 3.5%;background:#000;color:#fff;text-align:center}
.brand-clock-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:1240px;margin-inline:auto}
.brand-clock-field{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-width:0;padding:0 10px;border-left:3px solid #fff}
.brand-clock-field:first-child{border-left:0}
.brand-clock-value{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(32px,5vw,66px);font-weight:700;line-height:1.12;font-variant-numeric:tabular-nums;letter-spacing:.025em;white-space:nowrap}
.brand-clock-date .brand-clock-value{font-size:clamp(17px,3vw,40px);letter-spacing:0}
.brand-clock-label{font-size:clamp(12px,2vw,26px);font-weight:500;letter-spacing:.1em;line-height:1.5;color:#8e8d8c}
.clock-home>main{margin-top:0}
@media(max-width:600px){.brand-clock{padding:32px 3%}.brand-clock-field{gap:9px;padding:0 4px;border-left-width:1px}.brand-clock-value{font-size:32px}.brand-clock-date .brand-clock-value{font-size:clamp(14px,3.9vw,23px)}.brand-clock-label{font-size:12px;letter-spacing:.06em}}
@media(max-width:350px){.brand-clock-field{padding:0 2px}.brand-clock-value{font-size:28px}.brand-clock-label{letter-spacing:0}.brand-clock-date .brand-clock-value{font-size:13px}}