.topbar{transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .4s ease}.topbar.nav-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}.topbar:hover,.topbar.nav-hidden:hover{transform:translateY(0);opacity:1;pointer-events:auto}.nav-reveal-zone{position:fixed;z-index:9;top:0;left:0;right:0;height:18px}
.brand-name{font-size:26px;letter-spacing:.16em;font-weight:500;white-space:nowrap}.language{position:relative;margin-left:auto;margin-right:24px}.language button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;font-size:11px;padding:7px 0}.language-menu{display:none;position:absolute;right:0;top:32px;width:170px;padding:8px;background:rgba(23,23,21,.96);border:1px solid rgba(255,255,255,.25);list-style:none}.language.open .language-menu{display:block}.language-menu button{display:block;width:100%;text-align:left;padding:8px 10px;color:rgba(245,244,240,.92);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Thonburi','Kailasa','Myanmar MN','Myanmar Text','Leelawadee UI','DokChampa','Helvetica Neue',Arial,sans-serif}.language-menu button:hover{background:rgba(255,255,255,.12);color:#fff}.brand-display{font-size:48px;letter-spacing:.18em;font-weight:500;margin:0 0 14vh}@media(max-width:700px){.brand-name{font-size:19px}.language{margin-right:0}.language-menu{right:-20px}.brand-display{font-size:32px}}
.topbar nav a{padding:10px 0;transition:opacity .3s ease}.topbar nav a:not([aria-current="page"]){opacity:.72}.topbar nav a[aria-current="page"]{opacity:1}.topbar nav a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor}.language-current.is-translating{opacity:.6;animation:language-pulse 1s ease-in-out infinite}@keyframes language-pulse{50%{opacity:.35}}@media(max-width:700px){.topbar{padding:0 6vw}.brand-name{font-size:19px;letter-spacing:.12em}.language-menu{max-height:70vh;overflow:auto}}

/* Keep the header axis identical on the homepage, index pages, and articles. */
.topbar{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(190px,1fr);align-items:center;gap:32px;padding:0 clamp(24px,5vw,80px)}
.topbar .brand-name{justify-self:start;margin:0;line-height:1}
.topbar nav{justify-self:center;gap:clamp(24px,3.2vw,48px);margin:0}
.topbar .call{justify-self:end;margin:0;white-space:nowrap;line-height:1}
.topbar .language{position:absolute;right:clamp(154px,15vw,240px);margin:0;line-height:1}
@media(max-width:700px){.topbar{height:70px;grid-template-columns:1fr auto;gap:12px;padding:0 6vw}.topbar nav{display:none}.topbar .language{right:clamp(88px,22vw,118px)}.topbar .call{font-size:10px}.language-menu{max-height:70vh;overflow:auto}}

/* brand mark (logo decision 2026-09-20: plan-2 XH monogram) */
.brand-mark{display:inline-block;width:26px;height:26px;margin-right:10px;vertical-align:-5px;background:currentColor;-webkit-mask:url(assets/brand-mark-mask.png) center/contain no-repeat;mask:url(assets/brand-mark-mask.png) center/contain no-repeat}
@media(max-width:700px){.brand-mark{width:21px;height:21px;margin-right:8px;vertical-align:-4px}}

/* homepage secondary contact line */
.contact-link.contact-sub{margin-top:34px}
.contact-link.contact-sub .sub-label{float:none;display:block;font-family:var(--body,inherit);font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.55);margin-bottom:10px}
.fine.light a{text-decoration:underline;text-underline-offset:3px}