/* Responsive TOGK identity — compact spaces and wide spaces. */
.brand-home{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;text-decoration:none;color:#f4eedf;letter-spacing:.06em;line-height:1.4}
.brand-mark{display:block;flex:none}.brand-mark img{display:block;width:166px;height:55px;object-fit:contain}.brand-name{display:flex;flex-direction:column;white-space:nowrap;font:500 10px/1.5 'Be Vietnam Pro',sans-serif;letter-spacing:.1em}.brand-name strong{font-size:13px;font-weight:700}
.experience header .logo{gap:12px}.journal-header .journal-brand{gap:14px;letter-spacing:.06em}.journal-header{position:relative;height:auto}
.panel-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 18px;border-bottom:1px solid #d6d5ca;margin-bottom:20px}.panel-brand img{width:150px;height:auto}.panel-brand span{font-size:10px;letter-spacing:.04em;color:#536353}
.journal-footer{align-items:center}.footer-brand{text-decoration:none;display:flex;flex-direction:column;gap:9px;align-items:flex-start}.footer-brand img{display:block;width:220px;height:auto}.footer-brand span{font-size:9px;letter-spacing:.07em}
.journal-welcome{display:flex;align-items:center;justify-content:space-between;gap:40px}.journal-signature{flex:0 1 320px;text-align:center}.journal-signature img{width:100%;height:auto;display:block}.journal-signature span{display:block;margin-top:14px;font-size:12px;letter-spacing:.12em;color:#786044}
@media(min-width:1200px){.brand-mark img{width:188px;height:62px}.brand-name{font-size:11px}.brand-name strong{font-size:14px}}
@media(max-width:900px){.brand-mark img{width:44px;height:44px}.brand-home,.experience header .logo,.journal-header .journal-brand{gap:8px}.brand-name{font-size:9px;letter-spacing:.05em}.brand-name strong{font-size:11px}.journal-signature{display:none}}
@media(max-width:550px){.journal-header .brand-mark img{width:38px;height:38px}.journal-header .brand-name{font-size:8px}.journal-header .brand-name strong{font-size:10px}.journal-footer{align-items:flex-start;gap:25px}.footer-brand img{width:200px}.panel-brand img{width:130px}.panel-brand span{font-size:9px}}
@media(max-width:360px){.experience header .brand-mark img{width:34px;height:34px}.experience header .brand-name{font-size:7px}.experience header .brand-name strong{font-size:9px}.experience header .logo{gap:5px}}
/* Fit the identity within the existing 60px showroom header. */
@media(min-width:901px){.experience header .brand-mark img{width:145px;height:48px}.experience header .brand-name{font-size:9px}.experience header .brand-name strong{font-size:12px}}

@media(max-width:760px){.journal-header{flex-wrap:wrap}.journal-header nav{width:100%;justify-content:space-between;gap:10px}.journal-header nav a{min-height:40px;display:flex;align-items:center}}