.header{min-height:118px;gap:28px}.header .brand img{width:236px}.header nav{font-size:16px;gap:30px}.header-actions{gap:20px}.header .icon-button{width:36px;height:42px}.header .icon-button svg{width:25px;height:25px}.header .button.small{font-size:15px;min-height:48px;padding:12px 20px;gap:14px}
.home-page .hero{margin-top:-118px}
@media(max-width:1100px){.header{min-height:146px;flex-wrap:wrap;padding:20px 0;gap:18px}.header .brand img{width:212px}.header nav{order:3;width:100%;justify-content:center;gap:30px;font-size:15px}.header-actions{gap:16px}.header .button.small{font-size:14px}.home-page .hero{margin-top:-146px;padding-top:185px}}
@media(max-width:600px){.header{min-height:142px;gap:12px;padding:18px 0}.header .brand img{width:152px}.header nav{justify-content:space-between;gap:9px;font-size:12px}.header-actions{gap:8px}.header .icon-button{width:28px;height:36px}.header .icon-button svg{width:22px;height:22px}.header .button.small{font-size:11px;min-height:42px;padding:10px 11px;max-width:140px}.home-page .hero{margin-top:-142px;padding-top:180px}}
@media(max-width:380px){.header .brand img{width:140px}.header-actions{gap:5px}.header .button.small{font-size:10px;padding:10px}}
/* Larger, individually framed navigation options. */
.header nav{gap:10px;font-size:18px;flex-shrink:0}
.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 18px;border:1px solid #5a466d;border-radius:7px;background:#14101c;color:#d0c8dc;font-weight:500;line-height:1.3;white-space:nowrap}
.header nav a.active{background:#2d1c41;border-color:#a582c8;color:#fff;box-shadow:inset 0 0 0 1px #b590da1a}
.header nav a:is(:hover,:focus-visible){background:#49315f;border-color:#cba6ef;color:#fff;box-shadow:0 0 20px #ad7ce54d}
@media(max-width:1320px){.header{min-height:166px;flex-wrap:wrap;padding:20px 0;gap:16px}.header nav{order:3;width:100%;justify-content:center;font-size:18px;gap:12px}.home-page .hero{margin-top:-166px;padding-top:205px}}
@media(max-width:600px){.header{min-height:206px;padding:18px 0;gap:12px}.header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:15px}.header nav a{min-height:44px;padding:10px 12px}.home-page .hero{margin-top:-206px;padding-top:244px}}