/* Horizontal brand lockup; original symbol proportions are preserved. */
header{height:108px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:17px;flex-shrink:0}
.brand-symbol{position:relative;display:block;width:84px;height:88px;overflow:hidden;background:#0756a5}
.brand-symbol img{position:absolute;width:140px;height:140px;max-width:none;left:-28px;top:-6px;object-fit:contain}
.brand-name{font-size:32px;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:1.4px;color:#0756a5;white-space:nowrap}
html{scroll-padding-top:120px}
@media(max-width:1100px){header{gap:16px;padding-left:4%;padding-right:4%}header nav{gap:20px}.brand-name{font-size:27px;letter-spacing:.7px}.brand{gap:12px}header>.button{padding:12px 16px}}
@media(max-width:850px){header{height:auto;min-height:118px;display:grid;grid-template-columns:1fr auto;padding:10px 5%;gap:10px 16px}header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:28px;font-size:14px}.brand-symbol{width:58px;height:60px}.brand-symbol img{width:96px;height:96px;left:-19px;top:-4px}.brand-name{font-size:25px}header>.button{display:inline-flex}html{scroll-padding-top:135px}}
@media(max-width:520px){header{grid-template-columns:1fr;justify-items:center}header>.button{display:none}.brand-name{font-size:28px}.brand{gap:14px}header nav{gap:26px}}
@media(max-width:360px){.brand-name{font-size:24px;letter-spacing:.4px}}