/* v187: large Bangkok clock in the open right side of the Hub hero. */
.page-hub .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}
.page-hub .hero::after{content:none}
.page-hub .hero-copy{position:relative;z-index:1;min-width:0}
.page-hub .hero-copy>p:last-child{position:relative;z-index:1;margin:5px 0 0;max-width:720px;color:#becbe0;font-size:13px;line-height:1.45}
.page-hub .hub-clock{position:relative;z-index:2;display:grid;min-width:350px;justify-items:center;align-content:center;padding:7px 24px 8px;border-left:1px solid rgba(255,255,255,.18);color:#fff;text-align:center}
.page-hub .hub-clock-label{display:flex;align-items:center;gap:7px;color:#bdebe4;font-size:10px;font-weight:900;letter-spacing:.16em}
.page-hub .hub-clock-label i{width:7px;height:7px;border-radius:50%;background:#46e3ca;box-shadow:0 0 0 5px rgba(70,227,202,.12),0 0 16px rgba(70,227,202,.8)}
.page-hub .hub-clock time{display:flex;align-items:center;justify-content:center;margin:-3px 0 -5px;font:950 clamp(48px,5.2vw,76px)/1 "Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-shadow:0 9px 24px rgba(0,0,0,.3)}
.page-hub .hub-clock time b{min-width:2.15ch}
.page-hub .hub-clock time em{display:inline-block;margin:0 .08em;color:#ffd84d;font-style:normal;animation:hub-clock-blink-v187 1s steps(1,end) infinite}
.page-hub .hub-clock-date{color:#dbe7f4;font-size:12px;font-weight:750}
@keyframes hub-clock-blink-v187{0%,49%{opacity:1}50%,100%{opacity:.18}}
@media(max-width:900px){.page-hub .hero{grid-template-columns:minmax(0,1fr) auto;gap:12px}.page-hub .hub-clock{min-width:270px;padding-inline:14px}.page-hub .hub-clock time{font-size:clamp(42px,7vw,62px)}}
@media(max-width:700px){.page-hub .hero{grid-template-columns:1fr}.page-hub .hub-clock{width:100%;min-width:0;border-top:1px solid rgba(255,255,255,.18);border-left:0}.page-hub .hub-clock time{font-size:52px}}
@media(prefers-reduced-motion:reduce){.page-hub .hub-clock time em{animation:none}}